rozak: FREE TEMPLATE BLOGSPOT DAN WORDPRESS 13

Assalaamu'alaykum warohmatullohi ta'ala wabarokaatu

usai sudah abdur menata desain graphik laman ini untuk tapilan windows ini.Kemarin dan kemarin lusa abdur memutar mutar agar laman abdur ini tidak tampil sebagaimana biasa orang miliki serta mudah di dapatkan.Selain itu abdur banyak melakukan perbaikan agar tidak terlalu cacat akibat perubahan desain terbaru ini.Akhy.. bagaimana kabar akhy hari ini?semoga senantiasa sehat dalam lindungan Allah swt semoga kita mampu mengsyukuri nikmat yang dikaruniakan.Sungguh beruntung bagi orang orang yang beriman yang mempercayai kehidupan akhirat serta mempercayai keadaan Allah yang menciptakan.Abdur kali ini membawakan desain abdur yang istimewa desain ini sudah tidak mirip lagi desain sebuah blog karena tampilan yang engesankan elegan dan berkelas website.PREVIEW

Pada umunya desain blog mengesankan penampilan monoton yang warna/gambar latar berlawanan dengan main pages/isi laman.Namun desain mengesankan penyatuan antara gambar latar hingga header sampai bagian kaki laman,dan berikut ini adalah kode dari desain tersebut.

<?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: Solio
Theme URI: http://www.abdur-rozak.co.cc
Description: A nice blue and white theme with java
Tags: nice, blue, white, clean, widget, adsense, 3 columns, rounded corners
Version: 1.0
Author: Abdur
Author URI: http://www.abdur-rozak.co.cc
Converter: Blogger Template Place
Converter URI: http://www.bloggertemplateplace.com
*/

* {
font-family: arial;
color: #6d7073;
outline: 0;
padding: 0;
margin: 0;
border: 0 none;
text-decoration: none;
white-space: normal;
vertical-align: baseline;
}

html, body {line-height: 1}
hr {display: none}
blockquote:before, blockquote:after, q:before, q:after {content: ''}
blockquote, q {quotes: "" ""}
ul {list-style-type: none}
ol {list-style-type: decimal}
.clear {clear: both}
/***************************************************/
#navbar-iframe{display:none;height:0;visibility:hidden}
body {
background: #c6c6c6 url(http://sites.google.com/site/bloggertemplateplace/solio/bg.gif) repeat-x top;
text-align: center;
}

#container {
width: 980px;
margin-right: auto;
margin-left: auto;
text-align: left;
}

#headerarea {
width: 980px;
height: 173px;
}
#header-inner {
background-position:center center;
margin-left:0px;
}
#header {
text-align:left;
}
#header h1 {
padding-top: 9px;
font-size: 26px;
font-weight: bold;
font-family:Thoma, serif;
color: #ccc;
}
#header a {
font-weight: bold;
letter-spacing: -1px;
color: #ccc;
font-family:Thoma, serif;
}
#header a:hover {
color: #5ea2e7;
}
#header .description {
color: #ccc;
font-size: 11px;
line-height: 1.4em;
}
#header img {
}
#logo {
float: left;
display: inline;
margin-top: 38px;
margin-left: 20px;
margin-right: 20px;
padding-right: 40px;
padding-left: 28px;
}

/***************************************************/
#pagenav {
float: left;
width: 627px;
height: 45px;
}

#pagenav ul {
float: left;
padding-top: 15px;
padding-left: 20px;
height: 30px;
}

#pagenav ul li {
float: left;
height: 30px;
text-align: center;
margin-right: 1px;
}

#pagenav ul li a {
background: url(http://sites.google.com/site/bloggertemplateplace/solio/nav.gif) repeat-x;
background-position: center 0px;
float: left;
display: block;
padding-left: 20px;
padding-right: 20px;
line-height: 30px;
height: 30px;
font-size: 14px;
letter-spacing: -1px;
color: #495d6d;
text-transform:uppercase;
font-weight: bold;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
}

