Kode Template

<?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 Template by Themelib.com
Theme Name: Wordpress Admin
Theme URI: http://themelib.com/2008/07/wordpress-admin-25-blogger-template/
Author URI: http://www.themelib.com/
Version: 1.0
----------------------------------------------- */

#navbar, #navbar-iframe {
   height: 0px;
   visibility: hidden;
   display: none;
}

#blog-pager-newer-link{padding-left:20px;float:left}
#blog-pager-older-link{padding-right:20px;float:right}
#blog-pager{text-align:center;padding-top:20px;}

* { border:0; margin:0; padding:0; }

body { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj8NrCN9urKFFDVde4aObgv4G9sok5VbV8fVCoLNr5_545Yy4VwQZrWp-h6Toa4MmHpte6r1yX6Xsek-EUL38Ezb68uZ0yKgcY0I_d1JbbeFA8A6wUOHhlk43JwbpLXvpSBV5h9eCm8NJ0/s1600/body-bg.png) center top repeat-x #fff; text-align:center; font: 12px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; color:#000; }

a {  color:#448abd; } 
a:hover { color:#d54e21; }

/* Structure */

#wrapper { width:970px; margin:0 auto; text-align:left; }
#header { height:129px; clear:both; overflow:hidden;}
#main { }
#content { float:left; width:645px; margin:0;}
#sidebar { border:1px solid #cccccc;float:right;width:307px; clear:right; float:right;}
#footer {clear:both; color:#999999; background:#464646; font-size:10px; padding:10px 15px; height:45px; font-size:12px; margin-top:15px}

#footer .l{padding-left:10px;padding-top:8px;float:left;}
#footer .r{padding-top:8px;float:right;}

/* Header */

#header-left {float:left; width:830px;}
#header-right {float:right;margin-top:14px;}
#header-info {float:left; width:605px; position: absolute; top: 38px;}
#header-subscribe {float:right; width:180px;}
#infostyle {font-size:12px; margin-top:-4px;margin-left:40px; color:#6e6e6e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal; }

/* --- Login ---*/

#login {color:#8a8a8a; line-height:30px; display:inline; list-style:none; float:right; }
#login a {color:#949494; text-decoration:none;}
#login a:hover {color:#fff;}

/* --- Navigation Menu --- */

#menu { float:left; color:#2583ad; font-size:15px; position: absolute; top: 58px; height:33px; overflow:hidden;}
#menu ul { list-style:none; padding:4px 0 5px 0;}
#menu li { float:left; margin:0 1px;  }
#menu li a {padding:4px 8px 6px 8px; float:left; text-decoration:none; color:#2583ad;}
#menu li a:hover { color:#d54e21;}
#menu li.current_page_item a { color:#d54e21; background:#fff; padding-left: 7px; padding-right: 7px; 	-moz-border-radius-topleft: 4px; -khtml-border-top-left-radius: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -khtml-border-top-right-radius: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; border-width: 1px; border-style: solid;        border-color:#c6d9e9; border-bottom:0px solid #fff; }

/* --- Feed --- */

#feed ul { float:right; list-style:none; padding:8px 0; font-size:11px; clear:both; margin:12px 0 0 0; }
#feed li { line-height:16px; float:left; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3e6GbpQN5x5ae2tPyD3YCRChfc_vzRZg5k4k_1lcfsZayT8D2V7ORhyfRPBmnG4suCoPc7ynp52sRVgkmnQFrTwEei0gpeS62Pvz2YtZJoW6ql-0PIFOmzyM3zgPM6sa04sc7OZyVyLU/s1600/feed.png) left center no-repeat; padding-left:20px; margin:7px 0 7px 15px;}
#feed li a { float:left; text-decoration:none; }

/* Footer */

#footer a { color:#fff; text-decoration:none;}
#footer-div { width:950px; margin: 0 auto;}
#footer p { margin:0 0 0 15px; line-height:32px; float:left;  }

/* Heading Styles */

h1 { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:35px; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; color:#626262; margin-bottom:-5px;}
h1 a { text-decoration:none; color:#626262; }
h2 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:25px; font-weight:normal; letter-spacing:-1px; text-decoration:none; color:#626262;}
h3 { font-size:18px; font-weight:normal; padding-left:10px; color:#6e6e6e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigDHmoands4-9nU-Ux1dUXdaS4N2w3ieH46oGIWitmwQAnQH7kXjNkVq4DyprYKWXoLjCHlsH6p-dNbdtEE_ZDrcXcB4QN1m7O_b3IDmVr2pUehVUFHpk1UmvrR63n0KrOU_0-wmJFB60/s1600/h4-line.png) 0 100% no-repeat; }
h4 a { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:21px; font-weight:normal; letter-spacing:-1px; margin-bottom:5px; color:#515151; text-decoration:none;}
h4 a:hover { color:#d54e21;}
.hi { color:#ff9; }

/* Image Preloaders */

div#preloaded-images {
   position: absolute;
   overflow: hidden;
   left: -9999px; 
   top: -9999px;
   height: 1px;
   width: 1px;
}

/* Main Styling */

.post-border {border:1px solid #cccccc; padding:5px 5px 10px 5px; margin-bottom:18px;}
.title {background:#f0f6fb; padding:9px 12px 11px 12px; line-height:19px; }
.content-padding {margin:5px 12px 0 12px;}

/* -- Index Styling -- */
.older-cloud {
        width:35px; 
        height:30px; 
        float:right; 
        margin:-13px 8px 0 0; 
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJA4BnjX9a5YFkGVRRaEtfEbiSbLgQ4d4yuDzKzt0MuqZHp6INJ03a0FvNngqhFEcRhEnkOgbKHgcK7HcLrSGW2KPNnWpoDqUgUj5gpZg82dP0cXNiBZGyrdS_R6nyhoTGWs6LzQdpk-w/s1600/comment-cloud.png) no-repeat; 
        color:#fff; 
        line-height:24px; 
        text-align:center;
}

a.older-cloud {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKV4AkKOKnfulIuC-vn1CL3Hy6D9SfqRgfYcF4sjhqnwSAezDh0IyQX3gPOdq-bJo9vq79qaWLrGxhxGgshFEeX9-1gdu-VkNMwuTUXKugVSfJ_LapcC5ni3qmfRfwC4G6_X8EUcHRLk0/s1600/comment-cloud-hover.png); 
        color:#fff; 
        text-decoration:none;
}

.older-cloud:hover {
        color:#fff; 
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKV4AkKOKnfulIuC-vn1CL3Hy6D9SfqRgfYcF4sjhqnwSAezDh0IyQX3gPOdq-bJo9vq79qaWLrGxhxGgshFEeX9-1gdu-VkNMwuTUXKugVSfJ_LapcC5ni3qmfRfwC4G6_X8EUcHRLk0/s1600/comment-cloud-hover.png); 
        text-decoration:none; 
        cursor:pointer;
}

/* -- Single Styling -- */

#single-cloud { z-index: -9999; width:35px; height:30px; float:right; margin:-8px 8px 0 8px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLf9wK8OBE6Kqu02UTsCXwEbCMT8ihtXBnhkloFrktYC8RYn5e_D7woLMpukoojOT06rdqrmR9LEpkDYMV9gl-cjuYV76JFKFHtFG_tL6L_1ipTDJbo11fZN3IjSzItunmdOPA4564YU0/s1600/comment-cloud-single.png) no-repeat; color:#fff; line-height:24px; text-align:center;text-decoration:none;}

#single-cloud a {text-decoration:none;}

#single-cloud:hover {color:#fff; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhogVXeKnQ-q8lZKWdQ4NMm8hnOONSXU7dic3verxIok5d_i5riugzaM2jOHKNtZ7Ben_CUxZmvGBqHJAYR1_cz6LmVux6Lm2Tw9GPLvRgKsY8tyKit17RuzDRa5Ati7e9Alqf4c80zIVY/s1600/comment-cloud-single-hover.png); text-decoration:none; cursor:pointer; text-decoration:none;}

.border-bottom {padding:0 0 5px 0; border-bottom: 1px solid #dadada;}

/* Sidebar */

#sidebar h2 {padding:0 0 0 12px; margin:2px; background:#f0f6fb; line-height:40px; font-weight:normal;}
#sidebar ul{padding-bottom:20px;}
#sidebar ul li {display:block; padding:3px 3px 3px 20px; text-decoration:none; margin:0; border:0; float:none;}
#sidebar ul li a { display:block;text-decoration:none; }
#sidebar ul li a:hover { }

/* Post Style */

#content p { line-height:1.75em; margin:1.5em 0 1.75em 0; }
#content a:hover { text-decoration:none; }
#content ul { padding-left:18px; line-height:1.75em; margin-bottom:1.75em; }
#content ul li { list-style-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFp_iuMZYxYMC6ngVJNaFm881GgTW4yE8ui5GKGJpDL27GeWouffprMPWqY1LlJBEsQuKcKtOw8vTEWhAes7xzjXdH-vOzRpKXJ0Jo5y4IcLjh4hIvowYo5HBcP5I6zIwQV-gltxBLRkA/s1600/li.png);}
ol li {list-style-position: inside; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhG_YuNOkNsYDbxRrk8_PoSLHQdKiwwuirFBciSROq55DLocLeX8L5W-83zw1Xmok9Qu_IhFaxgiCpRhAzN9wpOlJ9YffAh1gtkB8NgISzxYLgNt8tJOcdVZ07qOaZakA5fjQFmXSrhAFY/s1600/number-list.png') no-repeat; padding:3px 0 4px 6px;}

#content img { padding:4px; border:1px solid #cccccc; background:#f0f6fb; }
#content img:hover { padding:4px; border:1px solid #cccccc; background:#f0f6fb; }
#content a img  { padding:4px; border:1px solid #cccccc; background:#f0f6fb; }
#content a img:hover {  padding:4px; border:1px solid #d54e21; background:#d54e21; }

blockquote { margin:0 30px; padding:0 1.75em; background:#f0f6fb url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiVvpqQl5hx3bjUIiY6U3fOiTv-wyRTLdaxPqpmUeRlDRAehiKNB6uQqXjh3_mVzxqGT9lry7mQfDP1co5OnWfKW4yYSZE1hlAXnHC9U-wvfCR4WJsi4zvJippFb7if3Hdb1DPVmiXcPKc/s1600/blockquote-bg.png) repeat-x; color:#464646; border:1px solid #cccccc; margin-bottom:1.75em; text-align:justify; }

.pullquote_left { width: 200px; margin: 5px 15px 5px 15px; padding: 12px 0; border: 3px double #dddddd; border-width: 3px 0; font-size: 1.4em; text-align: center; font: bold 1.333em/1.125em "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; float: left; }

.pullquote_right { width: 200px; margin: 5px 15px 5px 15px; padding: 12px 0; border: 3px double #dddddd; border-width: 3px 0; font-size: 1.4em; text-align: center; font: bold 1.333em/1.125em "Helvetica Neue", Helvetica, Arial, sans-serif; color:#555555; float: right; }

.post-details {float:left; padding:5px 8px; background:#f4f9fd; clear:both; border-left:1px solid #dadada; border-bottom:1px solid #dadada; border-right:1px solid #dadada;}
.edit-link a{float:left; padding:5px 8px; text-decoration:none;}

/* Comments */

.comments{padding:0px;}

#avatar-cloud {z-index: -9999; float:left; width:48px; height:42px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8MbPRW6UEBnyoNT_wXZtiot3PWo1NNVpISTJkLwZbc9UfwdfEHWdAVXyZm4rCLV-5a0C1MyuGy94TipWoKFgm4e6ao7ZboCu4oONUgPQGJ40oXbYMZwwXtSSQojqhIGWv3d-0SBabo4Q/s1600/avatar-cloud-top.png) no-repeat; margin:-10px 5px 0 0;}

.comments img{padding:0px !important;margin-top:5px;}

#responses {margin:20px auto 30px auto; width:500px; background:#f0f6fb; border-top:1px solid #cccccc; color:#555555; font-size:16px; padding:5px 15px 5px 15px; font: bold 1.333em/1.125em "Helvetica Neue", Helvetica, Arial, sans-serif;}

#responses-cloud {z-index: -9999; width:35px; height:30px; float:left; margin:-13px 8px 0 -35px; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTq6FB3bvFAguIRKNcYSSRauYxhene52ZYOeK5j7rOOQK52At_g5ljw8kr5UWY7uI9ySxMWz4m-WPK20qr3BqIXPCcQ9dmCv-RjabwV_rHdVxo5b-4CNgqxP0NY627N5FecfrbXYoW87Q/s1600/comment-responses.png) no-repeat; font-size:18px; text-align:center; line-height:24px; color:#fff; font-family: "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif; font-weight:normal;}

#thecomment {font-size:12px; padding:20px 20px 0px 20px; clear:both; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRC1uD6hmSDD6zXB9nvNS121tJHC2RmoCigxZKmacZKzq3pEjTcMkcahD2-Puw7NgEcVjI_PVxB3JL5NOzm9J1PNzKgW0uW91dvA24IXxksQ2rw6LU8GAR3cFGfKiJ6gPrOVEyB3x5QgM/s1600/avatar-cloud-bottom.png) 10px 0 no-repeat;}

#thecomment p{margin-top:0px;}

#bluebox {width:10px; height:32px; float:left; background:#f0f6fb ;}
.comment-text {line-height:20px; padding:2px 0 4px 0;}

#comment-edit {background:#f0f6fb; line-height:28px; height:32px;}
#comment-edit a { text-decoration:none;}
#comment-edit .number{float:right;padding-right: 10px;margin-top: -30px;}

.comment-author{padding-left:5px;}

.comment-footer{}
.comment-footer a{font-size:18px; font-weight:normal; padding-left:10px; color:#6e6e6e; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;  font-weight:normal;}

/* -- align -- */
.alignleft {margin:8px 8px 8px 0; float:left;}
.alignright {margin:8px 0 8px 8px; float:right;}
.clear { clear:both; }
#fl{
position:fixed;
right:150px;
z-index:+1000;
}
* html #fl{position:relative;}
.flcontent{
float:left;
border:2px solid #676767;
background:url(none)#000000 repeat-x bottom center scroll;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
}

]]></b:skin>
  </head>

<body>
<script src='//oncom.googlecode.com/files/notclickrightbox1.js' type='text/javascript'/>
  <b:section class='navbar' id='navbar' maxwidgets='1' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'><script type="text/javascript">
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener('load',
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent('onload', function(){ object[attribute] = val; });
      }
    }
  </script>
<div id="navbar-iframe-container"></div>
<script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">
        gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() {
          if (gapi.iframes && gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: 'https://www.blogger.com/navbar.g?targetBlogID\075768491458070076615\46blogName\75Semua+Tentang+FB+(Facebook+Blog)\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75BLUE\46layoutType\75LAYOUTS\46searchRoot\75http://fbayie.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://fbayie.blogspot.com/\46vt\075315355036417300609',
                where: document.getElementById("navbar-iframe-container"),
                id: "navbar-iframe"
            });
          }
        });
      </script><script type="text/javascript">
(function() {
var script = document.createElement('script');
script.type = 'text/javascript';
script.src = '//pagead2.googlesyndication.com/pagead/js/google_top_exp.js';
var head = document.getElementsByTagName('head')[0];
if (head) {
head.appendChild(script);
}})();
</script>
</b:includable>
    </b:widget>
  </b:section>

<span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>

<b:section class='header' id='header' showaddelement='no'>
<b:widget id='HTML1' locked='true' title='Header' type='HTML'>
  <b:includable id='main'>
  <div class='widget-content'>

<div id='header-left'>
             <div id='header-info'>         
                   <h1><a expr:href='data:blog.homepageUrl'>Wordpress Admin</a></h1>
                   <h4 id='infostyle'>Blogger Template by ThemeLib.com</h4>
                   <div class='clear'/>
                   <div id='menu'>
		      <ul>

<li class='current_page_item'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>Posts RSS</a></li>
<li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>Comments RSS</a></li>
<li><a href='#'>Posts RSS</a></li>

</ul>
		   </div>
             </div>
     <div id='header-subscribe'>
                  <div id='login'><a href='http://blogger.com'>Log in</a></div>
                  <div id='feed'>     
                       <ul>
		    	    <li><a expr:href='data:blog.homepageUrl + "feeds/posts/default"'>RSS Feed (Entries)</a></li>
			    <li><a expr:href='data:blog.homepageUrl + "feeds/comments/default"'>RSS Feed (Comments)</a></li>
		       </ul>
                   </div>
             </div>

</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
		
    <br/><br/>
      <div id='main'>
        <b:section class='content' id='content' showaddelement='no'>
          <b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
            <b:includable id='main' var='top'>
  
  <div class='blog-posts hfeed'>

<b:include data='top' name='status-message'/>

<b:loop values='data:posts' var='post'>
      <b:include data='post' name='post'/>
      <b:if cond='data:blog.pageType == "item"'>
        <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:post.includeAd'>
        <data:adEnd/>
        <data:adCode/>
        <data:adStart/>
      </b:if>
    </b:loop>
    <data:adEnd/>
  </div>

<b:include name='nextprev'/>
  
  <b:if cond='data:top.showStars'>
    <script src='http://www.google.com/jsapi' type='text/javascript'/>
    <script type='text/javascript'>
      google.load("annotations", "1");
      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='backlinkDeleteIcon' var='backlink'>
  <span expr:class='"item-control " + data:backlink.adminClass'>
    <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</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='comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <h3><data:postCommentMsg/></h3>
    <p><data:blogCommentMessage/></p>
    <iframe allowtransparency='true' expr:src='data:post.commentFormIframeSrc' frameborder='0' height='275' id='comment-editor' scrolling='auto' width='100%'/>
  </div>
</b:includable>
            <b:includable id='commentDeleteIcon' var='comment'>
  <span expr:class='"item-control " + data:comment.adminClass'>
    <a expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
      <img src='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
  </span>
</b:includable>
            <b:includable id='comment_count_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-post-url='data:post.url' expr:data-url='data:post.canonicalUrl'>
    </span>
  <b:else/>
    <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
      <data:post.commentLabelFull/>:
    </a>
  </b:if>
</b:includable>
            <b:includable id='comment_picker' var='post'>
  <b:if cond='data:post.commentSource == 1'>
    <b:include data='post' name='iframe_comments'/>
  <b:else/>
    <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
    <b:else/>
      <b:include data='post' name='comments'/>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='comments' var='post'>
<div class='comments' id='comments'>
  <b:if cond='data:post.allowComments'>
    <div id='responses'>
       <div id='responses-cloud'><data:post.numComments/></div>
       <div class='comment-text'>
           <b:if cond='data:post.numComments == 1'>
               Response 
           <b:else/>
               Responses 
        </b:if>
to ... <data:post.title/>
     </div>
    </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>
      <script language='javascript'>var themelib = 0;</script>

<dl id='comments-block'>
        <b:loop values='data:post.comments' var='comment'>
         <script language='javascript'>themelib = themelib + 1;</script>
          <div id='bluebox'/>
         <div id='avatar-cloud'><center><div id='avatar'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjoQWlTNEvJP9veecXy6tfWpLm8mHfmPGynTKOqzPkJtbwOB4gVm9lMHWh0bpNK7m04a7Mi4UoSCwUTgHxK8CM0PtSstgNsszxTnhkG186itOLqbxAlTaAgvKbRzkPrDzU5ODGTAHDE5MM/s320/no-avatar.jpg'/></div></center></div>
          <dt id='comment-edit'>
            <a expr:name='data:comment.anchorName'/>
            <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/> <a expr:href='data:comment.url' title='comment permalink'>
                <data:comment.timestamp/>
              </a>
              <b:include data='comment' name='commentDeleteIcon'/> <span class='number'><script language='javascript'>document.write(themelib);</script></span>
          </dt>
          <dd id='thecomment'>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
          </dd>
        </b:loop>
      </dl>

<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>

<b:if cond='data:post.embedCommentForm'>
          <b:include data='post' name='comment-form'/>
        <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>

<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='iframe_comments' var='post'>

<b:if cond='data:post.allowIframeComments'>
    <script expr:src='data:post.iframeCommentSrc' type='text/javascript'/>
    <div class='cmt_iframe_holder' expr:data-href='data:post.canonicalUrl' expr:data-viewtype='data:post.viewType'/>

<b:if cond='data:post.embedCommentForm == "false"'>
      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
    </b:if>
  </b:if>
</b:includable>
            <b:includable id='mobile-index-post' var='post'>
  <div class='mobile-date-outer date-outer'>
    <b:if cond='data:post.dateHeader'>
      <div class='date-header'>
        <span><data:post.dateHeader/></span>
      </div>
    </b:if>

<div class='mobile-index-arrow'>&rsaquo;</div>

<b:include data='top' name='status-message'/>

<b:if cond='data:blog.pageType == "index"'>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-index-post'/>
        </b:loop>
      <b:else/>
        <b:loop values='data:posts' var='post'>
          <b:include data='post' name='mobile-post'/>
        </b:loop>
      </b:if>
    </div>

<b:include name='mobile-nextprev'/>
</b:includable>
            <b:includable id='mobile-nextprev'>
  <div class='blog-pager' id='blog-pager'>
    <b:if cond='data:newerPageUrl'>
      <div class='mobile-link-button' 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'>&lsaquo;</a>
      </div>
    </b:if>

<b:if cond='data:olderPageUrl'>
      <div class='mobile-link-button' 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'>&rsaquo;</a>
      </div>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
            <b:includable id='mobile-post' var='post'>
  <div class='date-outer'>
    <b:if cond='data:post.dateHeader'>
      <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
    </b:if>
    <div class='date-posts'>
      <div class='post-outer'>

</div>
        </div>

<b:if cond='data:blog.pageType == "static_page"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
        <b:if cond='data:blog.pageType == "item"'>
          <b:include data='post' name='comment_picker'/>
        </b:if>
      </div>
    </div>
  </div>
</b:includable>
            <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>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
      <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      <b:else/>
      <b:if cond='data:newerPageUrl'>
        <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
      </b:if>
    </b:if>

</div>
  <div class='clear'/>
</b:includable>
            <b:includable id='post' var='post'>
  <div class='post-border'>

<div class='content-padding'>
    <div class='postdetails'><small>Posted on <data:post.timestamp/> by <data:post.author/> and filed under <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> </small></div>

<data:post.body/>
      <div style='clear: both;'/> 
    </div>
  </div>
</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' src='http://www.blogger.com/img/icon18_edit_allbkg.gif'/>
      </a>
    </span>
  </b:if>
</b:includable>
            <b:includable id='shareButtons' var='post'>
  <b:if cond='data:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showPinterestButton'><a class='goog-inline-block share-button sb-pinterest' expr:href='data:post.sharePostUrl + "&target=pinterest"' expr:title='data:top.shareToPinterestMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToPinterestMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
</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='threaded-comment-form' var='post'>
  <div class='comment-form'>
    <a name='comment-form'/>
    <b:if cond='data:mobile'>
      <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='' style='display: none' width='100%'/>
    <b:else/>
      <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%'/>
    </b:if>
    <data:post.friendConnectJs/>
    <data:post.cmtfpIframe/>
    <script type='text/javascript'>
      BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
    </script>
  </div>
</b:includable>
            <b:includable id='threaded_comment_js' var='post'>
  <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>

// <![CDATA[
      var cursor = null;
      if (items && items.length > 0) {
        cursor = parseInt(items[items.length - 1].timestamp) + 1;
      }

var bodyFromEntry = function(entry) {
        if (entry.gd$extendedProperty) {
          for (var k in entry.gd$extendedProperty) {
            if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
              return '<span class="deleted-comment">' + entry.content.$t + '</span>';
            }
          }
        }
        return entry.content.$t;
      }

var replybox = null;
      var replyUrlParts = null;
      var replyParent = undefined;

var hash = (window.location.hash || '#').substring(1);
      var startThread, targetComment;
      if (/^comment-form_/.test(hash)) {
        startThread = hash.substring('comment-form_'.length);
      } else if (/^c[0-9]+$/.test(hash)) {
        targetComment = hash.substring(1);
      }

// Configure commenting API:
      var configJso = {
        'maxDepth': config.maxThreadDepth
      };
      var provider = {
        'id': config.postId,
        'data': items,
        'loadNext': paginator,
        'hasMore': hasMore,
        'getMeta': getMeta,
        'onReply': onReply,
        'rendered': true,
        'initComment': targetComment,
        'initReplyThread': startThread,
        'config': configJso,
        'messages': msgs
      };

var render = function() {
        if (window.goog && window.goog.comments) {
          var holder = document.getElementById('comment-holder');
          window.goog.comments.render(holder, provider);
        }
      };

// render now, or queue to render when library loads:
      if (window.goog && window.goog.comments) {
        render();
      } else {
        window.goog = window.goog || {};
        window.goog.comments = window.goog.comments || {};
        window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
        window.goog.comments.loadQueue.push(render);
      }
    })();
// ]]>
  </script>
</b:includable>
            <b:includable id='threaded_comments' var='post'>
  <div class='comments' id='comments'>
    <a name='comments'/>
    <h4><data:post.commentLabelFull/>:</h4>

<b:if cond='data:showCmtPopup'>
      <div id='comment-popup'>
        <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
        </iframe>
      </div>
    </b:if>

<b:include name='quickedit'/>
  </div>
</b:includable>
          </b:widget>
          <b:widget id='LinkList1' locked='false' title='Blogroll' 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='Feed2' locked='false' title='Faceblog Tutorial' 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='Feed3' locked='false' title='Faceblog Tips' 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='Feed4' locked='false' title='Faceblog' 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='Feed5' locked='false' title='Faceblog Software' 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='Feed7' locked='false' title='Tips dan Trick' 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:section>
      </div>

<div class='clear'> </div>
  </div>

<b:section class='footer' id='footer' showaddelement='no'>
  <b:widget id='HTML2' locked='true' title='Footer' type='HTML'>
    <b:includable id='main'>
  <div class='widget-content'>
    <div id='footer-div'>
           <a href='http://www.blog2life.net/'><img alt='B2L' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOeSF0fl3SmUp_dhJ3ZCZAh7u082a2muq4JPZN42fWOqT_2lsjsxxpPt5vp92orsy4Pf2_obrJBmaJY_r8w2s3BPOKbARcoJpnTzAkYNhxcEK7-YpIqdAlPYMlSU7V9g3Q46DEYxmScNo/s1600/footer-b2l.png' style='float:left;'/></a>
           <span class='l'>Copyright 2008 by <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> </span>
<script type='text/javascript'>
function showHideFL(){
var fl = document.getElementById("fl");
var w = fl.offsetWidth;
fl.opened ? moveFL(0, -100-w) : moveFL(20-w, 0);
fl.opened = !fl.opened;
}
function moveFL(x0, xf){
var fl = document.getElementById("fl");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
fl.style.bottom = x.toString() + "px";
if(x0!=xf){setTimeout("moveFL("+x+", "+xf+")", 10);}
}
</script>
<font color='red'>C-Box</font>

<div id='cboxdiv' style='text-align: center; line-height: 0'>
<div><iframe allowtransparency='yes' frameborder='0' height='275' id='cboxmain6-664424' marginheight='2' marginwidth='2' name='cboxmain6-664424' scrolling='auto' src='http://www6.cbox.ws/box/?boxid=664424&boxtag=dwnhpr&sec=main' style='border:#000000 1px solid;' width='300'/></div>
<div><iframe allowtransparency='yes' frameborder='0' height='75' id='cboxform6-664424' marginheight='2' marginwidth='2' name='cboxform6-664424' scrolling='no' src='http://www6.cbox.ws/box/?boxid=664424&boxtag=dwnhpr&sec=form' style='border:#000000 1px solid;border-top:0px' width='300'/></div>
</div>

<div style='text-align: right;'>
<a href='javascript:showHideFL()'>
[<font color='red'><b>CLOSE</b></font>]
</a></div>
<font size='2'><a href='http://sakawku.blogspot.com/2011/12/memasang-fans-page-facebook-dengan-show.html'> target="_blank"><div style='color: #444444;'>
<span>get this Widget</span></div></a></font>
</div>
</div>
<script type='text/javascript'>
var fl = document.getElementById("fl");
fl.style.bottom = (-100-fl.offsetWidth).toString() + "px";
</script>
<div align='right'>
  <a href='javascript:showHideFL()'><img src='http://www.google.com/mail/help/sms/images/chat.png'/></a>
      </div>
<!-- Please don't remove the credits below. We worked many hours to make this beautiful template available free for you. All we ask is to keep the links below intact

ThemeLib.com
-->
           <span class='r'><a href='http://www.blog2life.net/wordpress-themes/word-pressd-wordpress-admin-inside-out'>WPTheme</a> by <a href='http://www.blog2life.net/'>Blog2Life</a> | <a href='http://themelib.com/2008/07/wordpress-admin-blogger-template/'>Blogger Template</a> by <a href='http://themelib.com' title='Free Blogger Templates'>ThemeLib.com</a></span>
      </div>
  </div>

<b:include name='quickedit'/>
</b:includable>
  </b:widget>
</b:section>

</body>
</html>

TYFFON

Demo Blogger Template

Popular Post

Mengenai Saya

Kode Template