rozak: FREE TEMPLATES BLOGSPOT DAN WORDPRESS-2

Selamat pagi akhy,

kembali abdur akan memberikan template desain blog terbaru geratis untuk akhy.Berikut adalah contoh desainya.

Bagus kan....

Cocok bagi akhy yang suka traveling,kelebihan desain ini adalah sudah abdur berikan frame pada judul postingan terlihat kan frame yang berjudul HTML Tags.Untuk mendapatkanya mudah cukup copy kode dibawah ini tanpa tertinggal satu kodepun,kemudian masuk halaman dasbor blog akhy masuk ke Rancangan kemudian klik edit HTML.Disana akhy akan mendapatkan sebuah tab,kosongkan tab itu kemudian paste kode yang telah di copy tadi.

<?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: Brochure Melbourne
Author: Abdur Rozak
Url: www.abdur-rozak.co.cc
Date: Juny 2011
----------------------------------------------- */
#navbar-iframe{display:none;}
body { margin:0;padding:0;
font-size: 12px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color:#4C4C4C;
background:#1A1C18 url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhr_cKvkp6IYeqpR7VkQYNz7sBAHStexl7tlG2D9JMrWL4Xmd4ztl9zzu5mmBRb3-q2mzgPovOJ5nXmpicwk4YJtqqeDhXkU8H-AJ5ICJbrFl_Vp_h_9q2T_nVsyODhLr-AfGMuvKIiOg/s1600/bg_repeat.jpg') repeat-y center top;
}
img {border:0;max-width:100%;}
a { color:#4C4C4C; text-decoration:underline;outline:0;}
a:hover { color:#467295; text-decoration:underline;}

h1 {font-size:30px;}
h2 {font-size:26px;}
h3 {font-size:21px;}
h4 {font-size:17px;}
h5 {font-size:14px;}
h6 {font-size:12px;}

hr { height:1px; border:none; border-top:1px dashed #4C4C4C; width:95%; }
del { color:red; }
ins { color:green; }
code { font:1.1em 'Courier New', Courier, Fixed; }

blockquote {
clear:left;
text-align:justify;
padding:0px 0px 0px 22px;
margin:10px 10px 10px 10px;
border-left:2px solid #467295;
}
input,select,textarea {
font-size:12px;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
}

ol { list-style:decimal; }
ul { list-style:disc; }
li { margin-left:20px; }

p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,table,address,fieldset {
margin-bottom:20px;
}

.clear { clear:both; }
.spacer { height:31px; }
.hide-div { display:none; }
/*.indent{ display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px; }*/

/* [ Layout ] */
#bg_top{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA4ikUNvLMd_FaoPDhhoIGQyUIbYVPi4IWE7F6QTBO4gKwAAv9cMb1nJb5zEzqHQPzkqCuWw6Y27brUnAQqdVTUka2r5KIUyuj3sTZPjvOGYP74VP8G3lCErLVjVgGcjLRlOawcEprrQ/s1600/bg_top.jpg') no-repeat center top;
}
#bg_btm{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6FTELTccBVYsQq3pXsAu3jbyZloMr8vjElGUqnON-ZzmpJb7CX-ALuhnS1p1gsqn608ruWqbYO1WXfhKXLIDpfmvjS3La-lo_NrXGEW8VF-3jg1IqLbxgSu0TkwB58c3eWK8gMq4j4A/s1600/bg_btm.jpg') no-repeat center bottom;
}
#base {
position:relative;
overflow:hidden;
margin:0px auto;
width:980px;

background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsAlU9PglnDVvZPyKYyCy9zg3Lk5rC214n0sscjj_O4wFuotL9qksnI1oYVpGAsy66yjVC734erlhwtVhpcZDlvu9hyM7G-USLnZHlQFiP_x1rRBkJ-LVsQB-iLEVU-lAUP-Om8dZ_Hw/s1600/bg_base_repeat.jpg') repeat-y left top;
}
#base_top{
}
#base_btm{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjFhbyRFB5lhN4MeWBNENdsOMI7NcRa084CNBib-DDgzhKdccF3_F6pDZHH6M6mooAZ4pII3OTAvxzgWhZRENdn7JDBn2Qwrlr6x8wA4ZpiF6C_pI8GVLlvZbQld9UIi-U3QTsdoehfwA/s1600/bg_base_btm.jpg') no-repeat center bottom;
}
#header {
position:relative;
height:400px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh10HpFu5wa2vJvW5B-wHI1S7z5bmwFyqti-2U5HdVmiDIcCBE7ofJBdA3oVJOgHiaLIo9sxmGMY1MAz_dS0IE_kar1Ef_34FxQFm7nEqMo7KxDcuczDmZkKJ4xjCSUhyphenhyphenXGFQcjLzpwdA/s1600/bg_header.jpg') no-repeat center top;
}
#container {
position:relative;
overflow:hidden;
width:980px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLGohvos_t8pvJseRe3HaOhKICSkpiqyBdqV17ory4jItyqcKzyQwKPzH68bE4Xr_2_Glk74-HXEGQ8WMtTZMKEab7zPhSZqEOplOw37pxqEhyyQjA98LPezEig4_hPvAMvj039sy7Wg/s1600/bg_container_top.jpg) no-repeat left top;
padding:0 0 95px 0;
min-height:400px;
}
#menubar {
position:relative;
margin:0 50px 0 0;
width:950px;
height:45px;
}

