Template facabook untuk blogger : BoyVirgoJogja

Hallo sobat apa kabarnya hari ini pasti baikkan,,,,kali ini saya mau berbagi tentang template facebook untuk blogger,untuk teman-teman yang berminata silahkan copy kode html di bawah ini...

bagi yang belum tahu bagaimana caranya oke langsung aja

Tahap pertama iyalah:

1.Masuk ke blog anda

2.Klik rancangan

3.Edit html

4.Copy kode yang ada di bawah ini

5.Lalu kode html yang ada di blog anda di ganti kode di bawah ini

6.Simpan template
7.liat hasilnya

<?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[/*
THEME NAME: Smells like Facebook
THEME URI: http://www.nazieb.com/456/smells-like-facebook
DESCRIPTION: The exact Facebook clone theme for Wordpress. Based on Facebook profile page.
VERSION: 1.0.3
AUTHOR: Ainun Nazieb
AUTHOR URI: http://nazieb.com/
TAGS: white, blue, two-columns
*/

.navbar {
visibility:hidden;
display: none;
}

* { margin: 0px; padding: 0px; border: 0; outline: 0; list-style: none; }

body {
        font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
        font-size: 11px;
        background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiU4RFzCbwfZ03Jl9WbT4yK9kmrCbrhUDLcCSsGk7F89nEDQk0b73kyEPzxuI-DEX2tCgTQXjZQKx-fZwZscipl1Kapqqu3MpLIXyTzD6Xe-oq8SBxpH8R9UbC-8SorEfcPqklFWyVvbWtk/s1600/bodybg.gif) repeat-x scroll left top;
}

input[type=text], textarea {
        color: #777777;
        font-size: 11px;
        padding: 3px;
}

input, textarea {
        font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
}

input.submit {
        background-color:#3B5998;
        border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
        border-style:solid;
        border-width:1px;
        color:#FFFFFF;
        font-size:11px;
        padding:2px 15px 3px;
        text-align:center;
}

a {
        color: #3B5998;
        text-decoration: none;
}

a:hover {
        text-decoration: underline;
}

blockquote {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuxv4vEtFtiOq8uOgJVs7G1E8w3dALwup-AB9-SCjdD9Q7I7AmU_uzpeDiGrLCiYXs6mJr1z2yJJmYJ179tWMZTwiLf0ONrHz6WsQ4T3loOHuDciYnlQFkW2riJLpST4jry3RgQAZ0JvqK/s1600/quote.png) no-repeat left top;
        padding-left: 19px;
        color: gray;
}

#wrapper {
        width: 964px;
        margin: 0 auto;
}

#menu {
        background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_6GypoMq0zDMHKLvocrakNDNitnxLN7vcG3h3_3M-UG4DZkuhWXGYBpKDFDIOLbdfJdRV-RmI_84grmzQXA9oOJnBv3euPLci778WuyT5OdH33ecu7_FwQ8PF2l6LpyCecCzaUOX-PBGJ/s1600/menubar.png) no-repeat scroll left bottom;
        float: left;
        width: 964px;
        font-size: 11px;
}

#logo {
        float: left;
        margin: 5px 0px 3px 3px;
}

#menu li {
        float: left;
        padding: 7px 0px 8px 0px;
}

#menu li a {
        color: #fff;
        text-decoration: none;
        padding: 7px;
}

#pagemenu a {
        font-weight: bold;
}

#pagemenu a:hover {
        background-color: #5C75AA;
}

