Blog Wong Mojokerto

Berikut ini saya berikan kode XML/XHTML buat merubah tampilan blog pada blogspot yang digunakan pada situs wong mojokerto dan blog wong mojokerto.

Adapun langkah-langkah untuk merubah template pada blogspot adalah sebagai berikut (oh ya, jangan lupa backup dulu existing blog anda untuk hal-hal yang tidak diinginkan karena merubah template akan merubah struktur gadget/widget yang lama) :

# Login ke Blogspot/blogger anda :
# Pilih menu tata letak, kemudian edit html
# Kemudian klik Expand Template Widget
# Hapus semua kode yang ada dan ganti dengan kode berikut :

<?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(http://4.bp.blogspot.com/_66wIGDjagHk/Sew7pZj4c9I/AAAAAAAAAEY/6u42MRpooNg/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(http://4.bp.blogspot.com/_66wIGDjagHk/Sew708XW3gI/AAAAAAAAAEg/xJUVr3f7paM/s1600/quote.png) no-repeat left top;
padding-left: 19px;
color: gray;
}

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

#menu {
background:transparent url(http://2.bp.blogspot.com/_66wIGDjagHk/Sew8ALgPjtI/AAAAAAAAAEo/PgUwWam5V9E/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 a.selected {
background:#fff;
color: #000;
text-decoration: none;
}
#categories .current-cat a {
background: #fff;
color: #000;
}

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

#categories #plus {
background: url(http://3.bp.blogspot.com/_66wIGDjagHk/Sew8MyNZeII/AAAAAAAAAEw/Cbq24t4Rt60/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(http://3.bp.blogspot.com/_66wIGDjagHk/Sew8MyNZeII/AAAAAAAAAEw/Cbq24t4Rt60/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(http://3.bp.blogspot.com/_66wIGDjagHk/Sew8MyNZeII/AAAAAAAAAEw/Cbq24t4Rt60/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;
}

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

}
#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;
}

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

#content {
float: left;
width: 520px;
padding-left:10px;

}

#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='http://2.bp.blogspot.com/_66wIGDjagHk/Sew9HWKe4fI/AAAAAAAAAE4/9CFdhj45QVI/s1600/search.gif' type='image'/>
</form>
</div>
</div>
</div> 
<div id='sidebar'>
<b:section id='sidebr' preferred='yes'>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:team == "true"'> 
<ul>
<b:loop values='data:authors' var='i'>
<li><a expr:href='data:i.userUrl'><data:i.display-name/></a></li>
</b:loop>
</ul>

<b:else/> 

<b:if cond='data:photo.url != ""'>
<a expr:href='data:userUrl'><img class='profile-img' expr:alt='data:photo.alt' expr:height='data:photo.height' expr:src='data:photo.url' expr:width='data:photo.width'/></a>
</b:if>

<dl class='profile-datablock'>
<dt class='profile-data'><data:displayname/></dt>

<b:if cond='data:showlocation == "true"'>
<dd class='profile-data'><data:location/></dd>
</b:if>

<b:if cond='data:aboutme != ""'><dd class='profile-textblock'><data:aboutme/></dd></b:if>
</dl>
<a class='profile-link' expr:href='data:userUrl'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Followers1' 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:widget id='Feed1' locked='false' title='ferie-id.com' 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 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='Smel Like Facebook (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'>Wall</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"'%3

# Simpan template tersebut.

Blog Wong Mojokerto

Template Like Facebook untuk Blogspot

Menampilkan Kontrol Feed Dinamis dengan AJAX API

Menampilkan Ajax API Newsreal

Kategori

Posting Acak

Arsip

Situs Wong Mojokerto

Download Software Gratis

Statistik Pengunjung