Saturday, 16 February 2013

Review Blog Dan Free Template :D

Assalam mualaikum hai saye dah siap kan 3 template dalam satu hari,,mule2 saye siap kan template saye sendiri pastu siap kan template Rose_Resepi Nak tengok? Jom singgah ramai2 blogger baru,,SINI,,Follow sekali tau!!Cik rose resepi ni beliau kongsikan pelbagai resepi,,mase ni tak pelbagai lagi sebb baru lagi kan,,die mahu tema tom and jerry meoww! kalau nak tahu camne rupe nye tekan SINI yang kat atas tu k!! Lepastu free template pulak nk tengok?? jom saye dah print screen 
siap2 dah hihihi ,,,



Nak?
SEBELUM AMIK!KOMEN DULU K!!

<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  <head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Minima Template
Modified by: Blog Designs by Dani
http://www.blogdesignsbydani.com
Wide 2-Column Template 2011
----------------------------------------------- */
/* Variable definitions
   ====================
   <Variable name="bgcolor" description="Page Background Color"
          type="color" default="#fff" value="#ffffff">
   <Variable name="textcolor" description="Text Color"
          type="color" default="#333" value="#333333">
   <Variable name="linkcolor" description="Link Color"
          type="color" default="#58a" value="#5588aa">
   <Variable name="pagetitlecolor" description="Blog Title Color"
          type="color" default="#666" value="#666666">
   <Variable name="descriptioncolor" description="Blog Description Color"
          type="color" default="#999" value="#999999">
   <Variable name="titlecolor" description="Post Title Color"
          type="color" default="#c60" value="#cc6600">
   <Variable name="bordercolor" description="Border Color"
          type="color" default="#ccc" value="#cccccc">
   <Variable name="sidebarcolor" description="Sidebar Title Color"
          type="color" default="#999" value="#999999">
   <Variable name="sidebartextcolor" description="Sidebar Text Color"
          type="color" default="#666" value="#666666">
   <Variable name="visitedlinkcolor" description="Visited Link Color"
          type="color" default="#999" value="#999999">
   <Variable name="bodyfont" description="Text Font"
          type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
   <Variable name="headerfont" description="Sidebar Title Font"
          type="font"
          default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
   <Variable name="pagetitlefont" description="Blog Title Font"
          type="font"
          default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
<Variable name="titlefont" description="Post Title Font"
          type="font"
          default="normal normal 200% Georgia, Serif" value="normal normal 200% Georgia, Serif">
   <Variable name="descriptionfont" description="Blog Description Font"
          type="font"
          default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="postfooterfont" description="Post Footer Font"
          type="font"
          default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
   <Variable name="startSide" description="Side where text starts in blog language"
          type="automatic" default="left" value="left">
   <Variable name="endSide" description="Side where text ends in blog language"
          type="automatic" default="right" value="right">
*/
/* Use this with templates/template-twocol.html */
body {
margin: 0;
padding: 0;
line-height: 1.7em;
font: normal bold 14px 'Levenim MT MS', Levenim MT, sans-serif;
color:#000000;
background:url(https://encrypted-tbn2.gstatic.com/images?q=tbn:ANd9GcQUB73rR2nn_pHLRL6tT6VpQBbyCXTYkTcSda3JUPxeW8Cwernj);background-position:top center;background-attachment:fixed;
}
a:link {
  color:$linkcolor;
  text-decoration:none;
  }
a:visited {
  color:$visitedlinkcolor;
  text-decoration:none;
  }
a:hover {
  color:$titlecolor;
  text-decoration:underline;
}
a img {
  border-width:0;
  }
u {
text-decoration:none;
border-bottom: 4px solid #F6358A;
 padding: -3px;
}
u:hover {
border-bottom:  4px solid #F9A7B0;
padding: -3px;
}
/* Header
----------------------------------------------- */
::-webkit-scrollbar {
height:13px;
width: 13px;
background: #3260f1;
}
::-webkit-scrollbar-thumb {
background: #75d7ff;
-moz-border-radius: 10px;
border-radius:10px;
}
.header-outer {
background: transparent none repeat-x scroll top left;
_background-image: none;
color: transparent;
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.Header img, .Header #header-inner {
-moz-border-radius: 0;
-webkit-border-radius: 0;
-goog-ms-border-radius: 0;
border-radius: 0;
}
.header-inner .Header .titlewrapper,
.header-inner .Header .descriptionwrapper {
padding-left: 0;
padding-right: 0;
}
.Header h1 {
font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
}
.Header h1 a {
color: transparent;
}
.Header .description {
font-size: 130%;
}
/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 1000px;
margin:10px auto 0px;
padding:0px;
text-align:left;
font: normal normal 14px Trebuchet, Trebuchet MS, Arial, sans-serif;
}
#content-wrapper {
background:url(http://i.imgur.com/JVjNBQB.png) repeat-y;
}
#main-wrapper {
width: 570px;
padding-left:49px;
margin:0px 10px 0px 0px;
float: left;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;     /* fix for long non-text content breaking IE sidebar float */
}
#sidebar-wrapper {
width: 280px;
padding-right:10px;
float: right;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}
/* Headings
----------------------------------------------- */
h2 {
  margin:1.5em 0 .75em;
  font:$headerfont;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color:$sidebarcolor;
}