#menu #more {
        float: right;
        width: 253px;
}
/*
#moremenu {
        float: left;
}

#moremenu li {
        margin-right: 5px;
}

#moremenu li a:hover {
        background-color: #5C75AA;
}

#moremenu li #feedmenu {
        position: absolute;
        border: 1px solid #3B5998;
        background: #fff;
        margin-top: 5px;
        left: -999em;
}

#feedmenu li {
        float: none;
        padding: 0px;
        margin: 0px;
}

#feedmenu li a {
        color: #3B5998;
        padding: 5px 20px;
        display: block;
}

#feedmenu li a:hover {
        color: #fff;
        position: static;
        left: auto;
}
*/
#moremenu {
margin: 0px;
padding: 0px;
float: left;
}
#moremenu ul {
float: left;
list-style: none;
margin: 0px;
padding: 0px;
border: 1px solid #3B5998;
}
#moremenu li {
list-style: none;
margin: 0px;
padding: 0px;
}
#moremenu li a, #moremenu li a:link, #moremenu li a:visited {
display: block;
margin: 0px;
padding: 7px 10px;
}
#moremenu li a:hover, #moremenu li a:active {
margin: 0px;
padding: 7px 10px;
text-decoration: none;
background-color: #5C75AA;
}
#moremenu li li a, #moremenu li li a:link, #moremenu li li a:visited {
color: #3B5998;
float: none;
margin: 0px;
padding: 5px 20px;
background: #fff;
}
#moremenu li li a:hover, #moremenu li li a:active {
color: #fff;
background: #3B5998;
padding: 5px 20px;
}

#moremenu li {
float: left;
padding: 0px;
}
#moremenu li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
margin: 0px;
padding: 0px;
width: 130px;
}
#moremenu li li {
}
#moremenu li ul a {
width: 90px;
}
#moremenu li ul a:hover, #moremenu li ul a:active {
}
#moremenu li ul ul {
margin: -29px 0 0 171px;
}
#moremenu li:hover ul ul, #moremenu li:hover ul ul ul, #moremenu li.sfhover ul ul, #moremenu li.sfhover ul ul ul {
left: -999em;
}
#moremenu li:hover ul, #moremenu li li:hover ul, #moremenu li li li:hover ul, #moremenu li.sfhover ul, #moremenu li li.sfhover ul, #moremenu li li li.sfhover ul {
left: auto;
}
#moremenu li:hover, #moremenu li.sfhover {
position: static;
}

#search {
        float: right;
        margin-top: 4px;
        margin-right: 12px;
        margin-left: 5px;
}

#search-text {
        float: left;
        margin-right: 2px;
}

#search-submit {
        float: left;
}

#sidebar {
        margin-top: 90px;
}

#title {
        margin-top: 20px;
}

#title h1 {
        font-size: 16px;
        display: inline;
}

#title h1 a {
        color: #000;
}

#desc {
        display: inline;
        font-size: 13px;
}

#categories {
        margin-top: 11px;
        margin-bottom: 45px;
        z-index: 900;
        position: relative;
}

#categories li {
        text-transform: capitalize;
        float: left;
        background: #D8DFEA;
        margin-left: 3px;
}
#categories li a {
        font-size:13px;
        font-weight:bold;
        padding:4px 11px;
        display: block;
}

#categories li a:hover {
        color: #fff;
        text-decoration: none;
        background: #627AAD;
}

#categories .current-cat {
        background: #fff;
}

#categories .current-cat a {
        background: #fff;
        color: #000;
}

#categories .current-cat a:hover {
        background: #fff;
        color: #000;
}

#categories #plus {
        background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4c6yll-buxwhshSjtNJvq1396-d7iFb8v1fp9bzmWDBp0YMqGnmIbfg53aaIc4URxZB8qxngw0hvd8bWc28xdRxY88UqThN0BZXCCS2apGbUnFj84EuDvAlb43VcPD-wkvHVfZpU_lNrn/s1600/plus.gif) no-repeat top left;
        height:16px;
        position:relative;
        width:2px;
        z-index:999;
}

#categories #plus:hover, #categories #plus.hover {
        background: #627AAD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4c6yll-buxwhshSjtNJvq1396-d7iFb8v1fp9bzmWDBp0YMqGnmIbfg53aaIc4URxZB8qxngw0hvd8bWc28xdRxY88UqThN0BZXCCS2apGbUnFj84EuDvAlb43VcPD-wkvHVfZpU_lNrn/s1600/plus.gif) no-repeat left -25px;
}

#hiddencats {
        left:-3px;
        position:relative;
        top:-28px;
}

#hiddencats li {
        padding: 0px;
/*        padding: 8px 5px 4px 8px; */
        background: #eee;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
        float: none;
        margin-left: 0px;
}

#hiddencats li.browsecat {
        background: #fff;
        border: 1px solid #000;
        border-left: 1px solid #fff;
        border-bottom: none;
        padding: 9px;
        width: 150px;
        color: #666;
}