#pagenav ul li a:hover {
background: url(http://sites.google.com/site/bloggertemplateplace/solio/nav.gif) repeat-x;
background-position: center -60px;
color: #597082;
}

#pagenav ul li.current_page_item a {
color: #FFF;
}

#pagenav ul li.current_page_item a:hover {
background: url(http://sites.google.com/site/bloggertemplateplace/solio/nav.gif) repeat-x;
background-position: center -60px;
}
/***************************************************/
#searchform {
float: left;
width: 333px;
height: 45px;
margin-right: 20px;
}

#searchform form {
float: right;
display: inline;
/* background: url(http://sites.google.com/site/bloggertemplateplace/solio/ico-search.png) no-repeat; */
background-position: left 0px;
width: 333px;
height: 45px;
}

#searchform fieldset {
float: right;
display: inline;
padding-top: 10px;
height: 35px;
}

#searchform label {
vertical-align: middle;
color: #666;
font-weight: bold;
font-size: 11px;
}

#searchform input {
display: inline;
vertical-align: middle;
font-size: 11px;
}

#searchinput {
width: 177px;
height: 20px;
padding-left: 6px;
padding-top: 6px;
padding-right: 6px;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/search-input.png) no-repeat;
color: #243c54;
}

#searchbutton {
width: 35px;
height: 25px;
line-height: 1.4em;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/search-button.png) no-repeat;
font-weight: bold;
color: #2a526b;
text-align: center;
cursor: pointer;
}
/***************************************************/
/* Search form CSS */
form#srcform {
background: #EEE;
padding: 10px;
}

form#srcform fieldset {
}

form#srcform input {
vertical-align: middle;
font-size: 11px;
}

form#srcform #srcinput {
padding: 4px;
width: 250px;
background: #FFF;
color: #333;
font-weight: normal;
border: 1px solid #ddd;
}

form#srcform #srcbutton {
padding: 2px;
width: 50px;
background: #aaa;
color: #FFF;
font-weight: bold;
text-align: center;
cursor: pointer;
}
/***************************************************/

.about {
float: right;
display: inline;
margin-top: 50px;
width: 500px;
font-size: 11px;
}

.about p {
color: #ccc;
font-size: 11px;
line-height: 1.4em;
}
/***************************************************/
#column {
float: right;
width: 540px;
margin-left: 20px;

}

.post {
margin-top: 10px;
width: 540px;
}

.post a {
color: #2a526b;
}

.post a:hover {
color: #5ea2e7;
}

.post-top {
width: 540px;
height: 10px;
background:#ccc;
overflow: hidden;
}

.post-bottom {
width: 540px;
height: 10px;
background:#ccc;
overflow: hidden;
}

.entry {
background: #FFF;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
}

.entry h2 {
padding-left: 15px;
padding-right: 15px;
padding-top: 5px;
line-height: 1.3em;
font-size: 20px;
font-weight: normal;
letter-spacing: -1px;

}

.entry h2 a {
line-height: 1.3em;
font-size: 24px;
letter-spacing: -1px;
font-family:Thoma, serif;
}

.entry .date {
display: block;
margin-left: 15px;
margin-right: 15px;
color: #ccc;
padding-bottom: 5px;
font-size: 11px;
text-align:right;

}

/********* CSS For Post Info Below Header ***************/
.info {
background: #d7dee1 url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) top left repeat-x;

padding-left: 15px;
padding-right: 15px;
font-size: 11px;
}

.info .cat {
float: left;
}

.info .comments {
float: right;
}

.info .cat a {
line-height: 26px;

background-position: left center;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 5px;
}

.info .comments a {
line-height: 26px;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/ico-comment.gif) no-repeat;
background-position: left center;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 20px;
}
/********* CSS For Article CONTENT ***************/
.content {
padding:10px 10px 10px 10px;
width: 520px;
}

