rozak: FREE TEMPLATE BLOGSPOT DAN WORDPRESS-3

Jumpa lagi dengan abdur,

kesempatan ini abdur siapkan desain blog yang cukup menarik dan cantik,desain ini abdur beri nama Blukolado sebab warna biru pudar menjadi latar desain ini.Kita lihat saja dulu contohnya.

Model ini terdiri dari dua coloums yaitu satu coloum mainwrapper dan satu lagi coloum sidebar.Bentuknya unik sebab coloum sidebar menembus hingga bagian kepala template.Satu lagi bagian footer blog yang terpisah dari badan blog membuat tampilan blog lebih elegant ditambah empat bagian widget sejajar yang bisa ditambah jumlahnya.Langsung saja pada cara menerapkan desain ini,pertama setelah berada dasbor masuklah pada Rancangan kemudian klik edit HTML.Kosongkan tab edit HTML tersebut kemudian ganti dengan kode dibawah ini,oh ya jangan sapai tertinggal satu hurufpun nanti bisa rusak bentuk desainya.

<?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'/>
<b:if cond='data:blog.pageName == ""'>
<title><data:blog.title/></title>
<b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title>
</b:if>
<b:skin><![CDATA[/*
-----------------------------------------------
Blogger Template Style
Name: Blukolado
Author: Abdur
URL: www.abdur-rozak.co.cc
Date: June 2011
----------------------------------------------- */

#navbar-iframe {display:none;}
body {background: #324356 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fLga7O59l5j4Tdpa2kcgIsU3NUIOC_5nx5YwVmqniCBfvnMmBDAfDvKzsaxu4JydBce408t-MleykjfKTn2GHQEg3QNfgml8ec7haL9WizL18gjoFZnTkr83f_xuJ_dAcAbA9P9yG53l/s1600/background.gif') repeat !important; font-family: 'Trebuchet MS', Helvetica, sans-serif}
body p {padding-bottom: 20px; line-height: 1.8em;}
img{border:0;max-width:100%}
a{outline:0;}

/* Whole structure */
#container {margin: 0px auto; width: 960px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSCrOR8NQ2FkNQFUT5q6ckIU9EX0BdTyHhFBj2jGal3UARYd9hgsfoH9eZr3W9eEp6gSnnZ07_dSl1v8jOB6VTcpi-3KXXMPkv4P2jh8xtQmcgb9njc4kWDimjwOS37Yo_noBO10tsvnWn/s1600/main_bg.gif') repeat-y top center;}
#header-wrapper {width: 650px; height: 200px; float: left; text-align: center; color: #9a9a9a; background: #324356 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fLga7O59l5j4Tdpa2kcgIsU3NUIOC_5nx5YwVmqniCBfvnMmBDAfDvKzsaxu4JydBce408t-MleykjfKTn2GHQEg3QNfgml8ec7haL9WizL18gjoFZnTkr83f_xuJ_dAcAbA9P9yG53l/s1600/background.gif') repeat;}
#content {float: left; width: 650px; font-size: 80%;}
#aside {float: right; width: 310px; font-size: 80%;}
#footer {clear: both; overflow: hidden; font-size: 80%; overflow: hidden; padding: 10px 0px; background: #324356 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fLga7O59l5j4Tdpa2kcgIsU3NUIOC_5nx5YwVmqniCBfvnMmBDAfDvKzsaxu4JydBce408t-MleykjfKTn2GHQEg3QNfgml8ec7haL9WizL18gjoFZnTkr83f_xuJ_dAcAbA9P9yG53l/s1600/background.gif') repeat;}

/* Header styling */
#header-wrapper #header {padding-top: 40px;}
#header h1 {font-size: 250%; letter-spacing: -1px; font-weight: normal; color: #fff; padding: 10px 0px;}
#header a:link, #header a:visited, #header a:hover {color: #fff;}

/* Top Navigation */
#top-menu {height: 30px; z-index: 100; clear: both; font-size: 80%; width: 640px; float: left;}
#top-menu li {float: left; position: relative;}
#top-menu ul {display: none; position: absolute; z-index: 120; width: 200px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6Y965xC8mu9IRVTca1mIEVDz37ZsXShyphenhyphenLqSS7ysbMLTSJj8hOTskE53MCwx4T541_hE01IqrYB15qXrFJ_4p1D3UO_4WCHIjEZGm562rvBoZ4LbqiSlLqlAzPiPiYbTiRBGQds2U55Cmu/s1600/navi_bg.gif') repeat;}
#top-menu ul li {clear: both; display: block;}

/* Overall body styling */
#content .post {padding: 30px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJcqlC2hsQulxhk1ywx8CyLKyk1ZaudfXs-FrJC3_IoMrWOJ7BpI2ppX1v64_IbC0TTiR-YoijyimnklFy-mUOHXixaVsUzPubEIBDn0EV20uOzDTkMtKTwfIpbbVr4-DpglzLPezJK1TA/s1600/post_bg.jpg') no-repeat top center;}
#content .post h2, #content .post h3 {font-size: 130%; color: #444; padding-bottom: 10px; text-shadow: #fff 1px 1px;}
#content .post h4, #content .post h5, #content .post h6 {font-size: 130%; color: #666; padding-bottom: 10px; text-shadow: #fff 1px 1px;}
#content .post blockquote {margin-bottom: 20px; padding: 0px 20px 20px 20px; font-style: italic; color: #888; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4UmeXVeUh-ZFITLdowC3nw3UohmZw3hM07VP2b5n9LECP4RlJZM3s21asK8MvzI0epSLa4fdBsechKudEwDnvMHNRZaS18qBgAYqUr-aYxPHXPiGSQxKuNnI5qriOM4eEE4zo6RkQxNGv/s400/post_quote.gif') no-repeat left top;}
#content .post blockquote p {padding: 0px;}
#content .post ul {padding: 0px 20px 18px 20px; list-style: circle;}
#content .post ol {padding: 0px 20px 18px 20px; list-style: decimal;}
#content .post li {padding: 3px 0px; line-height: 1.5em;}
#content .post .postmetadata {clear: both; font-style: italic; font-size: 90%;}
.post-footer {clear: both; overflow: hidden; padding: 10px; background: #fff; border: 3px solid #ccc; line-height: 1.5em;margin-top:10px;}

/* Container/ Entry styling */
#content .post-meta {font-size: 90%; width: 100px; height: 200px; float: left; line-height: 1.5em;}
#content .post-title {padding-bottom: 10px;font-size: 150%; text-shadow: #fff 1px 1px;}
#content .post-date {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiFiS4dcQnwL2y7s439vnIRkvSR8NO2IdHNwSwQ-Qz3fcTC1271vtvAB0O3x8WcEqqD0QnGuUf6NmnJBCbejMNwnON-LZ_11zxOS65_5FrdtszeFeyd82Z7MmH7M28tGlAYSOUQuHgnCYc_/s400/post_date.gif') no-repeat left center; padding: 5px 0px 5px 20px; clear: both; text-shadow: #fff 1px 1px; color: #555;}
#content .post-category {background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIvXXw-1yt_hZIAbFWAy3U_Fai_mrY7P223CfTVkKQlMOB6Ok59feThwk_XvapgDoy1rt-gFZlbNsQzYelvJsk4r0-LKAwSHzuNfj5Jd5lFXIjdWCPUK8ytGrpQDSjAWUGpXk7mok6b-ow/s400/post_category.gif') no-repeat left center; padding: 5px 0px 5px 20px; clear: both;}

/* Sidebar styling */
.sidebar h2 {background: #cccfd4 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmwxguvixvpKqQXwaBVwtBzQJ0puwK602upwH7l3hf-h6yN7rAMC78qXn6rmHP73EfZjp4vglZzdviuMjgqHpARzwr0V5XYSEx7MVozc4LWTDtYm8GlWort3_8_Ot9Y9rpaNUPb9E3eyt2/s400/sidetitle_bg.gif') no-repeat left center; padding: 10px 10px 10px 45px; font-size: 130%; font-weight: normal; color: #696969; text-shadow: #fff 1px 1px; margin-right: -35px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.sidebar ul {clear: both; padding: 0px 10px;}
.sidebar ul li {padding: 10px 0px; border-bottom: 1px solid #f1f1f1;}
.sidebar .widget, #aside .sidebox {padding: 20px; clear: both; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1sY9exIbLSoAGz9oWz5QdN3pOtzJrJ9aUC5jEYsxtvRav9Gy4Gqy0jWz3-B68-THHx_X1-kBUC6IiassKSkr_xuttsT_n2leOvCRrXCgUUzM-EYXIyjNBD3J68QTE_227ZOvxmdLuwAQk/s1600/sidebox_bg.gif') no-repeat bottom center;}
#aside .sidebox .searchform {width: 270px;}
#aside .sidebox .searchtext {width: 218px; padding: 10px 40px 10px 10px; border: 1px solid #dbdbdb; background: #fff url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJiBrnKAhL3fR0thZ2s9-zFrKoGzFLghBQnDFFGme1yoI1MRAv4jKpjIHTl8Zcjqstqc8bKXLzybxu3ycNLqCR-LDfJ8gVEJqFUJfC-TDIKgDquwXhmDbkLZIoNpaDC-i4_T5fl1Qn1KKQ/s400/search.gif') no-repeat right center; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#aside .sidebox .side-rss {display: block; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLKI9YMDX4p9ZpdLSL3nnpumlfkn9TL3AGowEfnNeYLiqx3geCC5SwMyzSemKM_7q-TzkySzMoqooQ8imCkta3zrk9nkTPYvuRAdeDkWOxXItMYvGScv9rqv2jFPJqBZJmbry_nfN32zQ8/s400/rss.gif') no-repeat left center; padding: 15px 0px 15px 50px; font-size: 150%; clear: both;}
#aside .sidebox .side-twitter {display: block; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1-lHTlKbcs9jEnYUQRUjH4o4HFQZfygYt-Ht-7owwC_oVl9dsqDCPh-C6J98JtXK1uvxaEt-Z14oU7oGIG5dS6Qakd_Q4FXxM9bU8a2HHNZt5p8IzWZeausXrH9cUlLG5Nef7yIDIog-z/s400/twitter.gif') no-repeat left center; padding: 15px 0px 15px 50px; font-size: 150%; clear: both;}

/* Footer styling */
#footer .footer-inner {overflow: hidden; padding: 20px 0px; background: #e6e6e6 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYKNT_H6mTvooS-lq0QlLWDqy05-5TTNw_hSjyjxWsWDi6SiHMwxZQv5wl_5MaMxO1sOhOSyG0cE3D9slUjy_DRCoajyUI7i-T1i3YSEhthGn_3kS34D5CracIxhzfVMjaEm8sNTpOtJOW/s1600/footer_inner_bg.gif') repeat-y top center;}
#footer .footer-block {float: left; display: block; width: 210px; padding: 0px 15px;}
#footer .footer-block h2 {background: #cccfd4 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmwxguvixvpKqQXwaBVwtBzQJ0puwK602upwH7l3hf-h6yN7rAMC78qXn6rmHP73EfZjp4vglZzdviuMjgqHpARzwr0V5XYSEx7MVozc4LWTDtYm8GlWort3_8_Ot9Y9rpaNUPb9E3eyt2/s400/sidetitle_bg.gif') no-repeat left center; padding: 10px 10px 10px 45px; font-size: 130%; font-weight: normal; color: #696969; text-shadow: #fff 1px 1px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
#footer .footer-block li {padding: 8px 0px; border-bottom:1px solid #F1F1F1;}
p.footer-copy {clear: both; text-align: center; font-size: 90%; overflow: hidden; background: #324356 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9fLga7O59l5j4Tdpa2kcgIsU3NUIOC_5nx5YwVmqniCBfvnMmBDAfDvKzsaxu4JydBce408t-MleykjfKTn2GHQEg3QNfgml8ec7haL9WizL18gjoFZnTkr83f_xuJ_dAcAbA9P9yG53l/s1600/background.gif') repeat; color: #5e7c9d;}

/* Comments
----------------------------------------------- */
#comments{padding:15px 20px 0 20px;}
#comments h4 {
color:$titlecolor;
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
font-size:20px;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#fff none repeat scroll 0 0;
margin:0.5em 0;
padding-bottom:4px;
padding-left:8px;
padding-top:4px;
}
#comments-block .comment-body {
border-left:1px solid #fff;
border-right:1px solid #fff;
margin-top:-8px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #fff;
border-left:1px solid #fff;
border-right:1px solid #fff;
font-size:11px;
line-height:1.4em;
margin:-0.25em 0 2em;
padding-bottom:5px;
padding-left:10px;
text-transform:none;
}
#comments-block .comment-body p {
margin:0;
padding-bottom:15px;
}
#blog-pager {padding:15px;}

/* Link Styling */
a {color: #5e7c9d;}
a:active {color: #000;}
a:hover {color: #f90;}
#top-menu li a {display: block; padding: 7px 10px; text-shadow: #111 1px 1px;}
#content .post-buttons a {color: #666; text-shadow: #fff 1px 1px;}
p.footer-copy a {color: #5e7c9d; text-decoration: none;}
/* IE6 Fix */
*html #content, *html #aside { display:inline;}

/* v1.0 | 20080212 */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset,
form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;
}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins,a {text-decoration: none;}
del {text-decoration: line-through;}
table { border-collapse: collapse; border-spacing: 0;}
]]></b:skin>
</head>

<body>

<div id='container'>

<div id='header-wrapper'>

<ul id='top-menu'>
<li><a href='/'>Home</a></li>
<li><a href='#' title='About'>About</a></li>
<li><a href='#' title='Contact'>Contact</a></li>
</ul>

<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ABDUR DESIGN (Header)' type='Header'>
<b:includable id='title'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<data:title/>
<b:else/>
<a expr:href='data:blog.homepageUrl'><data:title/></a>
</b:if>
</b:includable>
<b:includable id='description'>
<div class='descriptionwrapper'>
<p class='description'><span><data:description/></span></p>
</div>
</b:includable>
<b:includable id='main'>

<b:if cond='data:useImage'>
<b:if cond='data:imagePlacement == "BEHIND"'>

<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:else/>

<div id='header-inner'>
<a expr:href='data:blog.homepageUrl' style='display: block'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</a>

<b:if cond='data:imagePlacement == "BEFORE_DESCRIPTION"'>
<b:include name='description'/>
</b:if>
</div>
</b:if>
<b:else/>

<div id='header-inner'>
<div class='titlewrapper'>
<h1 class='title'>
<b:include name='title'/>
</h1>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

</div>

<div id='aside'>

<div class='sidebox'>
<form action='/search' class='searchform' method='get'>
<input class='searchtext' name='q' onblur='if (this.value == "") {this.value = "Type text to search";}' onfocus='if (this.value == "Type text to search") {this.value = "";}' size='15' type='text' value='Type text to search'/>
</form>
</div>

<div class='sidebox'>
<a class='side-rss' href='/feeds/posts/default'>Subscribe to RSS feed</a>
<a class='side-twitter' href='http://www.twitter.com/YOUR-USERNAME-HERE'>Follow me on Twitter</a>
</div>

<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML1' locked='false' title='Bloggroll' type='HTML'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div expr:class='"widget-content " + data:display + "-label-widget-content"'>
<b:if cond='data:display == "list"'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span dir='ltr'>(<data:label.count/>)</span>
</b:if>
</li>
</b:loop>
</ul>
<b:else/>
<b:loop values='data:labels' var='label'>
<span expr:class='"label-size label-size-" + data:label.cssSize'>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<b:if cond='data:showFreqNumbers'>
<span class='label-count' dir='ltr'>(<data:label.count/>)</span>
</b:if>
</span>
</b:loop>
</b:if>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='PageList1' locked='false' title='Pages' type='PageList'>
<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'>
<b:if cond='data:link.isCurrentPage'>
<li class='selected'><a expr:href='data:link.href'><data:link.title/></a></li>
<b:else/>
<li><a expr:href='data:link.href'><data:link.title/></a></li>
</b:if>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='NewsBar1' locked='false' title='asdadsad' type='NewsBar'>
<b:includable id='main'>

<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>

<div class='widget-content'>
<div expr:id='data:widget.instanceId + "_bar"'>
<span class='newsBar-status'>Loading...</span>
</div>
</div>

<b:include name='quickedit'/>
</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='Profile1' locked='false' title='Mengenai Saya' 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'>
<a class='profile-name-link' expr:href='data:userUrl' rel='author'>
<data:displayname/>
</a>
</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' rel='author'><data:viewProfileMsg/></a>
</b:if>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>
<b:includable id='main'>
<b:if cond='data:feedbackSurveyLink'>
<div class='mobile-survey-link' style='text-align: center;'>
<data:feedbackSurveyLink/>
</div>
</b:if>

<div class='widget-content' style='text-align: center;'>
<b:if cond='data:attribution != ""'>
<data:attribution/>
</b:if>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>
<b:widget id='BlogArchive1' locked='false' title='Arsip 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 class='flat'>
<b:loop values='data:data' var='i'>
<li class='archivedate'>
<a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)
</li>
</b:loop>
</ul>
</b:includable>
<b:includable id='menu' var='data'>
<select expr:id='data:widget.instanceId + "_ArchiveMenu"'>
<option value=''><data:title/></option>
<b:loop values='data:data' var='i'>
<option expr:value='data:i.url'><data:i.name/> (<data:i.post-count/>)</option>
</b:loop>
</select>
</b:includable>
<b:includable id='interval' var='intervalData'>
<b:loop values='data:intervalData' var='i'>
<ul class='hierarchy'>
<li expr:class='"archivedate " + data:i.expclass'>
<b:include data='i' name='toggle'/>
<a class='post-count-link' expr:href='data:i.url'><data:i.name/></a>
<span class='post-count' dir='ltr'>(<data:i.post-count/>)</span>
<b:if cond='data:i.data'>
<b:include data='i.data' name='interval'/>
</b:if>
<b:if cond='data:i.posts'>
<b:include data='i.posts' name='posts'/>
</b:if>
</li>
</ul>
</b:loop>
</b:includable>
<b:includable id='toggle' var='interval'>
<b:if cond='data:interval.toggleId'>
<b:if cond='data:interval.expclass == "expanded"'>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy toggle-open'>▼ </span>
</a>
<b:else/>
<a class='toggle' href='javascript:void(0)'>
<span class='zippy'>
<b:if cond='data:blog.languageDirection == "rtl"'>
◄ 
<b:else/>
► 
</b:if>
</span>
</a>
</b:if>
</b:if>
</b:includable>
<b:includable id='posts' var='posts'>
<ul class='posts'>
<b:loop values='data:posts' var='i'>
<li><a expr:href='data:i.url'><data:i.title/></a></li>
</b:loop>
</ul>
</b:includable>
</b:widget>
</b:section>
<center/><a href="http://www.abdur-rozak.co.cc/2011/05/ip-atau-pelacak-komputer.html"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>
<center/><a>Get it</a>
<div id='credits'>

Site Design By:
<br/>
<br/>
<a href='http://www.abdur-rozak.co.cc/2011/05/free-template-blogspot-dan-wordpress.html' title='Get Your Own Blog!'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimvJs7wnZzo46XfIlYHrETmS7G7irELKdTLeTg1a-jIHvOo_7JAQCMlKjcVK7c4cqLa17KVh5LUryNbx087zXto3eOBvH1s03pl4ythKClDVwsuo3d0RMUQvhodtqy9zkLAo3NhdM8wXs/s1600/TRUTORIAL.gif'/></a>
</div>
</div>

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

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

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:post.sharePostUrl'>
<a class='share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.emailThisMsg/></span></a>
<a class='share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'>
<span class='share-button-link-text'><data:top.blogThisMsg/></span></a>
<a class='share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a>
<a class='share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a>
<a class='share-button sb-buzz' expr:href='data:post.sharePostUrl + "&target=buzz"' expr:onclick='"window.open(this.href, \"_blank\", \"height=415,width=690\"); return false;"' expr:title='data:top.shareToBuzzMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToBuzzMsg/></span></a>
</b:if>
</b:includable>
<b:includable id='backlinks' var='post'>
<a name='links'/><h4><data:post.backlinksLabel/></h4>
<b:if cond='data:post.numBacklinks != 0'>
<dl class='comments-block' id='comments-block'>
<b:loop values='data:post.backlinks' var='backlink'>
<div class='collapsed-backlink backlink-control'>
<dt class='comment-title'>
<span class='backlink-toggle-zippy'> </span>
<a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
<b:include data='backlink' name='backlinkDeleteIcon'/>
</dt>
<dd class='comment-body collapseable'>
<data:backlink.snippet/>
</dd>
<dd class='comment-footer collapseable'>
<span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
<span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
</dd>
</div>
</b:loop>
</dl>
</b:if>
<p class='comment-footer'>
<a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
</p>
</b:includable>
<b:includable id='post' var='post'>
<div class='post hentry uncustomized-post-template'>

<div class='post-meta'>
<div class='post-date'><data:post.dateHeader/></div>
<div class='post-category'><b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if></div>
</div>

<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<div class='post-title'><h1>
<b:if cond='data:post.link'>
<a expr:href='data:post.link'><data:post.title/></a>
<b:else/>
<b:if cond='data:post.url'>
<a expr:href='data:post.url'><data:post.title/></a>
<b:else/>
<data:post.title/>
</b:if>
</b:if>
</h1></div>
</b:if>

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

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

<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>

<span class='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>

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.allowComments'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</span>


<span class='post-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

<span class='post-icons'>

<b:if cond='data:post.emailPostUrl'>
<span class='item-action'>
<a expr:href='data:post.emailPostUrl' expr:title='data:top.emailPostMsg'>
<img alt='' class='icon-action' height='13' src='http://www.blogger.com/img/icon18_email.gif' width='18'/>
</a>
</span>
</b:if>


<b:include data='post' name='postQuickEdit'/>
</span> <div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div> </div>

<div class='post-footer-line post-footer-line-2'>
<span class='post-labels'>
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
</span>
</div>

<div class='post-footer-line post-footer-line-3'>
<span class='post-location'>
<b:if cond='data:top.showLocation'>
<b:if cond='data:post.location'>
<data:postLocationLabel/>
<a expr:href='data:post.location.mapsUrl' target='_blank'><data:post.location.name/></a>
</b:if>
</b:if>
</span>
</div>
</div>
</div>
</b:includable>
<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
<b:includable id='comment-form' var='post'>
<div class='comment-form'>
<a name='comment-form'/>
<h4 id='comment-post-message'><data:postCommentMsg/></h4>
<p><data:blogCommentMessage/></p>
<data:blogTeamBlogMessage/>
<a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
<iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<b:if cond='data:showCmtPopup'>
<div id='comment-popup' style='border:red 1px solid;width:100px;height:100px;'/>
</b:if>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</div>
</b:includable>
<b:includable id='backlinkDeleteIcon' var='backlink'>
<span expr:class='"item-control " + data:backlink.adminClass'>
<a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='mobile-nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<div class='mobile-link-button' id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
</div>
</b:if>

<b:if cond='data:olderPageUrl'>
<div class='mobile-link-button' id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
</div>
</b:if>

<div class='mobile-link-button' id='blog-pager-home-link'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</div>

<div class='mobile-desktop-link'>
<a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
</div>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='postQuickEdit' var='post'>
<b:if cond='data:post.editUrl'>
<span expr:class='"item-control " + data:post.adminClass'>
<a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
<img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
</a>
</span>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

<div class='blog-posts hfeed'>

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

<data:defaultAdStart/>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.isDateStart'>
<b:if cond='data:post.isFirstPost == "false"'>
</div></div>
</b:if>
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-outer">
</b:if>
<b:if cond='data:post.isDateStart'>
<div class="date-posts">
</b:if>
<div class='post-outer'>
<b:include data='post' name='post'/>
<b:if cond='data:blog.pageType == "static_page"'>
<b:include data='post' name='comments'/>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
</div>
<b:if cond='data:post.includeAd'>
<b:if cond='data:post.isFirstPost'>
<data:defaultAdEnd/>
<b:else/>
<data:adEnd/>
</b:if>
<div class='inline-ad'>
<data:adCode/>
</div>
<data:adStart/>
</b:if>
<b:if cond='data:post.trackLatency'>
<data:post.latencyJs/>
</b:if>
</b:loop>
<b:if cond='data:numPosts != 0'>
</div></div>
</b:if>
<data:adEnd/>
</div>


<b:include name='nextprev'/>



<b: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:includable id='commentDeleteIcon' var='comment'>
<span expr:class='"item-control " + data:comment.adminClass'>
<a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='//www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='comment-form-js' var='post'>
<data:post.friendConnectJs/>
<data:post.cmtfpIframe/>
<script type='text/javascript'>
BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
</script>
</b:includable>
<b:includable id='mobile-index-post' var='post'>
<b:if cond='data:post.dateHeader'>
<div class='mobile-index-date'>
<div class='date-header'>
<span><data:post.dateHeader/></span>
</div>
</div>
</b:if>

<div class='mobile-post-outer'>
<a expr:href='data:post.url'>
<div class='mobile-index-title-outer'>
<h3 class='mobile-index-title entry-title'>
<data:post.title/>
</h3>
</div>

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

<div class='mobile-index-contents'>
<b:if cond='data:post.thumbnailUrl'>
<div class='mobile-index-thumbnail'>
<div class='Image'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</div>
</b:if>

<div class='post-body'>
<b:if cond='data:post.snippet'><data:post.snippet/></b:if>
</div>
</div>
<div style='clear: both;'/>
</div>
</a>

<div class='mobile-index-comment'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.numComments != 0'>
<a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
</b:if>
</b:if>
</b:if>
</b:if>
</div>
</div>
</b:includable>
<b:includable id='feedLinksBody' var='links'>
<div class='feed-links'>
<data:feedLinksMsg/>
<b:loop values='data:links' var='f'>
<a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
</b:loop>
</div>
</b:includable>
<b:includable id='comments' var='post'>
<div class='comments' id='comments'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h4>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h4>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
 
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
</span>
</b:if>

<div expr:class='data:post.postAuthorClass' expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<b:if cond='data:comment.favicon'>
<img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
</b:if>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>
<dd expr:class='"comment-body " + data:comment.commentAuthorClass' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
<span class='interaction-iframe-guide'/>
</p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>
</div>

<b:if cond='data:post.commentPagingRequired'>
<span class='paging-control-container'>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
<data:post.oldestLinkText/>
</a>
<a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
<data:post.olderLinkText/>
</a>
 
<data:post.commentRangeText/>
 
<a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
<data:post.newerLinkText/>
</a>
<a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
<data:post.newestLinkText/>
</a>
</span>
</b:if>

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:if cond='data:post.allowNewComments'>
<b:include data='post' name='comment-form'/>
<b:else/>
<data:post.noNewCommentsText/>
</b:if>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>

</p>
</b:if>

<div id='backlinks-container'>
<div expr:id='data:widget.instanceId + "_backlinks-container"'>
<b:if cond='data:post.showBacklinks'>
<b:include data='post' name='backlinks'/>
</b:if>
</div>
</div>
</div>
</b:includable>
</b:widget>
</b:section>
</div>

<div id='footer'>

<div class='footer-inner'>

<div class='footer-block'>
<b:section class='lowerbar' id='lowerbar1' preferred='yes'/>
</div>

<div class='footer-block'>
<b:section class='lowerbar' id='lowerbar2' preferred='yes'/>
</div>

<div class='footer-block'>
<b:section class='lowerbar' id='lowerbar3' preferred='yes'/>
</div>

<div class='footer-block'>
<b:section class='lowerbar' id='lowerbar4' preferred='yes'/>
</div>

</div>
</div>

<div id='footer'><p class='footer-copy'>Copyright © 2010 <a expr:href='data:blog.title/'><data:blog.title/></a> All rights reserved.
Powered by <a href='http://www.blogger.com'> Blogger </a><a> and </a><a href='http://www.wordpress.com'>Wordpress</a><br/>
<a href='data:blog.title/'><data:blog.title/></a> by <a href='http://www.abdur-rozak.co.cc/2011/05/free-templates-blogspot-dan-wordpress-2.html'>abdur-rozak.co.cc</a>.
<a href='http://www.facebook.com/pages/BLOGS-4YOU/188538721193839'> Facebook fanspage</a> at <a href='http://www.facebook.com/pages/BLOGS-4YOU/188538721193839'> BLOGS 4YOU</a> | <a href='http://www.facebook.com/profile.php?id=100001087736714'> Abdur by fb</a>
</p></div>

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

Setelah dipaste dan dimasukkan di dalam tab edit HTML kemudian SIMPAN TEMPLATE setelah berhasil lihat blog oh ya jangan khawatir,semua data blog yang tadinya ada takkan hilang kok sebab setelah menekan SIMPAN TEMPLATE akan ada pertanyaan untuk menyimpan data data yang terdahulu.Dan jika ada kesulitan boleh kok menghubungi abdur untuk bertanya.Di kotak chat ataupun kotak komentar facebook dibawah ini.

Salam dari abdur....

Lisense

CREATORNETBLOGS

Category List

SHOUTBOX

Label

Sponsor

leave a message here

SIAPA YANG PANTAS DISEBUT TUHAN?

MUSHOLLA TAWAKAL

Popular Post

Pengikut

About Me

Blog Archive

rozak

FREE TEMPLATE BLOGSPOT DAN WORDPRESS-3

Network