#hiddencats li a{
        font-weight: normal;
        font-size: 11px;
        padding: 7px 12px;
}

#hiddencats li a:hover {
        background: #899BC1;
}

#hiddencats .current-cat {
        background: #eee;
}

#hiddencats .current-cat a {
        background: #eee;
        color: #3B5998;
}

#hiddencats .current-cat a:hover {
        background: #899BC1;
        color: #fff;
}

#hiddencats ul {
        border-bottom: 1px solid #000;
}

#hiddenleft {
        width: 30px;
        height: 30px;
        border: 1px solid #000;
        border-right: none;
        position: absolute;
        background: #fff;
}

#hiddenright {
        position: absolute;
        margin-left: 31px;
}

#hiddencats #plus {
        background: #627AAD url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4c6yll-buxwhshSjtNJvq1396-d7iFb8v1fp9bzmWDBp0YMqGnmIbfg53aaIc4URxZB8qxngw0hvd8bWc28xdRxY88UqThN0BZXCCS2apGbUnFj84EuDvAlb43VcPD-wkvHVfZpU_lNrn/s1600/plus.gif) no-repeat left -25px;
        height:16px;
        width:2px;
}

.post {
        /*clear: both;*/
        float: left;
        border-top:1px solid #D8DFEA;
        margin-top: 5px;
        margin-bottom: 5px;
        padding-top: 8px;
}

.post-gravatar {
        float: left;
        margin-right: 10px;
}

.post-text {
        float: right;
        width: 450px;
}

.post-text input {
        background-color:#3B5998;
        border-color:#D9DFEA #0E1F5B #0E1F5B #D9DFEA;
        border-style:solid;
        border-width:1px;
        color:#FFFFFF;
        font-size:11px;
        padding:2px 15px 3px;
        text-align:center;
}

.post-text label input {
        border:1px solid #BDC7D8;
        margin-bottom: 3px;
        color: #777777;
        font-size: 11px;
        padding: 3px;
        text-align: left;
        background: #fff;
}

.post .title {
        margin-bottom: 10px;
        font-size: 13px;
}

.post p {
        margin-bottom: 10px;
        line-height: 15px;
}

.post p img {
   border: 1px solid #ddd;
   background-color: #f3f3f3;
   padding: 4px;
}

.post ol {
        list-style: decimal inside;
}

.post li {
        margin-bottom: 10px;
}

.post .meta, .post .post-meta {
        color: #777;
        margin-top: 5px;
        margin-bottom: 5px;
}

.post-meta {
        border-top: 1px solid #DDDDDD;
        padding-top: 3px;
}

.navigation {
        background:#ECEFF5 none repeat scroll 0 0;
        border-top:1px solid #D8DFEA;
        margin-top:8px;
        padding:3px 7px 4px 0;
        float: left;
        width: 100%;
}

.next {
        margin-left:52px;
        float: left;
}

.prev {
        margin-right:52px;
        float: right;
}

#sidebar {
        float: left;
        width: 200px;
}

.large-avatar {
        margin-bottom: 10px;
}

.user-desc {
        border:1px solid #D8DFEA;
        color:#333333;
        margin-bottom:20px;
        padding:7px;
}

#sidebar .widget {
        border-top:1px solid #94A3C4;
        padding-bottom:10px;
        border-right:1px solid #D8DFEA;
}

#BlogArchive1 {
        padding-bottom:20px !important;
}

#sidebar .widget h2 {
        background:#ECEFF5 none repeat scroll 0 0;
        border-top:0 none;
        display:block;
        font-size:11px;
        margin-bottom:5px;
        padding:5px 8px;
}

#sidebar .widget h2 a {
        text-decoration: none;
        color: #000;
}

#sidebar .widget h2 img {
        display: none;
}

#sidebar .widget ul {
        padding:0px 7px 10px 8px;
}

#sidebar .widget li {
        margin-top: 5px;
}

#ArchiveList ul li a {
        margin-left: 8px;
}

#content {
float: left;
width: 540px;
padding: 0 0 0 10px;
}

#sidebar2 {
float: right;
width: 200px;
padding-top: 90px;
}
#sidebar2 .widget {
border-top:1px solid #94A3C4;
padding-bottom:10px;
border-right:1px solid #D8DFEA;
}

