FACEBOOK ~ TEMPLATE A

COPY KODE HTML TEMPLATE DIBAWAH INI

<?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>
<title><data:blog.pageTitle/></title>
<b:include data='blog' name='all-head-content'/>
<meta content='Put your blog Description here' name='description'/>
<meta content='Put keywords separated by commas here' name='keywords'/>
<meta content='global' name='distribution'/>
<meta content='10 days' name='revisit'/>
<meta content='10 days' name='revisit-after'/>
<meta content='document' name='resource-type'/>
<meta content='all' name='audience'/>
<meta content='general' name='rating'/>
<meta content='all' name='robots'/>
<meta content='index, follow' name='robots'/>
<meta content='Your Name/Your Company' name='author'/>
<meta content='en' name='language'/>
<meta content='US' name='country'/>
<meta content='blogger' name='generator'/>
<b:skin><![CDATA[/*
Blogger Template Style
Name: Facebook 2.0
Designer: Nazieb
URL: http://bloggertemplateslibrary.blogspot.com/
Date: August 2009
License: This free Blogger template is licensed under the Creative Commons Attribution 3.0 License, which permits both personal and commercial use.
However, to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors. For more specific details about the license, you may visit the URL below:
http://creativecommons.org/licenses/by/3.0/
*/

.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/AVvXsEgtaoZNMTyNqjrwX-7RzJFKvkVoTTuPGx5OWlE1RuL1nNrSO2iBESozWhx8c3YHc9ndAGnQlHdszPcaxnIEpR1yiaYuGKvInze0ZHjWYmbsZy9jkMfWpdJNkaDTUPQndV8w4NalXxft1tvh/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/AVvXsEggWbhEgICUI2qqHsK4USiM6gZCAPqxjmJ8_hG9P555RW_1KN9RZejO6Wk5AVfC7cJbbY2lOqQ7zNfTcmNwxfgDetbuss95qNEwMa5VqhiQ5k53fz-jsVbsBXKO2N1-mbgxhWBt3JuKPYTv/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/AVvXsEhOqMH_IGLnTiHNhTvUuRwU5szpqYOSSx5iaE8RpDH6CfQwo0fx6NmMo9sxBAd3CaSlOtFfTFb0OEgO9DwlSAqu8RAeyPkezeSJd_WpSc9gNOjwVSZoZ1clUkd0Kp9TfY-QpdQDmAzGaK7j/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: 15px;
margin-left:-300px;
}

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

#title h1 a {
color: #000;
}

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

#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/AVvXsEg4z4LoX6MqxcFkxGFhK1mNo-uWRe2TXOwSAalLQ_c_zz7DVkHEkx-8Kcal0Z2fWeasoYnJVLSPEA5mt-RC7-ud7Sz6uVWQbynddTkAd84K-7LhWXzsQoT0zfA-vV7O8JTJDbiuOmNLL_29/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/AVvXsEg4z4LoX6MqxcFkxGFhK1mNo-uWRe2TXOwSAalLQ_c_zz7DVkHEkx-8Kcal0Z2fWeasoYnJVLSPEA5mt-RC7-ud7Sz6uVWQbynddTkAd84K-7LhWXzsQoT0zfA-vV7O8JTJDbiuOmNLL_29/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/AVvXsEg4z4LoX6MqxcFkxGFhK1mNo-uWRe2TXOwSAalLQ_c_zz7DVkHEkx-8Kcal0Z2fWeasoYnJVLSPEA5mt-RC7-ud7Sz6uVWQbynddTkAd84K-7LhWXzsQoT0zfA-vV7O8JTJDbiuOmNLL_29/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: 580px;
}

.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: 301px;
}

.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: right; width: 650px;}

#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:left;
margin-bottom:20px;
margin-top:10px;
padding-top:5px;
text-align:right;
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;
}

]]></b:skin>



<script src='http://174.132.149.5/~tmwwtw/smellslikefacebook/js/script.js' type='text/javascript'/>
</head>

<body>
<div id='wrapper'>

<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/AVvXsEj4TWNJNN9REAlJejGcxQ7MRNpuAWNG8dbje7ylWXCTsT2JVGsaixg5OsVO_DkRf1kLUsm9lH0kOJwQKd9Us72ZcxN1GOdoz1jgeXUFQ6sBJbTE_9T3BTNsyB74_UmrWbe5Op8Ovc5Yu9zW/s1600/search.gif' type='image'/>
</form>
</div>
</div>
</div> 

<div id='container'>
<div id='content'>
<div id='title'>
<b:section class='titlelogo' id='titlelogo' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Facebook 2.0 (cabecera)' 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='Entradas del 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhevDTK3VN1f5qiXrX4wfZh0yrhXSC_3tqKofauQKDuLwkdzZOTGwZpGBW1P818Xv4vgShjUo1MQeTakVVYHWb6t9rTm2Hhv-_zkNHz27u00C4dr6Vzbd2Najcmn06cqgjuTPOP99xODEQ/s1600/avataro.jpg' 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'>


<br/><a class='a2a_dd' href='http://www.addtoany.com/share_save'><img alt='Save/Share/Bookmark' border='0' height='16' src='http://static.addtoany.com/buttons/share_save_171_16.png' width='171'/><p class='a2a_linkname_escape' style='display:none'><data:blog.pageTitle/> - <data:post.title/></p></a><script type='text/javascript'>a2a_linkname_escape=1;a2a_linkurl="<data:post.url/>";</script><script src='http://static.addtoany.com/menu/page.js' type='text/javascript'/>

<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='sidebar'>
<b:section id='sidebr' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' 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>
<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>
<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='Label1' locked='false' title='Etiquetas' 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-" + 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 dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
</div> 

</div> 

<div id='footer'>
<a expr:href='data:blog.homepageUrl'><data:blog.title/></a> powered by
<a href='http://www.blogger.com' rel='generator'>Blogger</a> |
Facebook 2.0 theme by
<a href='http://nazieb.com' rel='generator'>Ainun Nazieb</a> |
Coded and SEO by <a href='http://bloggertemplateslibrary.blogspot.com/' title='Blogger Templates'>Blogger Templates Library</a>
</div>

</div> 
</body>
</html>

Posted in: FACEBOOK

TEMPLATE A

BLOG LAINNYA

MACAM TEMPLATE

Sabtu, 27 Agustus 2011

FACEBOOK

0 komentar:

Posting Komentar