.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
line-height: 1.5em;
margin: 0px 0px 5px 0px;
padding: 0;
font-family:Thoma, serif;
}

.content p {
font-size: 12px;
line-height: 1.5em;
margin: 0px 0px 10px 0px;
padding: 0;
}

.content .more-link {
font-size: 11px;
font-weight: bold;
text-transform: uppercase;
display: block;
}

.content h1 {
letter-spacing: -2px;
font-size: 20px;
color: #5ecef7;
}

.content h2 {
letter-spacing: -1px;
font-size: 18px;
color: #5a94bd;
}

.content h3 {
letter-spacing: -1px;
font-size: 16px;
font-weight: bold;
color: #333;
}

.content h4 {
font-size: 14px;
font-weight: bold;
}

.content h5 {
font-size: 12px;
font-weight: bold;
color: #243c54;
}

.content h6 {
font-size: 11px;
font-weight: bold;
}

/* CSS for UL/OL lists */
.content ol {padding-left: 20px;}
.content ul {margin: 5px 5px 20px 5px;}
.content ol {margin: 5px 5px 20px 5px;}
.content ul ul {margin: 5px 5px 5px 5px;}
.content ol ol {margin: 5px 5px 5px 5px;}

.content ol li {
line-height: 1.5em;
color: #333;
margin-bottom: 5px;
font-size: 12px;
}

.content ul li {
line-height: 1.5em;
color: #333;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 6px;
padding-left: 20px;
margin-bottom: 5px;
font-size: 12px;
}
/* End CSS for UL/OL lists */

/* Additional post tags */
blockquote {
padding: 10px;
padding-left: 40px;
background: #dae0e3 url(http://sites.google.com/site/bloggertemplateplace/solio/blockquote.png) no-repeat;
background-position: 8px 8px;
margin-bottom: 15px;
border:1px solid #c9d5db;
}

blockquote p {
font-family: arial;
font-style:italic;
line-height: 1.5em;
font-size: 12px;
color: #2a526b;
}

blockquote * {
font-family: arial;
line-height: 1.5em;
font-size: 12px;
color: #2a526b;
}

ins {
text-decoration: underline;
}

del {
text-decoration: line-through;
}

code {
color: #333;
font-family: Arial;
font-size: 11px;
background: #eee;
}
/* Thanks! */

.tags {
border-top: 1px solid #ddd;
font-weight: bold;
line-height: 2em;
color: #bbb;
padding-left: 15px;
padding-right: 15px;
text-align: right;

font-size: 11px;
}

.tags a {
font-weight: normal;
color: #333;
text-transform:lowercase;
}

.tags a:hover {
color: #243c54;
}

.follow {
background: #f9f9f9;
padding: 10px;
margin-left: 15px;
margin-right: 15px;
margin-top: 10px;

margin-bottom: 10px;
border: 1px dashed #eee;
font-weight: bold;
font-size: 11px;
}

.follow a {
font-weight:bold;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/rss.png) no-repeat;
background-position: left center;
padding-left: 20px;
}

.state {
margin-left: 15px;
margin-bottom: 15px;
font-size: 12px;
line-height: 1.5em;
}

.state a {
line-height: 1.5em;
}
/***************************************************/
.navigation {
padding-top: 10px;
padding-right: 5px;
padding-left: 5px;
font-size: 11px;
line-height: 1em;
text-transform: uppercase;
font-weight: bold;
}

.navigation a {
color: #333;
}

.navigation a:hover {
color: #666;
}

.navleft {
float: left;
width: 48%;
}

.navright {
float: right;
width: 48%;
text-align: right;
}
/***************************************************/
.alignleft img, .alignright img, .aligncenter img {
border: 4px solid #ccc;

}

.alignleft {
float: left;
display: inline;
background: #fff;
margin-right: 10px;
margin-bottom: 4px;
}

.alignright {
float: right;
display: inline;
background: #fff;
margin-left: 10px;
margin-bottom: 4px;
}