#content {
display:inline;
float:left;
overflow:hidden;
width:655px;
margin:20px 0 0 10px;
padding:0;
}

#footer {
overflow:hidden;
color:#000000;
font-size:11px;
line-height:1.4em;
height:47px;
padding:18px 450px 0 50px;
}
#footer a {
color:#000000;
font-style:italic;
text-decoration:none;
}

/* [ Header ] Blog Title, Description, Home URL */
#blog_name h1 {
position:relative;
font-size:30px;
font-weight:bold;
text-align:left;
margin:0 230px 0 340px;
padding-top:20px;
}
#blog_name h1 {
font-family:"Times New Roman",Verdana, Arial, Helvetica, Sans-Serif;
font-style:italic;
color:#8A624A;
text-decoration:none;
}
#blog_name a, #blog_name a:hover {
font-family:"Times New Roman",Verdana, Arial, Helvetica, Sans-Serif;
font-style:italic;
color:#8A624A;
text-decoration:none;
}
.description {
position:relative;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-size:12px;
color:#000000;
text-align:left;
font-weight:normal;
margin:5px 280px 0 340px;
}
#header .indent {
display:block; font-size:1%; line-height:0; text-align:left; text-indent:-10000px;
}

#header .home {
position:absolute;
margin:0px;
padding:0px;
left:0px;
top:50px;
width:980px;
height:300px;
}
.twitter {
position:absolute;
overflow:hidden;
display:block;
top:3px;
left:65px;
width:40px;
height:40px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQ40A6izVYi3rqw018oZUqwHsVm_tLj-4JXtyonehntrQyq3W9T68Jjqctk-76pe0FkLwqTxto_eqLLaHY-nSlxXKJicX3MjP-815IRPFC8nKLv4s1i_k-tYv5wd9KC_p57tdcCN-w/s1600/icon_twitter_rss.png') no-repeat 0 0;
}
.twitter:hover {
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQ40A6izVYi3rqw018oZUqwHsVm_tLj-4JXtyonehntrQyq3W9T68Jjqctk-76pe0FkLwqTxto_eqLLaHY-nSlxXKJicX3MjP-815IRPFC8nKLv4s1i_k-tYv5wd9KC_p57tdcCN-w/s1600/icon_twitter_rss.png') no-repeat 0 -40px;
}
.rss {
position:absolute;
overflow:hidden;
display:block;
top:3px;
left:107px;
width:40px;
height:40px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQ40A6izVYi3rqw018oZUqwHsVm_tLj-4JXtyonehntrQyq3W9T68Jjqctk-76pe0FkLwqTxto_eqLLaHY-nSlxXKJicX3MjP-815IRPFC8nKLv4s1i_k-tYv5wd9KC_p57tdcCN-w/s1600/icon_twitter_rss.png') no-repeat -40px 0;
}
.rss:hover{
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEioiQ40A6izVYi3rqw018oZUqwHsVm_tLj-4JXtyonehntrQyq3W9T68Jjqctk-76pe0FkLwqTxto_eqLLaHY-nSlxXKJicX3MjP-815IRPFC8nKLv4s1i_k-tYv5wd9KC_p57tdcCN-w/s1600/icon_twitter_rss.png') no-repeat -40px -40px;
}