/* Posts
-----------------------------------------------
*/
h2.date-header {
background-repeat: no-repeat;background-position:margin-bottom: 2px;witdh: 100%;font-size:15px;color: #000;text-align: center;
text-transform:uppercase;
border-bottom:0px solid transparent;
margin:1.5em 0 .5em;
color: #000000;
font: Century Gothic;
}
.post img {
padding:0px;
BORDER-RADIUS:30PX;
border:0px solid #ffffff;
}
.post {
font: normal 12px Century Gothic;
text-align:;
background: url(http://dl4.glitter-graphics.net/pub/1167/1167354yin8tsiepj.gif);
background-repeat: no-repeat;
background-position: top center;
margin:.5em 0 2.5em;
padding-top:3.5em;
}
.post-body {
background:url(https://encrypted-tbn1.gstatic.com/images?q=tbn:ANd9GcTvusiXb53P7BRqiIt61ZmumMmoXCgs83Z1iZA3yoXnbChnPr8G); padding:6px;
border-top: 4px solid #ffacda;
border-bottom: 4px solid #99e7e4;
border-left: 4px solid #99e7e4;
border-right: 4px solid #ffacda;
line-height: 1.4;
font-size: 14px;
font:Andika;
position: relative;
border-radius: 10px;
}
.post h3 {
margin: 1.6em 0 .5em;
padding: 4px 5px;
background:#FD80AC;
border:4px solid #FC4786;
background-image: url("http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/BaskinRabbit2.gif");
background-position: left;
background-repeat: no-repeat;
line-height: 1.7em;
text-align: center;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;
-moz-border-radius-topright: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-top-left-radius: 10px;
-webkit-border-top-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-webkit-border-bottom-right-radius: 10px;
border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
font: normal 17px Verdana ;
color: #000000;
}
.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
text-decoration:none;
color:#000000;
font-weight:normal;
}
.post h3 strong, .post h3 a:hover {
color:#000000;
}
.post p {
margin:0 0 .75em;
line-height:1.2em;
}
.post-footer {
padding:8px;
color: #333333;
font-size: 95%;
background: url(http://2.bp.blogspot.com/-4EheOXBZqwU/T6ulhwQ5SFI/AAAAAAAAA2c/vBMyFxI_8-c/s1600/th_back07.gif);
border-left: 12px solid #ffacda;
border-right: 12px solid #ffacda;
border-bottom:2px dashed  #00ffe1;
border-top:2px dashed #00ffe1;
moz-box-shadow: 0 0 5px 2px #FAD1FF;
-webkit-box-shadow: 0 0 5px 2px #FAD1FF;
border-radius:7px;
margin:6px;
text-align:left;
}
.comment-link {
margin-left:.6em;
font-size: 95%;
}
.post img {
padding:4px;
border:1px solid transparent;
}
.post blockquote {
margin:1em 20px;
}
.post blockquote p {
margin:.75em 0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
  margin:1em 0;
  font-weight: bold;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.2em;
  color: $sidebarcolor;
  }
#comments-block {
  margin:1em 0 1.5em;
  line-height:1.6em;
  }
#comments-block .comment-author {
  margin:.5em 0;
  }
#comments-block .comment-body {
  margin:.25em 0 0;
  }
#comments-block .comment-footer {
  margin:-.25em 0 2em;
  line-height: 1.4em;
  text-transform:uppercase;
  letter-spacing:.1em;
  }
#comments-block .comment-body p {
  margin:0 0 .75em;
  }
.deleted-comment {
  font-style:italic;
  color:gray;
  }
#blog-pager-newer-link {
  float: $startSide;
 }

#blog-pager-older-link {
  float: $endSide;
 }