.aligncenter {
text-align: center;
display: inline;
}

.alignnone {
}

p.wp-caption-text {
padding: 3px;
margin: 0;
font-size: 11px;
color: #243c54;
}
/***************************************************/
#sidebar {
float: left;
width: 420px;

}
/***************************************************/
.box {
width: 420px;
list-style-type:none;
float:left;
}

.box h2 {
margin-top: 10px;
display: block;
width: 418px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
height: 22px;
background: #d7dee1 url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) top left repeat-x;
color: #3b474e;
line-height: 22px;
font-weight: bold;
text-indent: 10px;
font-size: 12px;
}
/***************************************************/
.box .widget-content {
padding: 10px;
border: 1px solid #eee;
background: #FFF;
}

.box .widget-content a img {
width: 125px;
height: 125px;
margin-left: 5px;
margin-right: 2px;
}
/***************************************************/
.tabs {
margin-top: 10px;
width: 420px;
overflow: hidden;
}

.tabs li {
float: left;
display: inline;
margin-left: 1px;
text-align: center;
overflow: hidden;
font-size: 11px;
}

.tabs li a {
float: left;
display: block;
color: #336699;
font-weight: bold;
padding-left: 20px;
padding-right: 20px;
line-height: 26px;
height: 26px;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) repeat-x top;
}

.tabs li a:hover {
display: block;
color: #5ea2e7;
}

.tabs li a.selected {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) repeat-x bottom;
color: #FFF;
}

.tabs li a.selected:hover {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) repeat-x bottom;
color: #FFF;
}
/***************** CSS For TAB Content *******************/
.tabcontent {
display: none;
background: #FFF;
border: 1px solid #eee;
border-top: 0;
padding-top: 15px;
padding-left: 10px;
padding-right: 10px;
padding-bottom: 5px;
overflow: hidden;
font-size: 11px;
}

.tabcontent a, .tabcontent a strong {
color: #50565b;
line-height: 1.4em;
}

.tabcontent a:hover, .tabcontent a:hover strong {
color: #5ea2e7;
}

.box .widget-content li
.tabcontent ul li, .tabcontent li, .box .widget-content li, .box .widget-content ul li {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 5px;
border-bottom: 1px dotted #ddd;
padding-bottom: 5px;
margin-bottom: 5px;
padding-left: 20px;
color: #243c54;
line-height: 1.4em;
font-size: 11px
}

.tabcontent ul li a, .tabcontent li a, .box .widget-content li a, .box .widget-content ul li a {
color: #50565b;
line-height: 1.4em;
}

.tabcontent ul li a:hover, .tabcontent li a:hover, .box .widget-content li a:hover, .box .widget-content ul li a:hover{
color: #5ea2e7;
}

.tabcontent ul li span, .tabcontent li span, .box .widget-content li span, .box .widget-content ul li span {
display: block;
color: #6d7073;
}
/***************** CSS For TAB Content *******************/
@media print {
.tabcontent {
display: block !important;
}
}
/***************************************************/
.sidebarleft {
float: left;
width: 200px;
font-size: 11px;
margin-top:10px;
list-style-type:none;
padding-right:10px;
}

.sidebarleft a {
color: #2a526b;
}

.sidebarleft a:hover {
color: #5ea2e7;
}

.sidebarleft h2 {
margin-top: 10px;
display: block;
background: #d7dee1 url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) top left repeat-x;
width: 198px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
height: 22px;
color: #333;
line-height: 22px;
font-weight: bold;
text-indent: 10px;
font-size: 13px;

}

/***********************************************/
.sidebarleft .widget-content {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
border: 0;
background: #FFF;
}