#menu {
position:absolute;
list-style:none;
top:0px;
right:0px;
/*width:790px;*/
height:45px;
margin:0;
padding:0;
}
#menu ul {list-style-type:none;margin:0; padding:0;}
#menu li {
float:right;
position:relative;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
margin:0px;list-style-type:none;
}

#menu li a {
display: block;
overflow:hidden;
height:27px; /*45*/
line-height:14px; /*set for IE7*/
color: #A27040;
padding:18px 0px 0px 45px;
margin:0;
text-decoration:none;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgru7h1bC-WDlnmE6uZe2ZbgJKvi6b8zmPkWdG6S7HknU0i_z_aBpbF8e9k4brDQs2xV1WCsqi4mozEfIMKlFZgC68d4aaRNgjN0h-e1UCzUM4BdOU3tdlQ84o1hQ27sQ9FOYvbf7ei3g/s1600/icon_menu.png) no-repeat -5px 0px;
}
#menu li a:hover,#menu > li.current_page_item > a{
color:#ffffff;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMz6uIX5KYDAkR0OYhZn4ZEY9lGAz9M9hnjmyZ-CzcHvss2J7qC1ZtIc4L2G5-aJosrVOofTa8Dk6mgZpRg1Y_KbCa2QaWSiJPgeoeyR-6hvpkKEf6cWqPth08xBIwkw2IFpIAwVEPFTs/s400/icon_menu_hover.png) no-repeat -5px 0px;
}

/* [ Search Box ] */
.mainsearch {
position:relative;
overflow:hidden;
width:260px;
height:60px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyJGep2zX3h-KWVpPd9W-8IXQqGPhNlTKth8I4VuQNOYlg_Z2jmC-2mTZcw6mDYkaIcNpL8TJSo8l745tXOm5a9kTScGVgv5ndqAIAGFEJxjc46XSUEGCZIt6mZV9xhjH3JkJKhYGf_BI/s1600/bg_search.png') no-repeat;
margin:0;padding:0;
}

.mainsearch .keyword {
position:absolute;
top:25px;
left:48px;
width:206px;
height:23px;
line-height:23px;
margin:0 0 0 0;
font-size:13px;
font-family:Verdana, Arial, Helvetica, Sans-Serif;
font-weight:bold;
font-style:italic;
/*text-transform: uppercase;*/
color:#8E8882;
border:none;
background:transparent;
}
.mainsearch .submit {
position:absolute;
cursor:pointer;
border:none;
top:16px;
left:0px;
height:40px;
width:40px;
background:transparent;
}

/* [ Content ] Post */
#content .post {
position:relative;
overflow:hidden;
width:635px;
margin:0 0 0 0;
padding:0 0 50px 15px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1xsvVcoxZ6kPyR8zEd6RBzDsJ2gv-mEMmUPT3tJ89NS3qYjKG2dTVvM0OBGQ0H1a-z8-PpCtA5WEGv6By961wigTD9ng9euq7CGoxwqw4aT8sOp3o5H2lxYqN8d82vkbydNPv6ZzNtuo/s1600/bg_post_btm.png') no-repeat left bottom;
}
#content .post_title{
/* height = 70px */
/*float:right;*/
/*width:470px;*/
padding:24px 20px 0px 40px;
min-height:46px; /* 70-24=46*/
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRM5sUFCto0yuxSpPzhatNhQV1DTp7TE305-jPQaeH_gYX0gVVKPp2uylEOa8Ag36AdVU8rCrbyBddhux1MXse1GaTVDF86YnwgASwKGXr7bc9j1Ez0QSONd4ss7nF4rdg7Y9FNSvI2A/s1600/bg_post_title.png') no-repeat left top;
}

#content .post_title a{
color: #676767;
text-decoration:none;
}
#content .post_title a:hover{
text-decoration:underline;
}
#content .post_title h1, #content .post_title h2{
width:460px;
font-size:21px;
line-height:21px;
font-weight:bold;
font-style:italic;
font-family:"Times New Roman",Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
}
#content .page .post_title h1, #content .page .post_title h2{
width:570px;
}