#blog-pager {
  text-align: center;
 }
.feed-links {
  clear: both;
  line-height: 2.5em;
}
/* Sidebar Content
----------------------------------------------- */
.sidebar h2 {background:url(http://i125.photobucket.com/albums/p69/Lacrymosa87/ImprovedPixels/CompanyCharacters/Crux/CruxFuwaUsachanBunny.gif);
background-repeat: no-repeat;background-position:margin-bottom: 2px;witdh: 100%;font-size:15px;color: #000;text-align: center;
}
.sidebar ul li {background:url("http://4.bp.blogspot.com/-LZjQASud0Ys/UKpmIg_iDvI/AAAAAAAAGyA/2AV4PLOnxn4/s1600/xmarie1.gif") no-repeat 2px .25em;margin:0;padding:0 0 3px 16px;margin-bottom:2px;text-indent:7px;line-height:1.3em;
}
.sidebar .widget {
background: #FFF;
border-top: 4px solid #fab0b5;
border-bottom: 4px solid #fdd9dc;
border-left: 4px solid #fdd9dc;
border-right: 4px solid #fab0b5;
border-radius: 10px;
margin:0 0 1.5em;
padding:0 0 50px;
background-image: url("http://dl7.glitter-graphics.net/pub/773/773427w34lc9wivu.gif");
background-position: bottom;
background-repeat: no-repeat;
}
.main .Blog {
border-bottom-width: 0;
}
/* Profile
----------------------------------------------- */
.profile-img {
  float: $startSide;
  margin-top: 0;
  margin-$endSide: 5px;
  margin-bottom: 5px;
  margin-$startSide: 0;
  padding: 4px;
  border: 1px solid $bordercolor;
}
.profile-data {
  margin:0;
  text-transform:uppercase;
  letter-spacing:.1em;
  font: $postfooterfont;
  color: $sidebarcolor;
  font-weight: bold;
  line-height: 1.6em;
}
.profile-datablock {
  margin:.5em 0 .5em;
}
.profile-textblock {
  margin: 0.5em 0;
  line-height: 1.6em;
}
.profile-link {
  font: $postfooterfont;
  text-transform: uppercase;
  letter-spacing: .1em;
}
/* Footer
----------------------------------------------- */
#footer {
clear:both;
margin:0 0 0px 0px;
padding-bottom:0px;
padding-top: 200px;
line-height: 1.4em;
text-transform:lowercase;
letter-spacing:.1em;
text-align: center;
background: url(http://i.imgur.com/0a4KCpj.png) no-repeat bottom center;
height: 200px;
}
]]></b:skin>
  </head>
<div style=' background-image: url(&apos;http://4.bp.blogspot.com/-43LRB-W8Lrw/UFSIU9D1c1I/AAAAAAAAFuU/evgjmw-nPxE/s1600/NabilaDivider.png&apos;);   width: 100%;  height: 34px; z-index: 100; position: absolute; '/>

  <body>
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
  <div id='outer-wrapper'><div id='wrap2'>
<!-- skip links for text browsers -->
<span id='skiplinks' style='display:none;'>
  <a href='#main'>skip to main </a> |
  <a href='#sidebar'>skip to sidebar</a>
</span>
<div id='header-wrapper'>
  <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Tutorial Bloskin (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>
  <div id='crosscol-wrapper' style='text-align:center'>
    <b:section class='crosscol' id='crosscol'/>
  </div>
  <div id='main-wrapper'>
    <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
  </div>
  <div id='sidebar-wrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML2' locked='false' title='AnyeongHaseo' type='HTML'/>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML4' locked='false' title='Klik' type='HTML'/>
<b:widget id='Navbar1' locked='false' title='Navbar' type='Navbar'/>
</b:section>
  </div>
  <!-- spacer for skins that want sidebar and main to be the same height-->
  <div class='clear'>&#160;</div>
</div> <!-- end content-wrapper -->
<div id='footer-wrapper'>
  <b:section class='footer' id='footer'>
<b:widget id='HTML1' locked='false' title='' type='HTML'/>
</b:section>
</div>
  </div></div> <!-- end outer-wrapper -->
</body>
</html>


4 comments:

najiah shaharain said...

rajinnyer..^^ tp cantik!

Mimi afiqah said...

@najiah shaharaintq kak
:D

Aini Yunus said...

betul3..mimi ni memang rajin..edit blog akak bole..hehe

Mimi afiqah said...

@Aini YunusBolej jje hehehe :D