Blog Gadis Kampung: CARA MENUKAR LAYOUT BLOG

Dah lama tak buka blog cuti seminggu raya aritu mana ada buka blog pun...bila buka cian lak kat blogger nama yana dia dok tanya macam ne nak tukar layout blog...sampai berkali2 msg...tak pe dik nie akak ada akak tunjuk ye...kalau adik tak faham adik boleh tanya...tutorial di tuju kan untuk semua bew blogger yang nak mengcantikkan blog diorang...ok step yang pertama...tarik nafas lepas....

STEP 1: klik kat sini (nie blog pyzam) kat sini ada macam2 template yang menarik...
STEP 2: Pilih template yang adik suka contoh atau korang preview dulu template tue tengok ok ke tak..

akak suka template nie

STEP 3: Pastu adik arahan nie:

1.COPY CODE YANG DITUNJUK ANAK PANAH TUE:

2. Log in blog adik pastu klik di "DESIGN" tengok kat Blogger Dashboard
3. Click kat "Edit HTML" tab.
4.Padam HTML sedia ada kat edit html tue..pastu adik paste code yang adik copy tadi...jangan lupa klik

Expand Widget Templates

<?xml  version="1.0" encoding="UTF-8" ?> <!DOCTYPE html> <html b:version='2' class='v2' 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>     <meta content='IE=EmulateIE7' http-equiv='X-UA-Compatible'/>     <b:if cond='data:blog.isMobile'>       <meta  content='width=device-width,minimum-scale=1.0,maximum-scale=1.0'  name='viewport'/>     <b:else/>       <meta content='width=1100' name='viewport'/>     </b:if>     <b:include data='blog' name='all-head-content'/>     <title><data:blog.pageTitle/></title>      <b:skin><![CDATA[/* ----------------------------------------------- Blogger Template Style Name:     Watermark Designer: Josh Peterson URL:      www.noaesthetic.com ----------------------------------------------- */  /* Variable definitions    ====================     <Variable name="keycolor" description="Main Color" type="color"  default="#c0a154" value="#c0a154"/>     <Group description="Page Text" selector=".main-inner">      <Variable name="body.font" description="Font" type="font"          default="normal normal 14px Arial, Tahoma, Helvetica, FreeSans,  sans-serif" value="normal normal 14px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif;"/>      <Variable name="body.text.color" description="Text Color"  type="color" default="#333333" value="#333333"/>    </Group>     <Group description="Backgrounds" selector=".main-inner">      <Variable name="body.background.color" description="Outer  Background" type="color" default="#c0a154" value="#3d85c6"/>      <Variable name="footer.background.color" description="Footer  Background" type="color" default="transparent" value="transparent"/>    </Group>     <Group description="Links" selector=".main-inner">      <Variable name="link.color" description="Link Color"  type="color" default="#cc3300" value="#cc3300"/>      <Variable name="link.visited.color" description="Visited Color"  type="color" default="#993322" value="#993322"/>      <Variable name="link.hover.color" description="Hover Color"  type="color" default="#ff3300" value="#ff3300"/>    </Group>     <Group description="Blog Title" selector=".header">      <Variable name="header.font" description="Title Font"  type="font"          default="normal normal 60px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif" value="normal normal 45px Georgia, Utopia,  'Palatino Linotype', Palatino, serif;"/>      <Variable name="header.text.color" description="Title Color"  type="color" default="#ffffff"  value="#ff00ff"/>      <Variable name="description.text.color" description="Description  Color" type="color"          default="#997755"  value="#e11045"/>    </Group>     <Group description="Tabs Text" selector=".tabs-outer  .PageList">      <Variable name="tabs.font" description="Font" type="font"          default="normal normal 20px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia,  'Palatino Linotype', Palatino, serif"/>      <Variable name="tabs.text.color" description="Text Color"  type="color" default="$(link.color)" value="$(link.color)"/>      <Variable name="tabs.selected.text.color" description="Selected  Color" type="color" default="#000000" value="#000000"/>    </Group>     <Group description="Tabs Background" selector=".tabs-outer  .PageList">      <Variable name="tabs.background.color" description="Background  Color" type="color" default="transparent" value="transparent"/>      <Variable name="tabs.separator.color" description="Separator  Color" type="color" default="$(body.background.color)"  value="transparent"/>    </Group>     <Group description="Date Header" selector=".Blog">      <Variable name="date.font" description="Font" type="font"          default="normal normal 16px Arial, Tahoma, Helvetica, FreeSans,  sans-serif" value="normal bold 16px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif;"/>      <Variable name="date.text.color" description="Text Color"  type="color" default="#997755" value="#ff00ff"/>    </Group>     <Group description="Post" selector=".post">      <Variable name="post.title.font" description="Title Font"  type="font"          default="normal normal 30px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif" value="normal normal 30px Georgia, Utopia,  'Palatino Linotype', Palatino, serif"/>      <Variable name="post.background.color" description="Background  Color" type="color" default="transparent" value="transparent"/>      <Variable name="post.border.color" description="Border Color"  type="color" default="#ccbb99"  value="#330000"/>    </Group>     <Group description="Post Footer" selector=".post-footer">      <Variable name="post.footer.text.color" description="Text Color"  type="color" default="#997755" value="#0b5394"/>    </Group>     <Group description="Gadgets" selector=".sidebar .widget">      <Variable name="widget.title.font" description="Title Font"  type="font"         default="normal normal 20px Georgia, Utopia, 'Palatino  Linotype', Palatino, serif" value="normal normal 20px Georgia, Utopia,  'Palatino Linotype', Palatino, serif"/>      <Variable name="widget.title.text.color" description="Title  Color" type="color" default="#000000" value="#1044e1"/>      <Variable name="widget.alternate.text.color"  description="Alternate Color" type="color" default="#777777"  value="#777777"/>    </Group>     <Group description="Footer" selector=".footer-inner">      <Variable name="footer.text.color" description="Text Color"  type="color" default="$(body.text.color)" value="#040303"/>      <Variable name="footer.widget.title.text.color"  description="Gadget Title Color" type="color"  default="$(widget.title.text.color)" value="transparent"/>    </Group>     <Group description="Footer Links" selector=".footer-inner">      <Variable name="footer.link.color" description="Link Color"  type="color" default="$(link.color)" value="transparent"/>      <Variable name="footer.link.visited.color" description="Visited  Color" type="color" default="$(link.visited.color)" value="#260b0b"/>      <Variable name="footer.link.hover.color" description="Hover  Color" type="color" default="$(link.hover.color)" value="#ff9977"/>    </Group>     <Variable name="body.background" description="Body Background"  type="background"        color="$(body.background.color)" default="$(color)  url(http://www.blogblog.com/1kt/watermark/body_background_birds.png)  repeat scroll top left" value="$(color)  url(http://www.blogblog.com/1kt/watermark/body_background_birds.png)  repeat scroll top left"/>    <Variable name="body.background.overlay" description="Overlay  Background" type="background" color="$(body.background.color)"        default="transparent  url(http://www.blogblog.com/1kt/watermark/body_overlay_birds.png)  no-repeat scroll top right" value="transparent  url(http://www.blogblog.com/1kt/watermark/body_overlay_birds.png)  no-repeat scroll top right"/>    <Variable name="body.background.overlay.height"  description="Overlay Background Height" type="length" default="121px"  value="121px"/>     <Variable name="tabs.background.inner" description="Tabs  Background Inner" type="url" default="none" value="none"/>    <Variable name="tabs.background.outer" description="Tabs  Background Outer" type="url" default="none" value="none"/>    <Variable name="tabs.border.size" description="Tabs Border Size"  type="length" default="0" value="0"/>    <Variable name="tabs.shadow.spread" description="Tabs Shadow  Spread" type="length" default="0" value="0"/>     <Variable name="main.padding.top" description="Main Padding Top"  type="length" default="30px" value="30px"/>    <Variable name="main.cap.height" description="Main Cap Height"  type="length" default="0" value="0"/>    <Variable name="main.cap.image" description="Main Cap Image"  type="url" default="none" value="none"/>    <Variable name="main.cap.overlay" description="Main Cap Overlay"  type="url" default="none" value="none"/>    <Variable name="main.background" description="Main Background"  type="background"        default="transparent none no-repeat scroll top left"  value="transparent none no-repeat scroll top left"/>     <Variable name="post.background.url" description="Post Background  URL" type="url"         default="url(http://www.blogblog.com/1kt/watermark/post_background_birds.png)"   value="url(http://www.blogblog.com/1kt/watermark/post_background_birds.png)"/>     <Variable name="post.border.size" description="Post Border Size"  type="length" default="1px" value="1px"/>    <Variable name="post.border.style" description="Post Border Style"  type="string" default="dotted" value="dotted"/>    <Variable name="post.shadow.spread" description="Post Shadow  Spread" type="length" default="0" value="0"/>     <Variable name="footer.background" description="Footer Background"  type="background"        color="$(footer.background.color)" default="$(color)  url(http://www.blogblog.com/1kt/watermark/body_background_navigator.png)  repeat scroll top left" value="$(color)  url(http://www.blogblog.com/1kt/watermark/body_background_navigator.png)  repeat scroll top left"/>     <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/1ktemplate-*.html */  /* Content ----------------------------------------------- */ body {   font: $(body.font);   color: $(body.text.color);   background: $(body.background); }  html body .content-outer {   min-width: 0;   max-width: 100%;   width: 100%; }  .content-outer {   font-size: 92%; }  a:link {   text-decoration:none;   color: $(link.color); }  a:visited {   text-decoration:none;   color: $(link.visited.color); }  a:hover {   text-decoration:underline;   color: $(link.hover.color); }  .body-fauxcolumns .cap-top {   margin-top: 30px;   background: $(body.background.overlay);   height: $(body.background.overlay.height); }  .content-inner {   padding: 0; }  /* Header ----------------------------------------------- */ .header-inner .Header .titlewrapper, .header-inner .Header .descriptionwrapper {   padding-left: 20px;   padding-right: 20px; }  .Header h1 {   font: $(header.font);   color: $(header.text.color);   text-shadow: 2px 2px rgba(0, 0, 0, .1); }  .Header h1 a {   color: $(header.text.color); }  .Header .description {   font-size: 140%;   color: $(description.text.color); }  /* Tabs ----------------------------------------------- */ .tabs-inner .section {   margin: 0 20px; }  .tabs-inner .PageList, .tabs-inner .LinkList, .tabs-inner .Labels {   margin-left: -11px;   margin-right: -11px;    background-color: $(tabs.background.color);   border-top: $(tabs.border.size) solid #ffffff;   border-bottom: $(tabs.border.size) solid #ffffff;      -moz-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);   -webkit-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);   -goog-ms-box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3);   box-shadow: 0 0 $(tabs.shadow.spread) rgba(0, 0, 0, .3); }  .tabs-inner .PageList .widget-content, .tabs-inner .LinkList .widget-content, .tabs-inner .Labels .widget-content {   margin: -3px -11px;    background: transparent $(tabs.background.outer)  no-repeat scroll  right;   }  .tabs-inner .widget ul {   padding: 2px 25px;   max-height: 34px;    background: transparent $(tabs.background.inner) no-repeat scroll  left; }  .tabs-inner .widget li {   border: none; }  .tabs-inner .widget li a {   display: inline-block;    padding: .25em 1em;    font: $(tabs.font);   color: $(tabs.text.color);    border-$endSide: 1px solid $(tabs.separator.color); }  .tabs-inner .widget li:first-child a {   border-$startSide: 1px solid $(tabs.separator.color); }  .tabs-inner .widget li.selected a, .tabs-inner .widget li a:hover {   color: $(tabs.selected.text.color); }  /* Headings ----------------------------------------------- */ h2 {   font: $(widget.title.font);   color: $(widget.title.text.color);    margin: 0 0 .5em; }  h2.date-header {   font: $(date.font);   color: $(date.text.color); }  /* Main ----------------------------------------------- */ .main-inner .column-center-inner, .main-inner .column-left-inner, .main-inner .column-right-inner {   padding: 0 5px; }  .main-outer {   margin-top: $(main.cap.height);   background: $(main.background); }  .main-inner {   padding-top: $(main.padding.top); }  .main-cap-top {   position: relative; }  .main-cap-top .cap-right {   position: absolute;    height: $(main.cap.height);   width: 100%;    bottom: 0;    background: transparent $(main.cap.image) repeat-x scroll bottom center; }  .main-cap-top .cap-left {   position: absolute;    height: 245px;   width: 280px;   right: 0;   bottom: 0;    background: transparent $(main.cap.overlay) no-repeat scroll bottom left; }  /* Posts ----------------------------------------------- */ .post-outer {   padding: 15px 20px;   margin: 0 0 25px;    background: $(post.background.color) $(post.background.url) repeat scroll top left;   _background-image: none;    border: $(post.border.style) $(post.border.size) $(post.border.color);    -moz-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);   -webkit-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);   -goog-ms-box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1);   box-shadow: 0 0 $(post.shadow.spread) rgba(0, 0, 0, .1); }  h3.post-title {   font: $(post.title.font);   margin: 0; }  .comments h4 {   font: $(post.title.font);   margin: 1em 0 0; }  .post-body {   font-size: 105%;   line-height: 1.5;   position: relative; }  .post-header {   margin: 0 0 1em;    color: $(post.footer.text.color); }  .post-footer {   margin: 10px 0 0;   padding: 10px 0 0;    color: $(post.footer.text.color);   border-top: dashed 1px $(widget.alternate.text.color); }  #blog-pager {   font-size: 140% }  #comments .comment-author {   padding-top: 1.5em;    border-top: dashed 1px $(widget.alternate.text.color);    background-position: 0 1.5em; }  #comments .comment-author:first-child {   padding-top: 0;    border-top: none; }  .avatar-image-container {   margin: .2em 0 0; }  /* Widgets ----------------------------------------------- */ .widget ul, .widget #ArchiveList ul.flat {   padding: 0;   list-style: none; }  .widget ul li, .widget #ArchiveList ul.flat li {   padding: .35em 0;   text-indent: 0;   border-top: dashed 1px $(widget.alternate.text.color); }  .widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {   border-top: none; }  .widget .post-body ul {   list-style: disc; }  .widget .post-body ul li {   border: none; }  .widget .zippy {   color: $(widget.alternate.text.color); }  .post-body img, .post-body .tr-caption-container, .Profile img, .Image img, .BlogList .item-thumbnail img {   padding: 5px;    background: #fff;    -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   -goog-ms-box-shadow: 1px 1px 5px rgba(0, 0, 0, .5);   box-shadow: 1px 1px 5px rgba(0, 0, 0, .5); }  .post-body img, .post-body .tr-caption-container {   padding: 8px; }  .post-body .tr-caption-container {   color: #333333; }  .post-body .tr-caption-container img {   padding: 0;    background: transparent;   border: none;    -moz-box-shadow: 0 0 0 rgba(0, 0, 0, .1);   -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, .1);   -goog-ms-box-shadow: 0 0 0 rgba(0, 0, 0, .1);   box-shadow: 0 0 0 rgba(0, 0, 0, .1); }  /* Footer ----------------------------------------------- */ .footer-outer {   color:$(footer.text.color);   background: $(footer.background); }  .footer-outer a {   color: $(footer.link.color); }  .footer-outer a:visited {   color: $(footer.link.visited.color); }  .footer-outer a:hover {   color: $(footer.link.hover.color); }  .footer-outer .widget h2 {   color: $(footer.widget.title.text.color); } ]]></b:skin>      <b:template-skin>       <b:variable default='930px' name='content.width' type='length' value='1000px'/>       <b:variable default='0' name='main.column.left.width' type='length' value='0px'/>       <b:variable default='360px' name='main.column.right.width' type='length' value='260px'/>        <![CDATA[       body {         min-width: $(content.width);       }        .content-outer, .content-fauxcolumn-outer, .region-inner {         min-width: $(content.width);         max-width: $(content.width);         _width: $(content.width);       }        .main-inner .columns {         padding-left: $(main.column.left.width);         padding-right: $(main.column.right.width);       }        .main-inner .fauxcolumn-center-outer {         left: $(main.column.left.width);         right: $(main.column.right.width);         /* IE6 does not respect left and right together */         _width: expression(this.parentNode.offsetWidth -             parseInt("$(main.column.left.width)") -             parseInt("$(main.column.right.width)") + 'px');       }        .main-inner .fauxcolumn-left-outer {         width: $(main.column.left.width);       }        .main-inner .fauxcolumn-right-outer {         width: $(main.column.right.width);       }        .main-inner .column-left-outer {         width: $(main.column.left.width);         right: 100%;         margin-left: -$(main.column.left.width);       }        .main-inner .column-right-outer {         width: $(main.column.right.width);         margin-right: -$(main.column.right.width);       }        #layout {         min-width: 0;       }        #layout .content-outer {         min-width: 0;         width: 800px;       }        #layout .region-inner {         min-width: 0;         width: auto;       }       ]]>     </b:template-skin>   </head>    <body expr:class='"loading" + data:blog.mobileClass'>   <div class='body-fauxcolumns'>     <div class='fauxcolumn-outer body-fauxcolumn-outer'>     <div class='cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left'>     <div class='fauxborder-right'/>     <div class='fauxcolumn-inner'>     </div>     </div>     <div class='cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>   </div>    <div class='content'>   <div class='content-fauxcolumns'>     <div class='fauxcolumn-outer content-fauxcolumn-outer'>     <div class='cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left'>     <div class='fauxborder-right'/>     <div class='fauxcolumn-inner'>     </div>     </div>     <div class='cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>   </div>    <div class='content-outer'>   <div class='content-cap-top cap-top'>     <div class='cap-left'/>     <div class='cap-right'/>   </div>   <div class='fauxborder-left content-fauxborder-left'>   <div class='fauxborder-right content-fauxborder-right'/>   <div class='content-inner'>      <header>     <div class='header-outer'>     <div class='header-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left header-fauxborder-left'>     <div class='fauxborder-right header-fauxborder-right'/>     <div class='region-inner header-inner'>       <b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <b:widget id='Header1' locked='true' title='HASIL TANGAN GADIS KAMPUNG (Header)' type='Header'> <b:includable id='main'>    <b:if cond='data:useImage'>     <b:if cond='data:imagePlacement == "BEHIND"'>              <b:if cond='data:mobile'>           <div id='header-inner'>             <div class='titlewrapper' style='background: transparent'>               <h1 class='title' style='background: transparent; border-width: 0px'>                 <b:include name='title'/>               </h1>             </div>             <b:include name='description'/>           </div>         <b:else/>           <div expr:style='"background-image:  url(\"" + data:sourceUrl + "\");  "                        + "background-position:  "                        + data:backgroundPositionStyleStr +  "; "                        + data:widthStyleStr                         + "min-height: " + data:height                         + "_height: " + data:height                         + "background-repeat: no-repeat; "'  id='header-inner'>             <div class='titlewrapper' style='background:  transparent'>               <h1 class='title' style='background: transparent;  border-width: 0px'>                 <b:include name='title'/>               </h1>             </div>             <b:include name='description'/>           </div>         </b:if>     <b:else/>              <div id='header-inner'>         <a expr:href='data:blog.homepageUrl' style='display:  block'>           <img expr:alt='data:title' expr:height='data:height'  expr:id='data:widget.instanceId + "_headerimg"'  expr:src='data:sourceUrl' expr:width='data:width' style='display:  block'/>         </a>                  <b:if cond='data:imagePlacement ==  "BEFORE_DESCRIPTION"'>           <b:include name='description'/>         </b:if>       </div>     </b:if>   <b:else/>          <div id='header-inner'>       <div class='titlewrapper'>         <h1 class='title'>           <b:include name='title'/>         </h1>       </div>       <b:include name='description'/>     </div>   </b:if> </b:includable> <b:includable id='title'>   <b:if cond='data:blog.url == data:blog.homepageUrl'>     <data:title/>   <b:else/>     <a  expr:href='data:blog.homepageUrl'><data:title/></a>   </b:if> </b:includable> <b:includable id='description'>   <div class='descriptionwrapper'>     <p  class='description'><span><data:description/></span></p>    </div> </b:includable> </b:widget> </b:section>     </div>     </div>     <div class='header-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>     </header>      <div class='tabs-outer'>     <div class='tabs-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left tabs-fauxborder-left'>     <div class='fauxborder-right tabs-fauxborder-right'/>     <div class='region-inner tabs-inner'>       <b:section class='tabs' id='crosscol' maxwidgets='1'  showaddelement='yes'> <b:widget id='Followers1' locked='false' title='Followers'  type='Followers'> <b:includable id='main'>   <b:if cond='data:title != ""'>     <b:if cond='data:codeSnippet != ""'>       <h2 class='title'><data:title/></h2>     <b:else/>       <b:if cond='data:totalFollowerCount !=  ""'>         <h2 class='title'><data:title/>  (<data:totalFollowerCount/>)</h2>       </b:if>     </b:if>     </b:if>   <div class='widget-content'>     <div expr:id='data:widget.instanceId +  "-wrapper"'>       <b:if cond='data:codeSnippet != ""'>         <div style='margin-right:2px;'>           <data:codeSnippet/>         </div>       <b:else/>         <b:if cond='data:totalFollowerCount ==  ""'>           <span class='item-control following-not-admin'>             <b><data:failureSnippet/></b>           </span>           <span class='item-control blog-admin'>             <b><data:adminFailureSnippet/></b>           </span>         <b:else/>           <b:if cond='data:followingLinkPresent'>             <div class='follow-this profile-link item-control  following-follow-this'>               <a  expr:href='"javascript:_FollowersView._openPopup(\""  + data:followUri + "\");"'>                 <data:followThisMessage/>               </a>             </div>             <div class='follow-this profile-link item-control  following-stop-following-this'>               <a  expr:href='"javascript:_FollowersView._openPopup(\""  + data:followUri + "\");"'>                 <data:stopFollowingMessage/>               </a>             </div>           </b:if>              <div class='followers-grid'>             <b:if cond='data:totalFollowerCount == 0'>               <div class='profile-link item-control  following-follow-this'>                 <data:emptyFollowersMessage/>               </div>             </b:if>                          <b:loop values='data:followers' var='follower'>               <div class='follower'>                 <a expr:href='data:follower.profileUrl'  expr:title='data:follower.displayName' rel='nofollow'>                 <img class='follower-img'  expr:alt='data:follower.displayName'  expr:height='data:follower.imageHeight'  expr:onerror='"this.onerror=null;this.src=\""  + data:anonFollowerImageUrl + "\";"'  expr:onload='"setAttributeOnload(this,  \"src\", \"" +  data:follower.imageUrl + "\")"'  expr:width='data:follower.imageWidth'  src='http://img1.blogblog.com/img/blank.gif'/>                 </a>               </div>             </b:loop>             <div class='clear'/>           </div>              <div class='followers-canvas profile-link'>             <data:followersFooterMessage/>             <span class='item-control following-not-admin'>               <a expr:href='data:followersUri'>                 <data:viewAllMessage/>               </a>             </span>             <span class='item-control blog-admin'>               <a expr:href='data:manageFollowersUri'>                 <data:manageFollowersMessage/>               </a>             </span>           </div>           </b:if>       </b:if>     </div>     <b:include name='quickedit'/>   </div> </b:includable> </b:widget> </b:section>       <b:section class='tabs' id='crosscol-overflow'  showaddelement='no'> <b:widget id='HTML11' locked='false' title='TINGGALKAN JEJAK ANDA'  type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> </b:section>     </div>     </div>     <div class='tabs-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>      <div class='main-outer'>     <div class='main-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>      <div class='fauxborder-left main-fauxborder-left'>     <div class='fauxborder-right main-fauxborder-right'/>     <div class='region-inner main-inner'>        <div class='columns fauxcolumns'>          <div class='fauxcolumn-outer fauxcolumn-center-outer'>         <div class='cap-top'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         <div class='fauxborder-left'>         <div class='fauxborder-right'/>         <div class='fauxcolumn-inner'>         </div>         </div>         <div class='cap-bottom'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         </div>          <div class='fauxcolumn-outer fauxcolumn-left-outer'>         <div class='cap-top'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         <div class='fauxborder-left'>         <div class='fauxborder-right'/>         <div class='fauxcolumn-inner'>         </div>         </div>         <div class='cap-bottom'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         </div>          <div class='fauxcolumn-outer fauxcolumn-right-outer'>         <div class='cap-top'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         <div class='fauxborder-left'>         <div class='fauxborder-right'/>         <div class='fauxcolumn-inner'>         </div>         </div>         <div class='cap-bottom'>           <div class='cap-left'/>           <div class='cap-right'/>         </div>         </div>                   <div class='columns-inner'>          <div class='column-center-outer'>         <div class='column-center-inner'>           <b:section class='main' id='main' showaddelement='no'> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'> <b:includable id='nextprev'>   <div class='blog-pager' id='blog-pager'>     <b:if cond='data:newerPageUrl'>       <span id='blog-pager-newer-link'>       <a class='blog-pager-newer-link' expr:href='data:newerPageUrl'  expr:id='data:widget.instanceId +  "_blog-pager-newer-link"'  expr:title='data:newerPageTitle'><data:newerPageTitle/></a>        </span>     </b:if>      <b:if cond='data:olderPageUrl'>       <span id='blog-pager-older-link'>       <a class='blog-pager-older-link' expr:href='data:olderPageUrl'  expr:id='data:widget.instanceId +  "_blog-pager-older-link"'  expr:title='data:olderPageTitle'><data:olderPageTitle/></a>        </span>     </b:if>      <a class='home-link'  expr:href='data:blog.homepageUrl'><data:homeMsg/></a>    </div>   <div class='clear'/> </b:includable> <b:includable id='shareButtons' var='post'>   <b:if cond='data:post.sharePostUrl'>       <a class='share-button sb-email'  expr:href='data:post.sharePostUrl +  "&target=email"'  expr:title='data:top.emailThisMsg' target='_blank'>         <span  class='share-button-link-text'><data:top.emailThisMsg/></span></a>        <a class='share-button sb-blog'  expr:href='data:post.sharePostUrl +  "&target=blog"'  expr:onclick='"window.open(this.href,  \"_blank\",  \"height=270,width=475\"); return false;"'  expr:title='data:top.blogThisMsg' target='_blank'>         <span  class='share-button-link-text'><data:top.blogThisMsg/></span></a>        <a class='share-button sb-twitter'  expr:href='data:post.sharePostUrl +  "&target=twitter"'  expr:title='data:top.shareToTwitterMsg' target='_blank'>         <span  class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>        <a class='share-button sb-facebook'  expr:href='data:post.sharePostUrl +  "&target=facebook"'  expr:onclick='"window.open(this.href,  \"_blank\",  \"height=430,width=640\"); return false;"'  expr:title='data:top.shareToFacebookMsg' target='_blank'>         <span  class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>        <a class='share-button sb-buzz'  expr:href='data:post.sharePostUrl +  "&target=buzz"'  expr:onclick='"window.open(this.href,  \"_blank\",  \"height=415,width=690\"); return false;"'  expr:title='data:top.shareToBuzzMsg' target='_blank'>         <span  class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>    </b:if> </b:includable> <b:includable id='backlinks' var='post'>   <a  name='links'/><h4><data:post.backlinksLabel/></h4>   <b:if cond='data:post.numBacklinks != 0'>     <dl class='comments-block' id='comments-block'>       <b:loop values='data:post.backlinks' var='backlink'>         <div class='collapsed-backlink backlink-control'>           <dt class='comment-title'>             <span  class='backlink-toggle-zippy'> </span>             <a expr:href='data:backlink.url'  rel='nofollow'><data:backlink.title/></a>             <b:include data='backlink' name='backlinkDeleteIcon'/>           </dt>           <dd class='comment-body collapseable'>             <data:backlink.snippet/>           </dd>           <dd class='comment-footer collapseable'>             <span  class='comment-author'><data:post.authorLabel/>  <data:backlink.author/></span>             <span  class='comment-timestamp'><data:post.timestampLabel/>  <data:backlink.timestamp/></span>           </dd>         </div>       </b:loop>     </dl>   </b:if>   <p class='comment-footer'>     <a class='comment-link' expr:href='data:post.createLinkUrl'  expr:id='data:widget.instanceId +  "_backlinks-create-link"'  target='_blank'><data:post.createLinkLabel/></a>   </p> </b:includable> <b:includable id='post' var='post'>   <div class='post hentry'>     <a expr:name='data:post.id'/>     <b:if cond='data:post.title'>       <h3 class='post-title entry-title'>      <b:if cond='data:post.link'>        <a  expr:href='data:post.link'><data:post.title/></a>      <b:else/>         <b:if cond='data:post.url'>           <a  expr:href='data:post.url'><data:post.title/></a>         <b:else/>           <data:post.title/>         </b:if>      </b:if>       </h3>     </b:if>      <div class='post-header'>     <div class='post-header-line-1'/>     </div>      <div class='post-body entry-content'>       <data:post.body/>       <div style='clear: both;'/>      </div>      <b:if cond='data:post.hasJumpLink'>       <div class='jump-link'>         <a expr:href='data:post.url + "#more"'  expr:title='data:post.title'><data:post.jumpText/></a>       </div>     </b:if>      <div class='post-footer'>     <div class='post-footer-line post-footer-line-1'><span  class='post-author vcard'>         <b:if cond='data:top.showAuthor'>           <data:top.authorLabel/>           <span class='fn'><data:post.author/></span>         </b:if>       </span> <span class='post-timestamp'>         <b:if cond='data:top.showTimestamp'>           <data:top.timestampLabel/>         <b:if cond='data:post.url'>           <a class='timestamp-link' expr:href='data:post.url'  rel='bookmark' title='permanent link'><abbr class='published'  expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>          </b:if>         </b:if>       </span> <span class='post-comment-link'>         <b:if cond='data:blog.pageType !=  "item"'>           <b:if cond='data:blog.pageType !=  "static_page"'>             <b:if cond='data:post.allowComments'>               <a class='comment-link'  expr:href='data:post.addCommentUrl'  expr:onclick='data:post.addCommentOnclick'><b:if  cond='data:post.numComments == 1'>1  <data:top.commentLabel/><b:else/><data:post.numComments/>  <data:top.commentLabelPlural/></b:if></a>             </b:if>           </b:if>         </b:if>       </span> <span class='post-icons'>                  <b:if cond='data:post.emailPostUrl'>           <span class='item-action'>           <a expr:href='data:post.emailPostUrl'  expr:title='data:top.emailPostMsg'>               <img alt='' class='icon-action' height='13'  src='http://img1.blogblog.com/img/icon18_email.gif' width='18'/>           </a>           </span>         </b:if>                   <b:include data='post' name='postQuickEdit'/>       </span> <div class='post-share-buttons'>         <b:include data='post' name='shareButtons'/>       </div> </div>        <div class='post-footer-line post-footer-line-2'><span  class='post-labels'>         <b:if cond='data:post.labels'>           <data:postLabelsLabel/>           <b:loop values='data:post.labels' var='label'>             <a expr:href='data:label.url'  rel='tag'><data:label.name/></a><b:if  cond='data:label.isLast != "true"'>,</b:if>           </b:loop>         </b:if>       </span> </div>        <div class='post-footer-line post-footer-line-3'><span  class='post-location'>         <b:if cond='data:top.showLocation'>           <b:if cond='data:post.location'>             <data:postLocationLabel/>             <a expr:href='data:post.location.mapsUrl'  target='_blank'><data:post.location.name/></a>           </b:if>         </b:if>       </span> </div>     </div>   </div> </b:includable> <b:includable id='status-message'>   <b:if cond='data:navMessage'>   <div class='status-msg-wrap'>     <div class='status-msg-body'>       <data:navMessage/>     </div>     <div class='status-msg-border'>       <div class='status-msg-bg'>         <div  class='status-msg-hidden'><data:navMessage/></div>       </div>     </div>   </div>   <div style='clear: both;'/>   </b:if> </b:includable> <b:includable id='comment-form' var='post'>   <div class='comment-form'>     <a name='comment-form'/>     <h4  id='comment-post-message'><data:postCommentMsg/></h4>     <p><data:blogCommentMessage/></p>     <data:blogTeamBlogMessage/>     <a expr:href='data:post.commentFormIframeSrc'  id='comment-editor-src'/>     <iframe allowtransparency='true' class='blogger-iframe-colorize  blogger-comment-from-post' frameborder='0' height='410'  id='comment-editor' name='comment-editor' src='' width='100%'/>     <data:post.friendConnectJs/>     <data:post.cmtfpIframe/>     <b:if cond='data:showCmtPopup'>       <div id='comment-popup' style='width:100px;height:20px;'/>     </b:if>     <script type='text/javascript'>        BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>',  '<data:post.communityId/>');     </script>   </div> </b:includable> <b:includable id='backlinkDeleteIcon' var='backlink'>   <span expr:class='"item-control " +  data:backlink.adminClass'>     <a expr:href='data:backlink.deleteUrl'  expr:title='data:top.deleteBacklinkMsg'>       <img src='//www.blogger.com/img/icon_delete13.gif'/>     </a>   </span> </b:includable> <b:includable id='postQuickEdit' var='post'>   <b:if cond='data:post.editUrl'>     <span expr:class='"item-control " +  data:post.adminClass'>       <a expr:href='data:post.editUrl'  expr:title='data:top.editPostMsg'>         <img alt='' class='icon-action' height='18'  src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif'  width='18'/>       </a>     </span>   </b:if> </b:includable> <b:includable id='main' var='top'>    <b:if cond='data:top.showPlusOne'>     <script expr:src='data:top.plusOneJsUrl'/>   </b:if>       <div class='blog-posts hfeed'>      <b:include data='top' name='status-message'/>      <data:defaultAdStart/>     <b:loop values='data:posts' var='post'>       <b:if cond='data:post.isDateStart'>         <b:if cond='data:post.isFirstPost ==  "false"'>           </div></div>         </b:if>       </b:if>       <b:if cond='data:post.isDateStart'>         <div class="date-outer">       </b:if>       <b:if cond='data:post.dateHeader'>         <h2  class='date-header'><span><data:post.dateHeader/></span></h2>        </b:if>       <b:if cond='data:post.isDateStart'>         <div class="date-posts">       </b:if>       <div class='post-outer'>       <b:include data='post' name='post'/>       <b:if cond='data:blog.pageType ==  "static_page"'>         <b:include data='post' name='comments'/>       </b:if>       <b:if cond='data:blog.pageType == "item"'>         <b:include data='post' name='comments'/>       </b:if>       </div>       <b:if cond='data:post.includeAd'>         <b:if cond='data:post.isFirstPost'>           <data:defaultAdEnd/>         <b:else/>           <data:adEnd/>         </b:if>         <div class='inline-ad'>           <data:adCode/>         </div>         <data:adStart/>       </b:if>       <b:if cond='data:post.trackLatency'>         <data:post.latencyJs/>       </b:if>     </b:loop>     <b:if cond='data:numPosts != 0'>       </div></div>     </b:if>     <data:adEnd/>   </div>       <b:include name='nextprev'/>       <b:include name='feedLinks'/>    <b:if cond='data:top.showStars'>     <script src='//www.google.com/jsapi' type='text/javascript'/>     <script type='text/javascript'>       google.load("annotations",  "1", {"locale":  "<data:top.languageCode/>"});       function initialize() {          google.annotations.setApplicationId(<data:top.blogspotReviews/>);         google.annotations.createAll();         google.annotations.fetch();       }       google.setOnLoadCallback(initialize);     </script>   </b:if> </b:includable> <b:includable id='commentDeleteIcon' var='comment'>   <span expr:class='"item-control " +  data:comment.adminClass'>     <a class='comment-delete' expr:href='data:comment.deleteUrl'  expr:title='data:top.deleteCommentMsg'>       <img src='//www.blogger.com/img/icon_delete13.gif'/>     </a>   </span> </b:includable> <b:includable id='feedLinks'>   <b:if cond='data:blog.pageType != "item"'>       <b:if cond='data:feedLinks'>       <div class='blog-feeds'>         <b:include data='feedLinks' name='feedLinksBody'/>       </div>     </b:if>      <b:else/>      <div class='post-feeds'>       <b:loop values='data:posts' var='post'>         <b:if cond='data:post.allowComments'>           <b:if cond='data:post.feedLinks'>             <b:include data='post.feedLinks'  name='feedLinksBody'/>           </b:if>         </b:if>       </b:loop>     </div>   </b:if> </b:includable> <b:includable id='feedLinksBody' var='links'>   <div class='feed-links'>   <data:feedLinksMsg/>   <b:loop values='data:links' var='f'>      <a class='feed-link' expr:href='data:f.url'  expr:type='data:f.mimeType' target='_blank'><data:f.name/>  (<data:f.feedType/>)</a>   </b:loop>   </div> </b:includable> <b:includable id='comments' var='post'>   <div class='comments' id='comments'>     <a name='comments'/>     <b:if cond='data:post.allowComments'>       <h4>         <b:if cond='data:post.numComments == 1'>           1 <data:commentLabel/>:         <b:else/>           <data:post.numComments/>  <data:commentLabelPlural/>:         </b:if>       </h4>        <b:if cond='data:post.commentPagingRequired'>         <span class='paging-control-container'>           <a expr:class='data:post.oldLinkClass'  expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>                        <a expr:class='data:post.oldLinkClass'  expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>                        <data:post.commentRangeText/>                       <a expr:class='data:post.newLinkClass'  expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>                        <a expr:class='data:post.newLinkClass'  expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>          </span>       </b:if>        <div expr:class='data:post.postAuthorClass'  expr:id='data:widget.instanceId +  "_comments-block-wrapper"'>         <dl expr:class='data:post.avatarIndentClass'  id='comments-block'>           <b:loop values='data:post.comments' var='comment'>             <dt expr:class='"comment-author " +  data:comment.authorClass' expr:id='data:comment.anchorName'>               <b:if cond='data:comment.favicon'>                 <img expr:src='data:comment.favicon' height='16px'  style='margin-bottom:-2px;' width='16px'/>               </b:if>               <a expr:name='data:comment.anchorName'/>               <b:if cond='data:blog.enabledCommentProfileImages'>                 <data:comment.authorAvatarImage/>               </b:if>               <b:if cond='data:comment.authorUrl'>                 <a expr:href='data:comment.authorUrl'  rel='nofollow'><data:comment.author/></a>               <b:else/>                 <data:comment.author/>               </b:if>               <data:commentPostedByMsg/>             </dt>             <dd expr:class='"comment-body " +  data:comment.commentAuthorClass' expr:id='data:widget.instanceId +  data:comment.cmtBodyIdPostfix'>               <b:if cond='data:comment.isDeleted'>                 <span  class='deleted-comment'><data:comment.body/></span>               <b:else/>                 <p>                   <data:comment.body/>                   <span class='interaction-iframe-guide'/>                 </p>               </b:if>             </dd>             <dd class='comment-footer'>               <span class='comment-timestamp'>                 <a expr:href='data:comment.url' title='comment  permalink'>                   <data:comment.timestamp/>                 </a>                 <b:include data='comment'  name='commentDeleteIcon'/> <span class='comment-reply'><a  expr:href='"https://www.blogger.com/comment.g?blogID=8830314965410464273&postID="  + data:post.id +  "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23"  + data:comment.anchorName + "%22%3E" +  data:comment.author + "%3C%2F%61%3E#form"'  onclick='javascript:window.open(this.href,  "bloggerPopup",  "toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450");  return false;'>[Reply to Comment]</a></span>               </span>             </dd>           </b:loop>         </dl>       </div>        <b:if cond='data:post.commentPagingRequired'>         <span class='paging-control-container'>           <a expr:class='data:post.oldLinkClass'  expr:href='data:post.oldestLinkUrl'>             <data:post.oldestLinkText/>           </a>           <a expr:class='data:post.oldLinkClass'  expr:href='data:post.olderLinkUrl'>             <data:post.olderLinkText/>           </a>                       <data:post.commentRangeText/>                       <a expr:class='data:post.newLinkClass'  expr:href='data:post.newerLinkUrl'>             <data:post.newerLinkText/>           </a>           <a expr:class='data:post.newLinkClass'  expr:href='data:post.newestLinkUrl'>             <data:post.newestLinkText/>           </a>         </span>       </b:if>        <p class='comment-footer'>         <b:if cond='data:post.embedCommentForm'>           <b:if cond='data:post.allowNewComments'>             <b:include data='post' name='comment-form'/>           <b:else/>             <data:post.noNewCommentsText/>           </b:if>         <b:else/>           <b:if cond='data:post.allowComments'>             <a expr:href='data:post.addCommentUrl'  expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>            </b:if>         </b:if>        </p>     </b:if>      <div id='backlinks-container'>     <div expr:id='data:widget.instanceId +  "_backlinks-container"'>        <b:if cond='data:post.showBacklinks'>          <b:include data='post' name='backlinks'/>        </b:if>     </div>     </div>   </div> </b:includable> </b:widget> </b:section>         </div>         </div>          <div class='column-left-outer'>         <div class='column-left-inner'>           <aside>           <macro:include id='main-column-left-sections'  name='sections'>             <macro:param default='0' name='num' value='0'/>             <macro:param default='sidebar-left' name='idPrefix'/>             <macro:param default='sidebar' name='class'/>             <macro:param default='true' name='includeBottom'/>           </macro:include>           </aside>         </div>         </div>          <div class='column-right-outer'>         <div class='column-right-inner'>           <aside>           <macro:include id='main-column-right-sections'  name='sections'>             <macro:param default='2' name='num' value='1'/>             <macro:param default='sidebar-right' name='idPrefix'/>             <macro:param default='sidebar' name='class'/>             <macro:param default='true' name='includeBottom'/>           </macro:include>           </aside>         </div>         </div>          </div>          <div style='clear: both'/>              </div>           </div>     </div>     <div class='main-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>      <footer>     <div class='footer-outer'>     <div class='footer-cap-top cap-top'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     <div class='fauxborder-left footer-fauxborder-left'>     <div class='fauxborder-right footer-fauxborder-right'/>     <div class='region-inner footer-inner'>       <macro:include id='footer-sections' name='sections'>         <macro:param default='2' name='num'/>         <macro:param default='footer' name='idPrefix'/>         <macro:param default='foot' name='class'/>         <macro:param default='false' name='includeBottom'/>       </macro:include>              <b:section class='foot' id='footer-3' showaddelement='no'> <b:widget id='Attribution1' locked='true' title=''  type='Attribution'> <b:includable id='main'>     <div class='widget-content' style='text-align: center;'>       <b:if cond='data:attribution != ""'>         <data:attribution/>       </b:if>      </div>      <b:include name='quickedit'/>   </b:includable> </b:widget> </b:section>     </div>     </div>     <div class='footer-cap-bottom cap-bottom'>       <div class='cap-left'/>       <div class='cap-right'/>     </div>     </div>     </footer>       </div>   </div>   <div class='content-cap-bottom cap-bottom'>     <div class='cap-left'/>     <div class='cap-right'/>   </div>   </div>   </div>    <script type='text/javascript'>     window.setTimeout(function() {         document.body.className =  document.body.className.replace('loading',  '');       }, 10);   </script> </body>  <macro:includable id='sections' var='col'>   <macro:if cond='data:col.num == 0'>   <macro:else/>     <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-1"' preferred='yes'  showaddelement='yes'/>      <macro:if cond='data:col.num >= 2'>       <table border='0' cellpadding='0' cellspacing='0'  mexpr:class='"section-columns columns-" +  data:col.num'>       <tbody>       <tr>         <td class='first columns-cell'>           <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-1"'/>         </td>          <td class='columns-cell'>           <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-2"'/>         </td>          <macro:if cond='data:col.num >= 3'>           <td class='columns-cell'>             <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-3"'/>           </td>         </macro:if>          <macro:if cond='data:col.num >= 4'>           <td class='columns-cell'>             <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-2-4"'/>           </td>         </macro:if>       </tr>       </tbody>       </table>        <macro:if cond='data:col.includeBottom'>         <b:section mexpr:class='data:col.class'  mexpr:id='data:col.idPrefix + "-3"'  showaddelement='no'/>       </macro:if>     </macro:if>   </macro:if> </macro:includable>  <b:section-contents id='sidebar-right-1'> <b:widget id='HTML10' locked='false' title='APA CITER'  type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML8' locked='false' title='TOLONG JAWAB YE'  type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Profile1' locked='false' title='About Me'  type='Profile'> <b:includable id='main'>     <b:if cond='data:title != ""'>       <h2><data:title/></h2>     </b:if>     <div class='widget-content'>     <b:if cond='data:team == "true"'>        <ul>         <b:loop values='data:authors' var='i'>           <li><a  expr:href='data:i.userUrl'><data:i.display-name/></a></li>          </b:loop>       </ul>        <b:else/>         <b:if cond='data:photo.url != ""'>         <a expr:href='data:userUrl'><img class='profile-img'  expr:alt='data:photo.alt' expr:height='data:photo.height'  expr:src='data:photo.url' expr:width='data:photo.width'/></a>       </b:if>        <dl class='profile-datablock'>         <dt  class='profile-data'><data:displayname/></dt>          <b:if cond='data:showlocation ==  "true"'>           <dd  class='profile-data'><data:location/></dd>         </b:if>          <b:if cond='data:aboutme != ""'><dd  class='profile-textblock'><data:aboutme/></dd></b:if>        </dl>       <a class='profile-link'  expr:href='data:userUrl'><data:viewProfileMsg/></a>     </b:if>       <b:include name='quickedit'/>     </div>   </b:includable> </b:widget> <b:widget id='HTML7' locked='false' title='KALENDER' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML5' locked='false' title='Jom borak' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML9' locked='false' title='Ada Orang Jenguk Kita' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML4' locked='false' title='JOM JADI MEMBER FB SAYA' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Label3' locked='false' title='PETUA DAN TAULADAN' type='Label'> <b:includable id='main'>   <b:if cond='data:title'>     <h2><data:title/></h2>   </b:if>   <div expr:class='"widget-content " + data:display + "-label-widget-content"'>     <b:if cond='data:display == "list"'>       <ul>       <b:loop values='data:labels' var='label'>         <li>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span dir='ltr'>(<data:label.count/>)</span>           </b:if>         </li>       </b:loop>       </ul>     <b:else/>       <b:loop values='data:labels' var='label'>         <span expr:class='"label-size label-size-" + data:label.cssSize'>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>           </b:if>         </span>       </b:loop>     </b:if>     <b:include name='quickedit'/>   </div> </b:includable> </b:widget> <b:widget id='Label2' locked='false' title='RESEPI SEDAP SANGAT' type='Label'> <b:includable id='main'>   <b:if cond='data:title'>     <h2><data:title/></h2>   </b:if>   <div expr:class='"widget-content " + data:display + "-label-widget-content"'>     <b:if cond='data:display == "list"'>       <ul>       <b:loop values='data:labels' var='label'>         <li>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span dir='ltr'>(<data:label.count/>)</span>           </b:if>         </li>       </b:loop>       </ul>     <b:else/>       <b:loop values='data:labels' var='label'>         <span expr:class='"label-size label-size-" + data:label.cssSize'>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>           </b:if>         </span>       </b:loop>     </b:if>     <b:include name='quickedit'/>   </div> </b:includable> </b:widget> <b:widget id='Label1' locked='false' title='BEAD,BROOCH AND BAG' type='Label'> <b:includable id='main'>   <b:if cond='data:title'>     <h2><data:title/></h2>   </b:if>   <div expr:class='"widget-content " + data:display + "-label-widget-content"'>     <b:if cond='data:display == "list"'>       <ul>       <b:loop values='data:labels' var='label'>         <li>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span dir='ltr'>(<data:label.count/>)</span>           </b:if>         </li>       </b:loop>       </ul>     <b:else/>       <b:loop values='data:labels' var='label'>         <span expr:class='"label-size label-size-" + data:label.cssSize'>           <b:if cond='data:blog.url == data:label.url'>             <span expr:dir='data:blog.languageDirection'><data:label.name/></span>           <b:else/>             <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>           </b:if>           <b:if cond='data:showFreqNumbers'>             <span class='label-count' dir='ltr'>(<data:label.count/>)</span>           </b:if>         </span>       </b:loop>     </b:if>     <b:include name='quickedit'/>   </div> </b:includable> </b:widget> <b:widget id='HTML13' locked='false' title='FOLLOW ME' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Feed1' locked='false' title='Recent Posts' type='Feed'> <b:includable id='main'>     <h2><data:title/></h2>     <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>       <span style='filter: alpha(25); opacity: 0.25;'>         <a expr:href='data:feedUrl'><data:loadingMsg/></a>       </span>     </div>     <b:include name='quickedit'/>   </b:includable> </b:widget> <b:widget id='HTML12' locked='false' title='NILAI BLOG NIE' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='Feed2' locked='false' title='Recent Comments' type='Feed'> <b:includable id='main'>     <h2><data:title/></h2>     <div class='widget-content' expr:id='data:widget.instanceId + "_feedItemListDisplay"'>       <span style='filter: alpha(25); opacity: 0.25;'>         <a expr:href='data:feedUrl'><data:loadingMsg/></a>       </span>     </div>     <b:include name='quickedit'/>   </b:includable> </b:widget> <b:widget id='LinkList25' locked='false' title='Blog Roll' type='LinkList'> <b:includable id='main'>  <b:if cond='data:title'><h2><data:title/></h2></b:if>  <div class='widget-content'>    <ul>      <b:loop values='data:links' var='link'>        <li><a expr:href='data:link.target'><data:link.name/></a></li>      </b:loop>    </ul>    <b:include name='quickedit'/>  </div> </b:includable> </b:widget> <b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'> <b:includable id='main'>   <b:if cond='data:title'>     <h2><data:title/></h2>   </b:if>   <div class='widget-content'>   <div id='ArchiveList'>   <div expr:id='data:widget.instanceId + "_ArchiveList"'>     <b:if cond='data:style == "HIERARCHY"'>      <b:include data='data' name='interval'/>     </b:if>     <b:if cond='data:style == "FLAT"'>       <b:include data='data' name='flat'/>     </b:if>     <b:if cond='data:style == "MENU"'>       <b:include data='data' name='menu'/>     </b:if>   </div>   </div>   <b:include name='quickedit'/>   </div> </b:includable> <b:includable id='flat' var='data'>   <ul class='flat'>     <b:loop values='data:data' var='i'>       <li class='archivedate'>         <a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)       </li>     </b:loop>   </ul> </b:includable> <b:includable id='menu' var='data'>   <select expr:id='data:widget.instanceId + "_ArchiveMenu"'>     <option value=''><data:title/></option>     <b:loop values='data:data' var='i'>       <option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>     </b:loop>   </select> </b:includable> <b:includable id='interval' var='intervalData'>   <b:loop values='data:intervalData' var='i'>       <ul class='hierarchy'>         <li expr:class='"archivedate " + data:i.expclass'>           <b:include data='i' name='toggle'/>           <a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>             <span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>           <b:if cond='data:i.data'>             <b:include data='i.data' name='interval'/>           </b:if>           <b:if cond='data:i.posts'>             <b:include data='i.posts' name='posts'/>           </b:if>         </li>       </ul>   </b:loop> </b:includable> <b:includable id='toggle' var='interval'>   <b:if cond='data:interval.toggleId'>   <b:if cond='data:interval.expclass == "expanded"'>     <a class='toggle' href='javascript:void(0)'>       <span class='zippy toggle-open'>▼ </span>     </a>   <b:else/>     <a class='toggle' href='javascript:void(0)'>       <span class='zippy'>         <b:if cond='data:blog.languageDirection == "rtl"'>           ◄          <b:else/>           ►          </b:if>       </span>     </a>   </b:if>  </b:if> </b:includable> <b:includable id='posts' var='posts'>   <ul class='posts'>     <b:loop values='data:posts' var='i'>       <li><a expr:href='data:i.url'><data:i.title/></a></li>     </b:loop>   </ul> </b:includable> </b:widget> <b:widget id='HTML6' locked='false' title='MY BANNER' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> <b:widget id='HTML3' locked='false' title='JUMLAH PENGUNJUNG' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> </b:section-contents><b:section-contents id='footer-1'/><b:section-contents id='footer-2-1'> <b:widget id='HTML2' locked='false' title='B/GROUND' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> </b:section-contents><b:section-contents id='footer-2-2'> <b:widget id='HTML1' locked='false' title='CITER MEMBER' type='HTML'> <b:includable id='main'>      <b:if cond='data:title != ""'>     <h2 class='title'><data:title/></h2>   </b:if>   <div class='widget-content'>     <data:content/>   </div>    <b:include name='quickedit'/> </b:includable> </b:widget> </b:section-contents></html>

5.Dah siap save tau..ok dah siap

NAK TAU INFO KLIK SINI

Pages

Friday, September 17, 2010

CARA MENUKAR LAYOUT BLOG

1 comment :

HASIL TANGAN GADIS KAMPUNG

IKLAN JAP