#content .post_date{
position:absolute;
top:17px;
right:18px;
width:84px;/*105px*/
height:23px;/*38px*/
padding: 15px 0 0 21px;
color:#1D0000;
font-size:12px;
font-weight:bold;
font-family:Arial, Verdana, Helvetica, sans-serif;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3FwYn0VRhTh-jAJxT3jxDw97gDgw0qGL7JxvEK3TPpqnw171gdS9779ZnJcBBGrlTE9hA0qK6MbjWH-bA1c8nar3KQhX_Z_aqgYLkVMnzhjvWnGe8P35FKwgq1G05bOWjZidXoaq0WMI/s400/bg_post_date.png') no-repeat center top;
}
#content .post_author{
padding:0 0 0 20px;
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:10px;
color:#4C4C4C;
text-align:left;
}

#content .post_author a{
color:#4C4C4C;
text-decoration:none;
}

#content .page .post_date{
visibility: hidden;
}

/* [ Content ] Entry */
.entry{
overflow:hidden;
color:#4C4C4C;
line-height: 1.7em;
margin:15px 15px 10px 15px;
text-align: justify;
}
.entry a{
color:#4C4C4C;
text-decoration:underline;
}
.entry a:hover{
color:#467295;
text-decoration:underline;
}

/* [ Content ] Post Info */
.info {
line-height: 1.7em;
font-size: 10px;
padding:5px 0 0 0;
margin:0px 30px 0 30px;
color:#4C4C4C;
}
.info a{
color:#467295;
text-decoration:none;
}
.info a:hover{
text-decoration:underline;
}

.info_category {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPBC3lgMI4diqV9LKMxbEJB5QjO5IP2MVyqu_SdxcdRxwhUu985wWqT5bM_RzT2CHWGwTNqWyc_1Nll9-9I9WTEgYGazb9KHtH3kuszYKh7hJOywYt56qBDPa_Yo3MW4utlxX_F4kWtg/s1600/icon_category.png') no-repeat top left;
}
.info_comment {
font-size: 10px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 4px 20px;
background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLIGmK5izchiN51hhgVWFf3mmk9kZdnTKCUcimgV-pUre2jdpBN4dWwL7hj9tZ7wETA_zqtMA2cBDMAO1u0a0g_yJcEQKvyFHKqx9hJ-3LpzyoHW2rVJHDVWVzddOThcIOaD-60PMFsg/s1600/icon_comment.png') no-repeat top left;
}

/* [ Content ] Archive title, Navigation, Sorry */

/* [ Sidebar ] General */
#sidebar-wrapper {
float:right;
overflow:hidden;
width:270px;
margin:45px 30px 14px 0;
padding:14px 0 0 0;
}
.sidebar {position:relative;font-size:12px;font-family:Verdana,Arial,sans-serif;padding:0 5px; color:#4C4C4C;}
.sidebar a { color:#4E739A; text-decoration:none;}
.sidebar a:hover { color:#000000; text-decoration:underline;}
.sidebar h2{
color:#CE5C24;
font-family:Verdana, "Times New Roman", Times, Serif;
font-size:14px;
font-weight:bold;
margin:10px 0 0 5px;
padding:8px 10px 0 38px;
min-height:24px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgouA5M3Ieq_FCvwCsuIbo28JbOH2Pb3ppcXsC4k_CRAglvTN7Xnggq0ZrSJsWsweaaxrqsHe9JshrkP7gZE5hWUZFdpuQk9jDwHxAkWEHuG-xrduI2svta0sLYSr7mdgz9n6skcseRgg/s1600/bg_sb_head1.png') no-repeat left top;
}
.sidebar ul {
position:relative;
list-style-type:none;
margin:0;
padding:0;
}
.sidebar ul li {
list-style-type:none;
line-height:1.6em;
padding:0px 0px 0px 15px;
margin:0 0 0 8px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgftZyC0EeKZW_nvtJ6DslVraINv2kcrkBHk9X3__u1iIEQeLXMH5wSrB_9B8L4JLid9CojURyLDVAcnRP8vrlcKnbO9RHJe4MN2eMEcOWCXzFetv4p_Nx56nFrmEMuymIeXdQ7_4LEcg/s1600/bg_sb_arrow1.png') no-repeat 0px 6px;
min-height:0;
}
.sidebar .widget-content {
margin:0px 0px 0px 0px;
padding:10px 0px 30px 0px;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtzmmBpfGqA2CVJ4Kxz8H4ybdNGvd5VYfzwhE58fKuKOO6gZScTbxklwAqxjoKW4OA0UYn1WM0IL46WoDq8nfheJNUAEQhBzp_pGwiavJMLU7hAG1B7i9YeSlIfirrIYAzj4VBXQlQKA/s1600/bg_sb_btm1.png') no-repeat left bottom;
/*min-height:110px;*/
}
/* [ Comment ] General */
#comments{padding:15px;}
#comments h4 {
font-weight:bold;
letter-spacing:0;
line-height:1.4em;
margin:1em 0;
text-transform:none;
}
#comments-block {
line-height:1.6em;
margin:1em 0 1.5em;
}
#comments-block .comment-author {
background:#feeeb9 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 #feeeb9;
border-right:1px solid #feeeb9;
margin-top:-8px;
padding-left:10px;
padding-top:10px;
}
#comments-block .comment-footer {
border-bottom:1px solid #feeeb9;
border-left:1px solid #feeeb9;
border-right:1px solid #feeeb9;
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;
}