.sidebarleft ul li {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 9px;
border-bottom: 1px dotted #ddd;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
.sidebarleft ul li a {
display: block;
color: #2a526b;
line-height: 1.4em;
}
.sidebarleft ul li a:hover {
color: #5ea2e7;
}
.sidebarleft li {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 9px;
border-bottom: 1px dotted #ddd;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
.sidebarleft li a {
display: block;
color: #2a526b;
line-height: 1.4em;
}
.sidebarleft li a:hover {
color: #5ea2e7;
}
/***************************************************/
.sidebarright {
float: right;
width: 200px;
font-size: 11px;
margin-top:10px;
list-style-type:none;
padding-right:10px;
}

.sidebarright a {
color: #2a526b;
}

.sidebarright a:hover {
color: #5ea2e7;
}

.sidebarright h2 {
margin-top: 10px;
display: block;
background: #d7dee1 url(http://sites.google.com/site/bloggertemplateplace/solio/tab.gif) top left repeat-x;
width: 198px;
border-left: 1px solid #eee;
border-right: 1px solid #eee;
border-top: 1px solid #eee;
height: 22px;
color: #333;
line-height: 22px;
font-weight: bold;
text-indent: 10px;
font-size: 13px;

}

/***********************************************/
.sidebarright .widget-content {
padding-left: 10px;
padding-bottom: 10px;
padding-right: 10px;
border: 0;
background: #FFF;
}

.sidebarright ul li {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 9px;
border-bottom: 1px dotted #ddd;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
.sidebarright ul li a {
display: block;
color: #2a526b;
line-height: 1.4em;
}
.sidebarright ul li a:hover {
color: #5ea2e7;
}
.sidebarright li {
display: block;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/bullet.gif) no-repeat;
background-position: left 9px;
border-bottom: 1px dotted #ddd;
padding-left: 20px;
padding-top: 4px;
padding-bottom: 4px;
}
.sidebarright li a {
display: block;
color: #2a526b;
line-height: 1.4em;
}
.sidebarright li a:hover {
color: #5ea2e7;
}
/***************************************************/
#footer {
margin-top: 20px;
width: 100%;
background: #d2dadd url(http://sites.google.com/site/bloggertemplateplace/solio/footer.gif) top left repeat-x;
border-top: 5px solid #d4dbde;
padding-top: 15px;
padding-bottom: 15px;
}

#footercontent {
width: 980px;
height: 60px;
margin-right: auto;
margin-left: auto;
}

#footercontent ul {
float: left;
margin-bottom: 10px;
}

#footercontent ul li {
float: left;
margin-right: 20px;
padding-right: 20px;
border-right: 1px dotted #ccc;
line-height: 1.5em;
}

#footercontent ul li a {
float: left;
display: block;
color: #666;
font-size: 14px;
font-weight: bold;
text-transform: uppercase;
letter-spacing: -1px;
line-height: 1.5em;
}

#footercontent ul li a:hover {
color: #333;
line-height: 1.5em;
}

.copyright {
float: right;
text-align:right;
color: #6d7073;
line-height: 1.5em;
font-size: 11px;
}

.copyright a {

line-height: 1.5em;
color: #6d7073;
}

.copyright a:hover {
color: #6d7073;
line-height: 1.5em;
}

.rss {
float: left;
font-size: 11px;
}

.rss a {
float: left;
display: block;
font-weight: bold;
background: url(http://sites.google.com/site/bloggertemplateplace/solio/rss.png) no-repeat left;
padding-left: 25px;
line-height: 1.5em;
color: #2a526b;
margin-right: 25px;
}

.rss a:hover {
color: #333;
line-height: 1.5em;
}

.property {
float: right;
color: #2a526b;
line-height: 1.5em;
font-size: 11px;
}

.property a {
font-weight: bold;
color: #2a526b;
}

.property a:hover {
text-decoration: underline;
}
/***************************************************/
/* Commenting System CSS */
#combox {
border-top: 5px solid #ccc;
padding-top: 20px;
padding-bottom: 20px;
padding-left: 15px;
padding-right: 15px;
background:#FFF;
}

h3#respond {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1em;
padding-bottom: 5px;
margin-bottom: 2px;
border-bottom: 1px dotted #ddd;
}