#sidebar2 .widget h2 {
background:#ECEFF5 none repeat scroll 0 0;
border-top:0 none;
display:block;
font-size:11px;
margin-bottom:5px;
padding:5px 8px;
}
#sidebar2 .widget h2 a {
text-decoration: none;
color: #000;
}
#sidebar2 .widget h2 img {
display: none;
}
#sidebar2 .widget ul {
padding:0px 7px 10px 8px;
}
#sidebar2 .widget li {
margin-top: 5px;
}

#comments {margin: 0 0 0 60px; padding:0;}

.index-comment{
        background: #ECEFF5;
        width: 360px;
        float: left;
        /*clear: both;*/
        margin-top: 2px;
        padding: 7px;
        overflow: hidden;
}

.ic-avatar {
        float: left;
}

.ic-text {
        width: 315px;
        float: right;
}

.ic-meta {
        margin-bottom: 3px;
}

#comment_form input[type=text], #comment_form textarea {
        border:1px solid #BDC7D8;
        margin-bottom: 3px;
}

#comment_form textarea {
        width: 352px;
}

#footer {
border-top:1px solid #DDDDDD;
clear:both;
float:center;
margin-bottom:20px;
margin-top:10px;
padding-top:5px;
text-align:left;
width:100%;
}

.archive {
        background:#F7F7F7 none repeat scroll 0 0;
        border-bottom:1px solid #D8DFEA;
        border-top:1px solid #3B5998;
        padding:4px 6px 5px;
        color:#333333;
        font-size:13px;
        font-weight:bold;
        line-height:15px;
}

.nofloat {
        float: none;
        width: 100%;
}

/* Wordpress requirement */
.aligncenter,
div.aligncenter {
   display: block;
   margin-left: auto;
   margin-right: auto;
}

.alignleft {
   float: left;
}

.alignright {
   float: right;
}

.wp-caption {
   border: 1px solid #ddd;
   text-align: center;
   background-color: #f3f3f3;
   padding-top: 4px;
   margin: 10px;
}

.wp-caption img {
   margin: 0;
   padding: 0;
   border: 0 none;
}

.wp-caption p.wp-caption-text {
   font-size: 11px;
   line-height: 17px;
   padding: 0 4px 5px;
   margin: 0;
}

/*dock*/

#dockbottoms{position:fixed;bottom:0;clear:both;width:960px;padding:2px 0 0;border:1px solid #999;border-bottom:0;background-color:#fff;z-index:11000}
#dockbottoms-inner{float:left;width:100%;height:25px;padding:0;position:relative;background-color:
#ccc;overflow:visible}
#dockbottoms-inner .block{padding-bottom:0;margin-bottom:0;}
#dockbottoms-inner
#dockbottom-first{margin-left:15px}
#dockbottoms-inner
#dockbottom-middle{}
#dockbottoms-inner
#dockbottom-last{}
#dockbottoms-inner.dockbottoms-1
.column{float:left;width:100%}
#dockbottoms-inner.dockbottoms-2
.column{display:block;float:left;width:47%}
#dockbottoms-inner.dockbottoms-3 .column{display:block;float:left;margin:0 14px;width:30%}
#chat-wrapper{width:190px;position:absolute;bottom:5px;z-index:11002;text-align:center;border:1.5px solid #ADADAD;right:5px;}
#chat-wrapper2{width:150px;position:absolute;bottom:27px;z-index:11002;text-align:center;border:1.5px solid #ADADAD;float: left;}
#chat{background-color:#E8E9ED;text-align:left;display:none;}
#menubot{background-color:#E8E9ED;text-align:left;display:none;}
.slider{position:relative;z-index:11003;height:18px;padding:0;background-color:#E8E9ED;margin-top:-5px;cursor:pointer}
.slider2{position:relative;z-index:11003;height:18px;padding:0;background-color:#E8E9ED;margin-top:-5px;border-right: 1px solid;cursor:pointer}
.toggleup1{text-align:center;display:block;line-height:22px;background-color:#E8E9ED}

#dockbottoms li.collapsed,
#dockbottoms li.leaf{list-style-image:none;list-style-type:none;margin:0;padding:0.2em 0.5em 0 0}
#dockbottoms ul.menu{list-style-position:inside}
#page,
#closure-blocks{margin-left:auto;margin-right:auto;width:960px;text-align:left}
#dockbottoms a {padding:0px 5px 5px 5px;}
.toggleup2{text-align:center;line-height:22px;background-color:#E8E9ED;padding: 5px !important;}

.block-inner .content ul li{display: inline;}
#menubot ul li{display: list-item;padding: 5px}
#menubot h2{background-color:#526ea6;color:#fff;padding:5px 0px 5px 5px;margin:-1px -1px 0 -1px;font-size:11px;border:1px solid #254588;border-bottom:1px solid #526ea6;cursor:pointer;width:145px;position:relative}
#chat h2{background-color:#526ea6;color:#fff;padding:5px 0px 5px 5px;margin:-1px -1px 0 -1px;font-size:11px;border:1px solid #254588;border-bottom:1px solid #526ea6;cursor:pointer;width:185px;position:relative}

/*Facebox*/
#facebox .b {
background:url(http://www.hotlinkfiles.com/files/2644245_c74zp/b.png);
}

#facebox .tl {
background:url(http://www.hotlinkfiles.com/files/2644250_gzeak/tl.png);
}

#facebox .tr {
background:url(http://www.hotlinkfiles.com/files/2644244_e9l2g/tr.png);
}

#facebox .bl {
background:url(http://www.hotlinkfiles.com/files/2644246_e5qa5/bl.png);
}

#facebox .br {
background:url(http://www.hotlinkfiles.com/files/2644247_c2fz9/br.png);
}

#facebox {
position: absolute;
width: 100%;
top: 0;
left: 0;
z-index: 100;
text-align: left;
}

#facebox .popup {
position: relative;
}

#facebox table {
margin: auto;
border-collapse: collapse;
}

#facebox .body {
padding: 10px;
background: #fff;
width: 370px;
}