.deleted-comment {
font-style:italic;
color:gray;
}
#blog-pager{padding:10px;}
.PageList h2 {display:none;}
]]></b:skin>
</head>

<body>

<div id='bg_top'>
<div id='bg_btm'>
<div id='base'>
<div id='base_top'>
<div id='base_btm'>

<div id='header'>

<div id='menubar'>
<b:section class='interior' id='menu' preferred='yes' showaddelement='no'>
<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:section>
</div>

<div class='clear'/>

<b:section class='blog_name' id='blog_name' 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>

<a class='twitter' href='http://www.twitter.com/YOUR-USERNAME-HERE' title='Follow me'/>
<a class='rss' href='/feeds/posts/default' title='RSS Feed'/>

</div>

<div id='container'>

<div id='content'>
<div class='spacer'/>
<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'>
<a expr:name='data:post.id'/>
<b:if cond='data:post.title'>
<div class='post_title'><h2>
<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>
</h2>
<div class='post_date'><script type='text/javascript'>
var timestamp = "<data:post.dateHeader/>";
if (timestamp != '') {
var timesplit = timestamp.split(",");
var date_yyyy = timesplit[2];
var timesplit = timesplit[1].split(" ");
var date_dd = timesplit[2];
var date_mmm = timesplit[1].substring(0, 3);
}
</script>
<script type='text/javascript'>document.write(date_dd);</script>
<script type='text/javascript'>document.write(date_mmm);</script>
<script type='text/javascript'>document.write(date_yyyy);</script></div>
</div>
</b:if>

<div class='post_author'><data:post.author/> </div>

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

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

<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='info'>
<span class='info_category'>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></span>
<span class='info_comment'><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></span>
</div>


<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>


<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-backlinks post-comment-link'>
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</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='//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-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='//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='sidebar-wrapper'>

<form action='/search' class='mainsearch' method='get'>
<input class='keyword' id='s' name='q' onblur='if (this.value == '') {this.value = 'Search ...';}' onfocus='if (this.value == 'Search ...') {this.value = '';}' type='text' value='Search ...'/>
<input class='submit' type='submit' value=''/>
</form>

<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: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/>
<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 class='clear'/>

</div>

<div id='footer'>
<a>Ingin dapat desain ini?</a><a href='http://www.abdur-rozak.co.cc/'>FREE TEMPLATES</a>, inspired by <a href='http://www.facebook.com/profile.php?id=100001087736714'>Abdur rozak</a><br/>
Converted into <a href='http://www.abdur-rozak.co.cc/2011/05/free-template-blogspot-dan-wordpress-1.html' title='Blogger Template'> Blogger Template</a> and <a href='http://www.facebook.com/pages/BLOGS-4YOU/188538721193839'>Facebook pages</a>

</div>


</div></div></div>
</div></div>

<div class='hide-div'/>

</body>
</html>

Setelah siap,SIMPAN TEMPLATE.

Mudah kan cara abdur memberikan desain untuk akhy,kemudian buat abdur hanya terjalin silaturahiim diantara kita meski tidak pernah bertemu secara langsung tapi laman abdur ini bisa menjadi sarana silaturrohim kita,oh ya jangan segan memberi saran ke abdur dibawah post ini semoga kita termasuk hamba hamba yang mendirikan dan menyambung tali silaturrohmi.

Amiin.

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 TEMPLATES BLOGSPOT DAN WORDPRESS-2

Network