h3#comments {
font-size: 16px;
font-weight: bold;
letter-spacing: -1px;
line-height: 1em;
padding-bottom: 5px;
margin-bottom: 2px;
border-bottom: 1px dotted #ddd;
}
ol.commentlist {
list-style-type: none;
margin-bottom: 20px;
padding-bottom: 20px;
border-bottom: 5px solid #a4d5e5;
float:left;
width:520px;
}

ol.commentlist li {
background: #e8ecee;
border: 1px solid #eee;
padding: 20px 0 20px 10px;
margin-top: 20px;
float:left;
}

ol.commentlist li.alt {
background: #FFF;
border: 1px solid #eee;
padding: 20px;
margin-top: 20px;
}

.avatar {
float: left;
display: inline;
width: 32px;
}

.commentbody {
float: left;
display: inline;
margin-left: 20px;
width: 410px;
}

.commentbody em {
font-size: 11px;
}

/***************************************************/
p.comment_author, p.comment_author a {
font-weight: bold;
color: #455c6b;
font-size: 11px;
}

p.comment_author a:hover {
font-weight: bold;
color: #ff3600;
}

p.comment_time {
color: #243c54;
font-size: 10px;
font-family: Arial;
font-weight: bold;
text-transform: uppercase;
}

.comment_text {
color: #333;
margin-top: 15px;
font-size: 11px;
}
/***************************************************/
.avatar-image-container avatar-stock img,.avatar-image-container img{float:left;width:30px;height:30px;}
.avatar-image-container{border-right:solid 1px #DDD;border-bottom:solid 1px #DDD;width:30px;height:30px;float:left;margin:0 10px 0 0;padding:5px}
#blog-pager-newer-link{float:left;}
#blog-pager-older-link{float:right;}
#blog-pager{text-align:center}
.quickedit{display:none}
]]></b:skin>
<script src='http://sites.google.com/site/bloggertemplateplace/solio/tabcontent.txt' type='text/javascript'/>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 400;
summary_img = 300;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script type='text/javascript'><![CDATA[//><!]]></script>

</head>

<body>
<div id='container'>

<div id='headerarea'>

<div id='pagenav'>
<ul>

<li class='current_page_item'><a href=''>Home</a></li>
<li class='page_item page-item-4'><a href=''>About</a></li>
<li class='page_item'><a href=''>Contact us</a></li>
</ul>
</div>

<div id='searchform'>

</div>

<div id='logo'>
<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 == "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>
</div>
<b:include name='description'/>
</div>
</b:if>
</b:includable>
</b:widget>
</b:section>

</div>

<div class='about'>
<a href='http://www.twivert.com/o/7xMc' rel='nofollow'><img src='http://www.twivert.com/external/banner468x60.gif'/></a>
</div>

</div>
<div class='clear'/>

<div id='column'>
<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>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>
</b:if>

</div>
<div class='clear'/>
</b:includable>
<b:includable id='shareButtons' var='post'>
<b:if cond='data:top.showEmailButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block 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></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'>
<span class='share-button-link-text'><data:top.shareToOrkutMsg/></span>
</a></b:if><b:if cond='data:top.showBuzzButton'><a class='goog-inline-block 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:if cond='data:top.showDummy'>
<div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
</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'>
<div class='post-top'/>
<div class='entry'>
<a expr:name='data:post.id'/>
<b:if cond='data: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>
</b:if>

<div class='info'>

<div class='cat'>Posted in category <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></div>
<div class='comments'><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></div>
<div class='clear'/>
</div>
<div class='content'>
<b:if cond='data:blog.pageType == "item"'>
<p><data:post.body/></p>
<div style='clear: both;'/> 
<b:else/>
<div expr:id='"summary" + data:post.id'>
<p><data:post.body/></p>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
</b:if>
</div>

<div class='tags'><a expr:href='data:post.url'>Read More</a></div>

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'>
<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:post.showBacklinks'>
<a class='comment-link' expr:href='data:post.url + "#links"'><data:top.backlinkLabel/></a>
</b:if>
</b:if>
</span>

</div>

<div class='post-footer-line post-footer-line-2'>
</div>

<div class='post-footer-line post-footer-line-3'>
</div>
</div>
</div>
<div class='post-bottom'/>
</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'/>
<h3 id='respond'><data:postCommentMsg/></h3>
<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/>
<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='http://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://www.blogger.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: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>
<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>
<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 expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
<img src='http://www.blogger.com/img/icon_delete13.gif'/>
</a>
</span>
</b:includable>
<b:includable id='feedLinks'>
<b:if cond='data:blog.pageType != "item"'> 
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>

<b:else/> 
<div class='post-feeds'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.allowComments'>
<b:if cond='data:post.feedLinks'>
<b:include data='post.feedLinks' name='feedLinksBody'/>
</b:if>
</b:if>
</b:loop>
</div>
</b:if>
</b:includable>
<b:includable id='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 id='combox'>
<a name='comments'/>
<b:if cond='data:post.allowComments'>
<h3 id='comments'>
<b:if cond='data:post.numComments == 1'>
1 <data:commentLabel/>:
<b:else/>
<data:post.numComments/> <data:commentLabelPlural/>:
</b:if>
</h3>

<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>

<ol class='commentlist'>
<b:loop values='data:post.comments' var='comment'>
<li class='alt'>
<div class='avatar'>
<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>
</div>
<div class='commentbody'>
<p class='comment_author'>
<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>Says:</p>
<p class='comment_time'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</p>
<div class='comment_text'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</div>
</div>
</li>
</b:loop>
</ol>

<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'>

<ul class='tabs' id='tabs'>
<li><a class='selected' href='#' rel='tab1'>MENU</a></li>
<li><a href='#' rel='tab2'>MENU</a></li>
<li><a href='#' rel='tab3'>MENU</a></li>
</ul>

<b:section class='tabcontent' id='tab1' showaddelement='yes'>
<b:widget id='Feed1' locked='false' title='' 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>
<b:section class='tabcontent' id='tab2' showaddelement='yes'>
<b:widget id='Feed2' locked='false' title='Recent Post' 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>
<b:section class='tabcontent' id='tab3' showaddelement='yes'/>

<script type='text/javascript'>
var countries=new ddtabcontent("tabs")
countries.setpersist(false)
countries.setselectedClassTarget("link")
countries.init()
</script>

<b:section class='box' id='box' showaddelement='yes'>
<b:widget id='Image1' locked='false' title='' type='Image'>
<b:includable id='main'>
<b:if cond='data:title != ""'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<b:if cond='data:link != ""'>
<a expr:href='data:link'>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</a>
<b:else/>
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_img"' expr:src='data:sourceUrl' expr:width='data:width'/>
</b:if>
<br/>
<b:if cond='data:caption != ""'>
<span class='caption'><data:caption/></span>
</b:if>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
</b:section>
<div class='clear'/>

<b:section class='sidebarleft' id='sidebarleft' showaddelement='yes'>
<b:widget id='LinkList2' locked='false' title='' type='LinkList'>
<b:includable id='main'>

<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
</b:section>
<b:section class='sidebarright' id='sidebarright' showaddelement='yes'>
<b:widget id='HTML1' locked='false' title='' 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:section>
<div class='clear'/>

</div>
<div class='clear'/>
</div>

<div id='footer'>
<div id='footercontent'>

<div class='copyright'>

Copyright 2011 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a><br/>
Website powered 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 class='clear'/>

</div>
</div>

</body>
</html>

Silahkan akhy masukkan dalam tab edit HTML yang telah dikosongkan kemudian disimpan template dengan memilih button penyimpanan.
Akhy..
apabila ada kesulitan memasang desain hubungilah abdur untuk mendapat bantuan
wassalaam.

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 13

Network