#facebox .loading {
text-align: center;
}

#facebox .image {
text-align: center;
}

#facebox img {
border: 0;
}

#facebox .footer {
border-top: 1px solid #DDDDDD;
padding-top: 5px;
margin-top: 10px;
text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
height: 10px;
width: 10px;
overflow: hidden;
padding: 0;
}

]]></b:skin>




<script src='http://www.hotlinkfiles.com/files/2642980_ren8i/jquery.js' type='text/javascript'/>
<script src='http://www.hotlinkfiles.com/files/2644259_k5ca6/facebox.js' type='text/javascript'/>
<script type='text/javascript'>
    jQuery(document).ready(function($) {
      $('a[rel*=facebox]').facebox()
    })
</script>

<script type='text/javascript'><![CDATA[//><!]]></script>

</head>

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

    <div id='header'>
      <div id='menu'>
        <ul id='pagemenu'>
          <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
          <li class='page_item'><a href='#' title=''>edit</a></li>
          <li class='page_item'><a href='#' title=''>edit</a></li>
        </ul>
        <div id='more'>
          <ul id='moremenu'>
            <li>
            <a href='#'>Feed</a>
            <ul id='feedmenu'>
              <li><a href='/feeds/posts/default'>Latest posts</a></li>
              <li><a href='/feeds/comments/default'>Latest comments</a></li>
            </ul>
            </li>
            <li>
            <a href='http://www.blogger.com'> Login</a>
            </li>
          </ul>
          <form action='/search' id='search' method='get'>
          <input id='search-text' name='q' onfocus='this.value=""' type='text' value='Search'/>
          <input alt='Search' id='search-submit' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaGq5_dpL9FxaPD5om-2k0qPU6UFD4lJwWJ1WGFU9lK_5KPBlaB5vyk86UW4taOncMsmX7UoizyzM8GX5vZ7Td1u8AFMhM6qPQjfpll4Kvfc1tdsIEvofrYcGp6-cvasglybJZ302Bkwxn/s1600/search.gif' type='image'/>
          </form>
        </div>
      </div>
    </div> 

    <div id='container'>

      <div id='sidebar'>
        <b:section id='sidebr' preferred='yes'>
<b:widget id='Label1' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
    <h2><data:title/></h2>
</b:if>
<div class='widget-content'>
    <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' expr:title='"View all posts filed under " + data:label.name'>
            <data:label.name/>
          </a>
        </b:if>
        <span dir='ltr'>(<data:label.count/>)</span>
      </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='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +       "&dir=close&toggle=" + data:interval.toggleId +       "&toggleopen=" + data:toggleopen'>
        <span class='zippy toggle-open'>▼ </span>
    </a>
<b:else/>
    <a class='toggle' expr:href='data:widget.actionUrl + "&action=toggle" +         "&dir=open&toggle=" + data:interval.toggleId +         "&toggleopen=" + data:toggleopen'>
          <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='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
      <ul>
        <li expr:class='"archivedate " + data:i.expclass'>
          <b:include data='i' name='toggle'/>
          <a class='post-count-link' expr:href='data:i.url' expr:title='data:i.name'><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='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='flat' var='data'>
<ul>
    <b:loop values='data:data' var='i'>
      <li class='archivedate'>
        <a expr:href='data:i.url' expr:title='data:i.name'><data:i.name/></a> (<data:i.post-count/>)
      </li>
    </b:loop>
</ul>
</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' expr:title='data:i.title'><data:i.title/></a></li>
    </b:loop>
</ul>
</b:includable>
<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: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:section>
      </div> 

      <div id='content'>
        <div id='title'>
        <b:section class='titlelogo' id='titlelogo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Facebook Template 3 Column (Header)' type='Header'>
<b:includable id='title'>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:includable>
<b:includable id='description'>
<div id='desc'><data:description/></div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == "REPLACE"'>
      
      <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>
      </div>
    <b:else/>
      
      <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); "                      + "background-position: "                      + data:backgroundPositionStyleStr + "; "                      + data:widthStyleStr                      + "min-height: " + data:height + "px;"                      + "_height: " + data:height + "px;"                      + "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'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
        <b:include name='description'/>
      </div>
    </div>
</b:if>
</b:includable>
</b:widget>
</b:section>
    </div> 

        <div id='categories'>
          <ul>
          <li class='current-cat'><a expr:href='data:blog.homepageUrl'>All</a></li>
          <li class='cat-item'><a href='/search/label/Category 1' title='View all posts filed under Category 1'>Category 1</a></li>
          <li class='cat-item'><a href='/search/label/Category 2' title='View all posts filed under Category 2'>Category 2</a></li>
          <li id='liplus'>
          <a class='none' href='#' id='plus' onclick='showbox(this)' title='More categories..'/>
          <div id='hiddencats' style='display: none;'>
          <div id='hiddenleft'> </div>
          <div id='hiddenright'>
          <b:section id='catright' preferred='yes'>
<b:widget id='Label2' locked='false' title='Categories' type='Label'>
<b:includable id='main'>
<div class='widget-content'>
    <ul>
    <li class='browsecat'>Browse more categories</li>
    <b:loop values='data:labels' var='label'>
      <li class='cat-item'>
        <a expr:dir='data:blog.languageDirection' expr:href='data:label.url' expr:title='"View all posts filed under " + data:label.name'>
          <data:label.name/>
        </a>
      </li>
    </b:loop>
    </ul>
</div>
</b:includable>
</b:widget>
</b:section>
          </div>
          </div>
          </li>
          </ul>
        </div> 

      <div id='main-wrapper'>
        <b:section class='main' id='main' showaddelement='yes'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
<b:includable id='nextprev'>
<div class='navigation'>
    <b:if cond='data:newerPageUrl'>
      <div class='prev'>
      <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>Show Newer Posts..</a>
      </div>
    </b:if>

    <b:if cond='data:olderPageUrl'>
      <div class='next'>
      <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>Show Older Posts..</a>
      </div>
    </b:if>

</div>
<div class='clear'/>
</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'>
    <div class='post-gravatar'>
    <img alt='gravatar' class='avatar' height='50' src='http://174.132.149.5/~tmwwtw/smellslikefacebook/img/avatar.gif' width='50'/>
    </div>
    <div class='post-text'>
    <a expr:name='data:post.id'/>
    <b:if cond='data:post.title'>
      <h2 class='title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link' rel='bookmark'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url' rel='bookmark'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h2>
    </b:if>

    <div class='post-header-line-1'/>

    <div class='post-body entry-content'>
      <p><data:post.body/></p>
      <div style='clear: both;'/> 
    </div>

    <div class='post-footer'>
       <b:if cond='data:blog.pageType != "item"'>
       <div class='meta'>
        <b:if cond='data:post.dateHeader'>
         <data:post.dateHeader/>
        </b:if>
        <b:if cond='data:top.showTimestamp'>
          at <data:post.timestamp/>
        </b:if>
        <b:if cond='data:post.allowComments'>
         - <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' expr:title='"Comment on " + data:post.title'><b:if cond='data:post.numComments == 1'>1 Comment<b:else/><data:post.numComments/> Comments</b:if></a>
        </b:if>
        
        <b:include data='post' name='postQuickEdit'/>
      </div>
      </b:if>
        <span class='reaction-buttons'>
        <b:if cond='data:top.showReactions'>
          <table border='0' cellpadding='0' cellspacing='0' width='100%'><tr>
            <td class='reactions-label-cell' nowrap='nowrap' valign='top' width='1%'>
              <span class='reactions-label'>
              <data:top.reactionsLabel/></span> </td>
            <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
           </tr></table>
        </b:if>
      </span>

      <span class='star-ratings'>
        <b:if cond='data:top.showStars'>
           <div expr:g:background-color='data:backgroundColor' expr:g:text-color='data:textColor' expr:g:url='data:post.absoluteUrl' g:height='42' g:type='RatingPanel' g:width='280'/>
        </b:if>
      </span>

        <b:if cond='data:blog.pageType == "item"'>
        <b:if cond='data:post.labels'>
          <div class='post-cat'>
          Category:
          <b:loop values='data:post.labels' var='label'>
            <a expr:href='data:label.url' expr:title='"View all posts in " + data:label.name' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
          </b:loop>
          </div>
        </b:if>
        <div class='post-meta'>
          <b:if cond='data:post.dateHeader'>
            <data:post.dateHeader/>
          </b:if>
          <b:if cond='data:top.showTimestamp'>
            at <data:post.timestamp/>
          </b:if>
        </div>
        </b:if>

       <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://www.blogger.com/img/icon18_email.gif' width='18'/>
          </a>
          </span>
        </b:if>
       </span>

       <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>
</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='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='status-message'>
<b:if cond='data:navMessage != data:label.name'>
<h2 class='archive'><data:navMessage/></h2>
<b:else/>
<b:if cond='data:blog.url != data:blog.homepageUrl'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:navMessage == data:i.name'>
<h2 class='archive'>Archives</h2>
</b:if>
</b:if>
</b:if>
</b:if>
<div style='clear: both;'/>
</b:includable>
<b:includable id='comment-form' var='post'>
<span id='respond'/>
    <div class='index-comment' id='comment_form'>
    <a name='respond'/>
    <p><data:blogCommentMessage/></p>
    <data:blogTeamBlogMessage/>
    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
    <iframe allowtransparency='true' class='blogger-iframe-colorize' frameborder='0' height='275' id='comment-editor' scrolling='no' src='' width='100%'/>
    <data:post.iframeColorizer/>
</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='http://www.blogger.com/img/icon_delete13.gif'/>
    </a>
</span>
</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='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://www.blogger.com/img/icon18_edit_allbkg.gif' width='18'/>
      </a>
    </span>
</b:if>
</b:includable>
<b:includable id='comments' var='post'>
<span id='comments'/>
<div id='comments'>
    <a name='comments'/>
      <b:if cond='data:post.allowComments'>

      <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:loop values='data:post.comments' var='comment'>
        <div class='index-comment'>
          <div class='ic-avatar'>
          <b:if cond='data:comment.author == data:post.author'>
            <img alt='gravatar' class='avatar' height='37' src='http://174.132.149.5/~tmwwtw/smellslikefacebook/img/avatar.gif' width='37'/>
            <b:else/>
            <img alt='gravatar' class='avatar' height='37' src='http://www.gravatar.com/avatar/ad516503a11cd5ca435acc9bb6523536?s=60' width='37'/>
          </b:if>
          </div>
          <div class='ic-text'>
            <div expr:class='"ic-meta " + data:comment.authorClass' expr:id='data:comment.anchorName'>
            <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> at
            <a expr:href='data:comment.url' title='comment permalink'>
             <data:comment.timestamp/>
            </a>
            <b:include data='comment' name='commentDeleteIcon'/>
            </div>
            <div>
            <b:if cond='data:comment.isDeleted'>
              <span class='deleted-comment'><data:comment.body/></span>
            <b:else/>
              <p><data:comment.body/></p>
            </b:if>
            </div>
          </div>
          </div>
      </b:loop>

      <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:includable id='main' var='top'>

<div class='blog-posts hfeed'>

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

    <data:adStart/>
    <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:if cond='data:post.trackLatency'>
        <data:post.latencyJs/>
      </b:if>
    </b:loop>
    <data:adEnd/>
</div>

<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:navMessage == data:label.name'>

<b:include name='nextprev'/>
</b:if>
</b:if>

<b:if cond='data:top.showStars'>
    <script src='http://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:widget>
</b:section>
      </div>
      </div> 

      <div id='sidebar2'>
        <b:section id='sidebr2' preferred='yes'>
<b:widget id='Followers99' locked='false' title='Pengikut' 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>
      </div> 

      </div> 

    <div id='footer'>
<div id='dockbottoms'>
                <div class='dockbottoms-2 clearfix' id='dockbottoms-inner'>
                   <div class='column' id='dockbottom-middle'>
                       <div class='block block-system region-odd odd region-count-1 count-9' id='block-system-0'>
                           <div class='block-inner'>
                              <div class='content'>
                               <div id='chat-wrapper2'>
                                   <div id='menubot' style='display: none;'>
                                       <h2 class='menutitle' onclick='showbox3(this)'>My Link</h2>
                                       <ul>
                                       <li><a href='#'>Edit</a></li>
                                       <li><a href='#'>Edit</a></li>
                                       <li><a href='#'>Edit</a></li>
                                       <li><a href='#'>Edit</a></li>
                                       <li><a href='#'>Edit</a></li>

                                       </ul>
                                   </div>

                               </div>
                               <ul>
                                   <li><a class='slider2 toggleup2' onclick='showbox3(this)'>My Link</a></li>
                                   <li><a expr:href='data:blog.homepageUrl'>Home</a></li>
                                   <li><a href='#'>Edit</a></li>
                                   <li><a href='#'>Edit</a></li>
                                   <li><a href='#'>Top</a></li>
                               </ul>
                              </div>
                           </div>
                       </div> 
                   </div>
                   <div class='column' id='dockbottom-last'>
                       <div class='block block-block region-odd even region-count-1 count-10' id='block-block-1'>
                           <div class='block-inner'>
                               <div class='content'>
                                   <div id='chat-wrapper'>
                                       <div id='chat' style='display: none;'>

                                           <b:section class='dockcontent' id='dockcontent' maxwidgets='1' showaddelement='no'>
                                               <b:widget id='HTML99' locked='true' title='Dock Content put in here' type='HTML'>
                                                   <b:includable id='main'>
                                                       <b:if cond='data:title'>
                                                           <h2 class='menutitle' onclick='showbox2(this)'><data:title/></h2>
                                                       </b:if>

                                                       <div class='widget-content'>
                                                           <data:content/>
                                                       </div>
                                                   </b:includable>
                                               </b:widget>

                                           </b:section>

                                       </div>
                                       <div class='slider'>
                                           <a class='toggleup1' onclick='showbox2(this)'>Dock Content</a>
                                       </div>
                                   </div>
                               </div>
                           </div>
                       </div> 
                   </div>
              </div>
          </div>
        <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> powered by
        <a href='http://www.blogger.com' rel='generator'>Blogger</a> |
        <a href='http://nazieb.com/456/smells-like-facebook'>Smells like Facebook</a> theme by
        <a href='http://nazieb.com' rel='generator'>Ainun Nazieb</a> |
        Converted by <a href='http://www.wordpresstoblogger.com'>Wordpress To Blogger</a> for <a href='http://wpbloggerthemes.blogspot.com'>WP Blogger Themes</a> | Modified by <a href='http://www.abu-farhan.com/' title='Abu Farhan'>Abu Farhan</a>
    </div>
<br>
<br>

</div> 

</body>
</html>

SELAMAT MENCOBA SEMOGA BERHASIL

boyvirgojogja@production

Template facabook untuk blogger

customer service

Entri Populer