Akhy.. abdur selalu mencari cara agar isi yang abdur sajikan dalam blog ini bukanlah konten lama dalam dunia blogging,untuk itu abdur serin...
Akhy.. diselang abdur membuat widget untuk akhy pasang di blog akhy abdur sempatkan mendesain blgo buat pengunjung laman abdur,ini contohny...
Akhy.. meski hari ini penataan laman abdur belum selesai abdur berbagi keriaan kepada para pengunjung laman abdur ini.Sebab hari ini laman ...
Akhy,
<?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/> | Here goes my blog description</title>
<b:skin><![CDATA[/*
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Theme Name: dNoteBook
URL: http://blogger-au-bout-du-doigt.blogspot.com/
http://www.abdur-rozak.co.cc/
Originally it was wordpress themes by
Author: Abdur
Author URI: http://www.abdur-rozak.co.cc/
Theme URI: http://www.wpyag.com/free-wordpress-themes/free-wordpress-theme-dnotebook/
Description: A wordpress theme made by <a href="http://www.wpyag.com/">WordPress Yag</a>.
Version: 1.0
Tags: blue,black, dark, custom header, fixed width, two columns, widgets
dNoteBook WordPress Theme
http://www.wpyag.com/free-wordpress-themes/free-wordpress-theme-dnotebook/
This theme is designed by TechYag Admin.
Template released under the Creative Commons Atribution License,
PLEASE DO NOT REMOVE THE FOOTER CREDITS
*/
/* +===========================================+
Body
+===========================================+ */
body {
background: #232220 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO16noT3_migzUQOxKSKfMsaIGh2GS25qz-fUzgUbqcpnrvzg8khE5hEWb4CB53_5tmNP7n6cTglU5pnBJAFtxTyXtEQuZS1tx_Dy2T-aeuiUHFo3hrVtVl5ao2rOkEQWVqA0bJRpPjLin/s1600/bg.jpg);
font-size: 13px;
font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #000000;
height: 100%;
width: 1000px;
margin: 0px auto;
padding: 0px;
}
/* +===========================================+
General wordpress CSS
+===========================================+ */
.clear {
clear: both;
}
.clearleft { clear:left; }
img {
border: 0;
}
a img {
border: none;
}
p img {
padding: 0;
max-width: 100%;
border: 1px solid #b3b3b3;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #b3b3b3;
}
img.alignright {
display: inline;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
border: 1px solid #b3b3b3;
}
img.alignleft {
display: inline;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
border: 1px solid #b3b3b3;
}
.entry img {
max-width: 659px;
/* smooth image resizement in IE7+ */
-ms-interpolation-mode: bicubic;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
blockquote {
border: 1px solid #d1c189;
padding:10px 10px 10px 20px;
font-style:italic;
margin:10px 0;
background:#e5dbb8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxN48l5lnCJ1pnWdQcuhyUHXQRYNh-_9ddoW6L3IeeFqGNxAF8t3Cy71QpyJXns1paaL_pmpLE38Ion8cS8FTJsBk9EVV0cfbqW7ljW4OLRMOaMJVA7mslbrgr1DeIRkL65yRKEJdZlFS/s1600/quote.png) no-repeat;
color: #000000;
}
code {
font-family: Consolas, Monaco, monospace;
font-size: 10px;
padding: 1px 3px;
}
del { color: #000000; text-decoration: line-through; }
em { font-style: italic; }
hr {
border: 0;
color: #65421c;
background: #65421c;
height: 1px;
}
a {
text-decoration: none;
color: #748500;
}
a:link, a:visited {
color: #082b53;
}
a:focus, a:hover, a:active {
color: #556201;
}
del {
color: #000000; text-decoration: line-through;
}
em {
font-style: italic;
}
input {
vertical-align: middle;
}
ins {
color: #000000; text-decoration: none;
}
small {
font-size: 0.8em;
}
sub, sup {
font-size: 0.7em;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.aligncenter img, .aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.entry div.alignleft {
float: left; margin: 0 10px 10px 0;
}
.wp-caption {
background-color: #bcbbbb;
border: 1px solid #aeadad;
overflow: hidden;
padding: 3px;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0; }
.wp-caption p.wp-caption-text {
font-size: 13px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* +===========================================+
Header
+===========================================+ */
/* General Header */
#header{
background: transparent;
width: 1000px;
height: 120px;
margin-top: 20px;
}
#header .logo {
padding-top: 0px;
}
#header .description {
position: relative;
color: #d4d4d4;
font-size: 16px;
}
#search-h{
border: none;
float: right;
position: relative;
}
#search{
border: none;
float: right;
position: relative;
}
#search form#searchform{
position: absolute;
top: 16px;
right: 15px;
width: 210px;
height: 25px;
border: none;
background-color: #110b04;
}
#search form#searchform .searchinput{
position: absolute;
top: 5px;
left: 8px;
color: #b8b8b8;
font-size: 12px;
width: 175px;
border: 0;
background-color: #110b04;
}
#search form#searchform .s-button{
position: absolute;
top: 0px;
left: 185px;
background: url() no-repeat;
height: 25px;
width: 25px;
border: 0;
cursor: pointer;
}
/* +===========================================+
Drop down page menu
+===========================================+ */
#pagemenu{
width: 1000px;
height: 50px;
}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#21190e; font-size:16px; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#f1e8cc; border:1px solid #4e3d27; text-decoration:none; background:#21190e;}
#dropmenu a:hover {background:#21190e; color:#d8c687;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #a2a2a2;}
#dropmenu li ul {border-top:1px solid #a2a2a2; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #4e3d27;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* +===========================================+
Complete Content
+===========================================+ */
#complete-content{
margin: 0px auto;
width: 1000px;
}
/* +===========================================+
Post body background
+===========================================+ */
#post-content-m{
width: 1000px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPq81FnqvNBOcObv77C_0UOQmc5KZpbFRoBkMsrGJNr_b55uxeCrKiaOMLKSXFahxp0peUf0DSP7PO9MW6MIF4tNLAWTYE1KWk5mn_GAC3YwTlml394Qc3feohgmghLnlPiW2RpnxzNNUP/s1600/bg-post-c.JPG) repeat-y;
float: left;
overflow: hidden;
}
/* +===========================================+
Post Details
+===========================================+ */
.post-month{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsyZutp-XfMskC9dPYQ7AknVlrGTF8YzL8BKPOLdP0NBFqj_J9UiRmLzl5Uat3SCbxa4V921Hun7xhw4DheqK-IjXwF1oo5PVq5qwPH0wo9DzaGFT3sAdRky7MPC6pKmCD4xP71yUEyTc3/s1600/date.png) no-repeat top left ;
float:left;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 70px;
height: 70px;
color:#373736;
padding-top:0px;
padding-bottom:0px;
text-transform:uppercase;
}
.post-date{
font-size:14px;
font-weight:bold;
color:#373736;
padding-left:15px;
padding-top:10px;
}
.post-year{
font-size:12px;
font-weight:bold;
color:#373736;
padding-left:15px;
padding-top:0px;
}
/* End post date */
/* Post body */
.category{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wpuSBVdLgnlgIwApG1_Qu5SFhUIPtgUpXa6HLxwTCX9AgAaiZNtHx1JZm48VHTTIZIP8AErjpP8mg9-aoBVfs5Yp5v0oH4pcWpHl5hnxLy-5DgmjfW77EQOXWOCdXuybbvPSlnqHP0L/s1600/category.png) no-repeat;
margin-left:0px;
}
.author{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzBh_TLYVthsH_J5Rm0vZcG_Wgvcggy8Z3CyOXnqWeNwZizGE89eJqNEDbaKdxrrVS3UrIyjHj8S1CzKjWMYAZ9x6Rr8mN93xSAhnIUpLyd4yl0MOQphjgoD-EDzI7O8M7hRjhT7haKAe/s1600/user.png) no-repeat;
margin-left:0px;
}
.comm{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_oAIDRuxCrX11iXILEH6a-cy42pZB1Tt25LlU3y8QushJpWxXrCfa8xm7m8n9S9rYltHxV8ZrBtta3ggyEDEag3oq_vFT2LvK8d40m00mHYgjsxf8dQcZCrE_Q9Ij7Bt98BZp_VAZj4o/s1600/comments.png) no-repeat;
}
.tag{
padding:2px 5px 2px 22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmZ9NGtYNoPC3kpPXj44srGApwNYOhIR-NGuHZqK0PxbdnMhNBh-R8h7JtQDvG6Gou3s-zDqZwzFClSnooyfU9cQ6P0nsImoUWXPj-1yldMwLMsHvRo55iNSDxHX2qtv-vsJeRUqRULwl/s1600/tag.png) no-repeat;
}
/* +===========================================+
Post Area
+===========================================+ */
#post-area {
float: left;
width: 650px;
font: 13px Helvetica, sans-serif;
margin-top: 20px;
}
/* General Post content */
.post-content{
width: 650px;
float: left;
margin-left: 20px;
margin-right: 20px;
}
.post-content h2 {
padding-top:0px;
padding-bottom:0px;
margin:0px;
color:#125f8c;
font-size:20px;
padding-left: 10px;
}
.post-content h2 a {
text-decoration:none;
color:#125f8c;
}
.post-content h2 a:hover {
color: #0572b1;
}
.post-content h3 {
font-size:11px;
color:#313030;
padding-left: 10px;
padding-bottom: 30px;
margin: 0px;
}
.post-content h3 a{
color:#748500;
font-size: 11px;
text-decoration: none;
}
.post-content h3 a:hover {
color: #556201;
text-decoration: none;
}
.the-content {
padding: 1px 30px 5px 10px;
text-align: justify;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.5em;
}
.the-content a{
color: #748500;
text-decoration: none;
}
.the-content a:hover{
color: #556201;
}
.the-content h1 {
font-size: 26px;
line-height: 1.2;
margin: 0.3em 0 10px;
color: #000000;
}
.the-content h2 {
font-size: 22px;
color: #000000;
line-height: 1.3;
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
}
.the-content h3 {
font-size: 18px;
color: #000000;
line-height: 1.3;
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
padding-bottom: 0px;
}
.the-content h4 {
font-size: 14px;
font-weight: bold;
margin: 1.33em 0 .2em;
color: #000000;
}
.the-content h5 {
font-size: 12px;
font-weight: bold;
margin: 1.67em 0;
color: #000000;
}
.the-content h6 {
font-size: 10px;
font-weight: bold;
margin: 1.67em 0;
color: #000000;
}
.the-content ol li {
line-height: 1.5em;
color: #000000;
font-size: 13px;
}
.the-content ul li {
line-height: 1.5em;
color: #000000;
font-size: 13px;
}
/* +===========================================+
Post continue
+===========================================+ */
.continue{
margin-left: 10px;
margin-bottom: 40px;
}
/* +===========================================+
Navigation
+===========================================+ */
#navigation {
font-size: 14px;
font-weight: bold;
color: #ffffff;
margin-top: 20px;
}
#navigation a{
font-weight: bold;
color: #f7f3e7;
}
#navigation a:hover{
font-weight: bold;
color: #dbc788;
}
.nav-left {
margin-left: 20px;
}
.nav-right {
margin-right: 20px;
margin-left: 20px;
}
/* +=============================================+
Sidebar
+=============================================+ */
.sidebar {
margin-top: 0px;
background: transparent;
width: 290px;
overflow:hidden;
float: right;
}
.social {
}
.sads {
margin-top: 0px;
background-color: transparent;
}
#sideb{
background: transparent;
width: 290px;
color: #3d3d3d;
}
#sideb .LinkList , #sideb .HTML , #sideb .Label , #sideb .Feed , #sideb .BlogArchive ,#sideb .SingleImage ,#sideb .List ,#sideb .Logo , #sideb .BlogProfile , #sideb .VideoBar , #sideb .NewsBar , #sideb .Profile , #sideb .BloggerButton , #sideb .Subscribe , #sideb .NewsBar , #sideb #sideb .BlogList , #sideb .Poll , #sideb .Slideshow , #sideb .Image , #sideb .Adsense , #sideb .Followers , #sideb .Text {
background: transparent;
width: 290px;
color: #3d3d3d;
}
#sideb .HTML .widget-content, #sideb .Profile .widget-content , #sideb .NewsBar .widget-content , #sideb .Poll .widget-content , #sideb .Slideshow .widget-content , #sideb .Text .widget-content, #sideb .BlogArchive.widget-content, #sideb .Label.widget-content, #sideb .List.widget-content, #sideb .VideoBar .widget-content , #sideb .Image .widget-content , #sideb .Adsense .widget-content , #sideb .Followers .widget-content {
padding-right :30px;
margin-right:30px
}
#sideb .LinkList h2 , #sideb .HTML h2 , #sideb .Label h2 , #sideb .Feed h2 ,#sideb .BlogArchive h2 ,#sideb .SingleImage h2 ,#sideb .List h2 ,#sideb .Logo h2 , #sideb .BlogProfile h2 , #sideb .VideoBar h2 , #sideb .NewsBar h2 , #sideb .Profile h2 , #sideb .BlogList h2 , #sideb .Poll h2 , #sideb .Slideshow h2 , #sideb .Image h2 , #sideb .Adsense h2 , #sideb .Followers h2 , #sideb .Text h2{
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSgQxd1QTpEsoaNTUzeF-WU1fjsm5QOs2FqnkyLm9IHPQfbhKKn76L9GfVubHhyhT6snKPs_ANWuUum6M77mrKv-z2KCvZ0I93GqnD_az1rEGmjkYB-dh6N5H_GsTcziBqg-YiBe6ULH/s1600/title.png') no-repeat top;
width: 290px;
height: 43px;
padding-top: 10px;
font-size:16px;
color:#125f8c;
}
#sideb .LinkList ul , #sideb .HTML ul , #sideb .Label ul , #sideb .Feed ul , #sideb .BlogArchive ul ,#sideb .SingleImage ul ,#sideb .List ul ,#sideb .Logo ul , #sideb .BlogProfile ul , #sideb .VideoBar ul , #sideb .NewsBar ul , #sideb .Profile ul , #sideb .BlogList ul , #sideb .Poll ul , #sideb .Slideshow ul , #sideb .Image ul , #sideb .Adsense ul , #sideb .Followers ul , #sideb .Text ul {
list-style-type: none;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList li , #sideb .HTML li , #sideb .Label li , #sideb .Feed li, #sideb .BlogArchive li ,#sideb .SingleImage li ,#sideb .List li ,#sideb .Logo li , #sideb .BlogProfile li , #sideb .VideoBar li , #sideb .NewsBar li , #sideb .Profile li , #sideb .BlogList li , #sideb .Poll li , #sideb .Slideshow li , #sideb .Image li , #sideb .Followers li , #sideb .Text li {
list-style-type: none;
margin: 0px 0px 0px 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList ul ul, #sideb .HTML ul ul, #sideb .Label ul ul, #sideb .Label ul ul, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul ul, #sideb .VideoBar ul ul, #sideb .NewsBar ul ul, #sideb .Profile ul ul, #sideb .BlogList ul ul, #sideb .Poll ul ul, #sideb .Slideshow ul ul, #sideb .Image ul ul, #sideb .Adsense ul ul, #sideb .Followers ul ul, #sideb .Text ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList ul li li, #sideb .HTML ul li li, #sideb .Label ul li li, #sideb .Label ul li li, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li li, #sideb .VideoBar ul li li, #sideb .NewsBar ul li li, #sideb .Profile ul li li, #sideb .BlogList ul li li, #sideb .Poll ul li li, #sideb .Slideshow ul li li, #sideb .Image ul li li, #sideb .Adsense ul li li, #sideb .Followers ul li li, #sideb .Text ul li li {
padding: 5px 0px 5px 35px;
margin: 2px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList ul li li:hover, #sideb .HTML ul li li:hover, #sideb .Label ul li li:hover, #sideb .Label ul li li:hover, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li li:hover, #sideb .VideoBar ul li li:hover, #sideb .NewsBar ul li li:hover, #sideb .Profile ul li li:hover, #sideb .BlogList ul li li:hover, #sideb .Poll ul li li:hover, #sideb .Slideshow ul li li:hover, #sideb .Image ul li li:hover, #sideb .Adsense ul li li:hover, #sideb .Followers ul li li:hover, #sideb .Text ul li li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList ul li ul li:hover, #sideb .HTML ul li ul li:hover, #sideb .Label ul li ul li:hover, #sideb .Label ul li ul li:hover, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li ul li:hover, #sideb .VideoBar ul li ul li:hover, #sideb .NewsBar ul li ul li:hover, #sideb .Profile ul li ul li:hover, #sideb .BlogList ul li ul li:hover, #sideb .Poll ul li ul li:hover, #sideb .Slideshow ul li ul li:hover, #sideb .Image ul li ul li:hover, #sideb .Adsense ul li ul li:hover, #sideb .Followers ul li ul li:hover, #sideb .Text ul li ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList li a , #sideb .HTML li a , #sideb .Label li a , #sideb .Label li a , #sideb .BlogArchive li a ,#sideb .SingleImage li a ,#sideb .List li a ,#sideb .Logo li a , #sideb .BlogProfile li a , #sideb .VideoBar li a , #sideb .NewsBar li a , #sideb .Profile li a , #sideb .BlogList li a , #sideb .Poll li a , #sideb .Slideshow li a , #sideb .Image li a , #sideb .Adsense li a , #sideb .Followers li a , #Text li a {
text-decoration: none;
color: #645a4e;
font-size: 14px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList a:hover, #sideb .HTML a:hover, #sideb .Label a:hover, #sideb .Label a:hover, #sideb .BlogArchive a:hover,#sideb .SingleImage a:hover,#sideb .st a:hover,#sideb .Logo a:hover, #sideb .BlogProfile a:hover, #sideb .VideoBar a:hover, #sideb .NewsBar a:hover, #sideb .Profile a:hover, #sideb .Blogst a:hover, #sideb .Poll a:hover, #sideb .Slideshow a:hover, #sideb .Image a:hover, #sideb .Followers a:hover, #Text a:hover {
text-decoration: none;
color: #897b6a;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
/*+==========================================+
widget
+=========================================+*/
.widget {
background: transparent;
color: #ffffff;
margin-left: 10px;
}
.widget h3{
background: transparent;
width: 300px;
}
/*+==========================================+
Start Footer
+=========================================+*/
#footer {
background: transparent;
clear:both;
position:relative;
width: 100%;
padding-top: 10px;
}
.footerb {
width: 1000px;
height: 30px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_25J3qUXsTexP46kP33szTblXZMihrlaFzoqsJOlo4XCFozRN4pwKj-QmIVkA7BBPfZ-toBfHJpqemmEpbqZTIpMa9kjEuxnXBTGKaWNnle21FZtI0wah-OyLYsz-iQzWw-LCoeFxD1LA/s1600/footer.png) no-repeat;
overflow: hidden;
margin-bottom: 20px;
}
#f1 {
background: #100b03;
text-decoration: none;
padding-left: 10px;
padding-top: 5px;
color:#ffffff;
font-size: 12px;
line-height: 20px;
}
#f1 a {
text-decoration: none;
color:#696969;
}
#f1 a:hover {
text-decoration: none;
color: #adadad;
}
#f2{
width: 1000px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFjCkgh_WoKcjxNwbtNhdNS8MaZVyaV_oG6q98Xcia0gH-nTdsigT-kpTDubZfzQaXxgQylMTSTYeqruQTFvMI0iZgdr9eWuTDr4NUFYsXQ3YBxfFU0i_1-sornSzameIDr14QW2Pko7rs/s1600/f2.png) repeat-y top left;
}
#footer-box1{
width:309px;
padding:0px;
margin:0px 25px 15px 0;
float:left;
}
#footer-box2{
width:309px;
padding:0px;
margin:0px 25px 15px 0;
float:left;}
#footer-box3{
width:309px;
padding:0px;
margin:0px 0px 15px 0;
float:left;
}
#footer h2 {
color:#a79787;
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
margin-left: 10px;
margin-top: 10px;
}
#footer ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#footer ul li {
list-style-type: none;
margin: 0px 0px 3px 0px;
padding: 2px 0px 2px 22px;
margin: 2px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YA9HmABln-B1WOyooqpKSiEwi11-6qJjVhs5bkXE-NQje9HX64e4b680NKcWjLDUdShzIfGWUQj8Wf7dWEMkQcOtSydIsyHVQv7UIg3Og68QcTYZeFy2HUmoih1qBPPAYGwpBMLlVyHJ/s1600/arrow.png) no-repeat top left;
}
#footer a {
text-decoration: none;
color: #696969;
font-size: 14px;
}
#footer a:hover {
text-decoration: none;
color: #414141;
}
.designer {
float: right;
margin-right: 10px;
line-height: 20px;
}
/* +=============================================+
Start Comment
+=============================================+ */
/* Avatar */
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp89XZe8kMG-xzWoJma-8uq8qMGKzqJkc0IP32WFoDH8xjSD_rrFIg2orQEuBBYKyDdLp7saBvsqZ9DS8z6LutAvRZb_DRXr9NeppnzxNuxK6UO5zLWp-OsibttAialJGelODS_4VVGGM/s1600/nophoto.png);width:50px;height:50px;}
#commentform{padding:5px 10px;text-align:left;font-size:14px;color:#454545;}
#commentform p{margin:5px 5px 0 0; padding:0;}
#commentform a{text-decoration:none;line-height:20px;}
#commentform textarea{padding:5px;}
#commentform h3{font-size:14px;font-weight:300;color:#454545;margin:0;padding:0;}
#comment{width:100%;}
#author,#email,#url,#comment{border:1px solid #cfb65d;font-size:12px;padding:3px;margin:5px 5px 0 0;background:#e5dbb8;}
#commentform #submit{
color:#001522;
font-size:12px;
font-weight:bold;
}
#commentform #submit:hover{
color:#01273f;
}
/*cite{}
cite a{}*/
#comments,.nocomments{color:#676767;margin:10px 0px 0px 10px;padding:0 35px;line-height:30px;font-size:16px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguz4y1j4e631ktUNIZzUat1T9bb770Mv3-WAqkq0oKIVTmsc8St-IkdaQ6LvUbDFhNPv_SkUg4L5IpLmwgEqm2iA4PJDDLZwhBuddRfbX3QybDIK38BzEHIYZu6q9zrbR1MWxqGIWqaBj-/s1600/comment.png) no-repeat top left; }
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* +===========================================+
Search Result page
+===========================================+ */
.rtitle{
background: transparent;
text-align: center;
text-decoration:none;
color: #372711;
font-size:20px;
font-weight: bold;
}
.rtitle h2 {
}
.serror{
background: transparent;
color: #8faa12;
font-weight:bold;
font-size:20px;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
]]></b:skin>
</head>
<body>
<div id='header'>
<!-- Start Logo -->
<div id='searchform'>
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search"' id='quick-search' method='get'>
<input class='searchinput' id='searchinput' name='s' onfocus='this.value=' type='text' value='Search'/>
<input class='s-button' id='searchsubmit' type='submit' value='Ok'/>
</form>
</div>
</div> <!-- End Search -->
<div class='logo'><a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN4OeZtMwXL-_uEQUNe4ONwLJFtIl01S7ZeYOo5Ab7MnzBDxjwcmZ0slRnA7dsh7TKxRtrFWvrHdytHvmjUHNb8jKnfn5FVEtzqYbP1M-_FohRx6q3uF1PMzFuH4hYv5N9VLr1iW8lXHOB/s1600/logo2.png' title='Home' width='300'/>
</a>
<span style='margin-left:110px;'><a href='http://www.twitter.com/rodval4ever' target='_blank'><img alt='Follow me on Twitter' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-kJm9ysrHBBK4kzW3ELidrJ1KUH_wzfol8UezxdiAmDOyvH4OC4FmvSjDeMXfWvn5bERVDExY8a-eOayutMrzXAYVkT3TzuOnlHpWaa8It-SqPgxSly6j8clTRbSwhIpb6FHUhuZATky/s1600/twitter.png' title='Follow me on Twitter' width='80'/>
</a> <a href='http://feeds.feedburner.com/BloggerMastering'><img alt=' FEED' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I7GTue6kZosnvTsKGu2g2ENSTC8zdjbRDo3sMDxK0bp5_UM_qTM-xl0R08ODfKi7kXI-FJ8BnEfv2WBLNY3BLU-G1qMF96H6Dvyq_f9CJAx-3q6n1cRo8IKktehOALZ-_Q-pVMQivLQW/s1600/rss.png' title=' FEED' width='80'/>
</a></span>
</div><!-- End logo -->
<!-- start blog description -->
<div class='description'>Just another Blogger theme</div>
<!-- end blog description -->
</div><!-- /header -->
<div id='pagemenu'>
<ul id='dropmenu'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='' title='About'>About</a></li>
<li><a href='' title='Original'>Original</a></li>
<li><a href='' title='Contact'>Contact</a></li>
<li> </li></ul>
</div>
<div id='complete-content'>
<div id='post-content-m'>
<!-- start post code-->
<div class='post' id=''>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div class='sidebar'>
<!-- start 125x125 px ads -->
<div class='sads'>
<table align='center' border='0' cellspacing='5'>
<tr>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
</tr>
<tr>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
</tr>
</table>
</div>
<div id='sideb'>
<ul>
<b:section class='sideb1' id='sideb1' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Ma liste de blogs' type='BlogList'/>
<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Qui ?tes-vous ?' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>
</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'>
<!-- Please Don't Remove Link Back, Thanks! -->
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 id='stitle'/>
</ul>
</div>
</div>
</div><!-- /post-content-m -->
</div><!-- /complete-content -->
<div id='footer'>
<div id='f2'>
<div id='footer-box1'>
<h2>Column 1</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div id='footer-box2'>
<h2>Column2</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div id='footer-box3'>
<h2>Column 3</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div class='clear'/>
</div>
</div>
<div id='f1'>
<div class='designer'>Designed by: <a href='http://www.abdur-rozak.co.cc/2011/05/free-template-blogspot-dan-wordpress.html'>Abdur</a> | Converted for Blogger by <a href='http://www.facebook.com/pages/BLOGS-4YOU/188538721193839'>Fb fanspage</a> and <a href='http://www.abdur-rozak.co.cc/'>Blogger Mastering</a></div>
BlogName 2010
</div>
<div class='footerb'> </div>
</body>
</html>
Setelah di parse kemudian SIMPAN TEMPLATE.
Dibawah ini adalah contoh desain sesuai kode di atas,type dua coloums dengan empat widget di kaki laman.Oh ya ini free tidak abdur jual dibagikan kepada rekanpun abdur ijinkan.
yang berikut ini adalah desain abdur yang berjudul BLOGNAME.Ini adalah salah satu desain abdur dan diberikan kepada siapapun untuk mewujudkan silaturohiim dalam jaringan internet.Oh ya bagi pemula caranya juga mudah untuk mengganti desain lama dengan desain dari abdur,cukup kosongkan tab edit entry setelah berada dalam rancangan dasbor selanjutnya kopy seluruh kode dibawah ini dan paste kedalam tab yang telah dikosongkan.
<?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/> | Here goes my blog description</title>
<b:skin><![CDATA[/*
/* +-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+-+
Theme Name: dNoteBook
URL: http://blogger-au-bout-du-doigt.blogspot.com/
http://www.abdur-rozak.co.cc/
Originally it was wordpress themes by
Author: Abdur
Author URI: http://www.abdur-rozak.co.cc/
Theme URI: http://www.wpyag.com/free-wordpress-themes/free-wordpress-theme-dnotebook/
Description: A wordpress theme made by <a href="http://www.wpyag.com/">WordPress Yag</a>.
Version: 1.0
Tags: blue,black, dark, custom header, fixed width, two columns, widgets
dNoteBook WordPress Theme
http://www.wpyag.com/free-wordpress-themes/free-wordpress-theme-dnotebook/
This theme is designed by TechYag Admin.
Template released under the Creative Commons Atribution License,
PLEASE DO NOT REMOVE THE FOOTER CREDITS
*/
/* +===========================================+
Body
+===========================================+ */
body {
background: #232220 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiO16noT3_migzUQOxKSKfMsaIGh2GS25qz-fUzgUbqcpnrvzg8khE5hEWb4CB53_5tmNP7n6cTglU5pnBJAFtxTyXtEQuZS1tx_Dy2T-aeuiUHFo3hrVtVl5ao2rOkEQWVqA0bJRpPjLin/s1600/bg.jpg);
font-size: 13px;
font-family: Tahoma, 'Lucida Grande', Verdana, Arial, Sans-Serif;
color: #000000;
height: 100%;
width: 1000px;
margin: 0px auto;
padding: 0px;
}
/* +===========================================+
General wordpress CSS
+===========================================+ */
.clear {
clear: both;
}
.clearleft { clear:left; }
img {
border: 0;
}
a img {
border: none;
}
p img {
padding: 0;
max-width: 100%;
border: 1px solid #b3b3b3;
}
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
border: 1px solid #b3b3b3;
}
img.alignright {
display: inline;
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
border: 1px solid #b3b3b3;
}
img.alignleft {
display: inline;
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
border: 1px solid #b3b3b3;
}
.entry img {
max-width: 659px;
/* smooth image resizement in IE7+ */
-ms-interpolation-mode: bicubic;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
blockquote {
border: 1px solid #d1c189;
padding:10px 10px 10px 20px;
font-style:italic;
margin:10px 0;
background:#e5dbb8 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmxN48l5lnCJ1pnWdQcuhyUHXQRYNh-_9ddoW6L3IeeFqGNxAF8t3Cy71QpyJXns1paaL_pmpLE38Ion8cS8FTJsBk9EVV0cfbqW7ljW4OLRMOaMJVA7mslbrgr1DeIRkL65yRKEJdZlFS/s1600/quote.png) no-repeat;
color: #000000;
}
code {
font-family: Consolas, Monaco, monospace;
font-size: 10px;
padding: 1px 3px;
}
del { color: #000000; text-decoration: line-through; }
em { font-style: italic; }
hr {
border: 0;
color: #65421c;
background: #65421c;
height: 1px;
}
a {
text-decoration: none;
color: #748500;
}
a:link, a:visited {
color: #082b53;
}
a:focus, a:hover, a:active {
color: #556201;
}
del {
color: #000000; text-decoration: line-through;
}
em {
font-style: italic;
}
input {
vertical-align: middle;
}
ins {
color: #000000; text-decoration: none;
}
small {
font-size: 0.8em;
}
sub, sup {
font-size: 0.7em;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.aligncenter img, .aligncenter p.wp-caption-text {
display: block;
margin-left: auto;
margin-right: auto;
text-align: center;
}
.entry div.alignleft {
float: left; margin: 0 10px 10px 0;
}
.wp-caption {
background-color: #bcbbbb;
border: 1px solid #aeadad;
overflow: hidden;
padding: 3px;
}
.wp-caption img {
border: 0 none;
margin: 0;
padding: 0; }
.wp-caption p.wp-caption-text {
font-size: 13px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* +===========================================+
Header
+===========================================+ */
/* General Header */
#header{
background: transparent;
width: 1000px;
height: 120px;
margin-top: 20px;
}
#header .logo {
padding-top: 0px;
}
#header .description {
position: relative;
color: #d4d4d4;
font-size: 16px;
}
#search-h{
border: none;
float: right;
position: relative;
}
#search{
border: none;
float: right;
position: relative;
}
#search form#searchform{
position: absolute;
top: 16px;
right: 15px;
width: 210px;
height: 25px;
border: none;
background-color: #110b04;
}
#search form#searchform .searchinput{
position: absolute;
top: 5px;
left: 8px;
color: #b8b8b8;
font-size: 12px;
width: 175px;
border: 0;
background-color: #110b04;
}
#search form#searchform .s-button{
position: absolute;
top: 0px;
left: 185px;
background: url() no-repeat;
height: 25px;
width: 25px;
border: 0;
cursor: pointer;
}
/* +===========================================+
Drop down page menu
+===========================================+ */
#pagemenu{
width: 1000px;
height: 50px;
}
#dropmenu, #dropmenu ul {margin:0; padding:0; list-style-type:none; list-style-position:outside; position:relative; line-height:1.5em; z-index:300; width:100%; background:#21190e; font-size:16px; font-weight:bold;}
#dropmenu a {display:block; padding:0.25em 1em; color:#f1e8cc; border:1px solid #4e3d27; text-decoration:none; background:#21190e;}
#dropmenu a:hover {background:#21190e; color:#d8c687;}
#dropmenu li {float:left; position:relative;}
#dropmenu ul {position:absolute; display:none; width:12em; top:1.9em; left:-1px;}
#dropmenu ul a {border-left:1px solid #a2a2a2;}
#dropmenu li ul {border-top:1px solid #a2a2a2; width:14.1em;}
#dropmenu li ul a {width:12em; height:auto; float:left; border-bottom:1px solid #4e3d27;}
#dropmenu ul ul {top:auto;}
#dropmenu li ul ul {left:12em; margin:0px 0 0 10px;}
#dropmenu li:hover ul ul, #dropmenu li:hover ul ul ul, #dropmenu li:hover ul ul ul ul {display:none;}
#dropmenu li:hover ul, #dropmenu li li:hover ul, #dropmenu li li li:hover ul, #dropmenu li li li li:hover ul {display:block;}
/* +===========================================+
Complete Content
+===========================================+ */
#complete-content{
margin: 0px auto;
width: 1000px;
}
/* +===========================================+
Post body background
+===========================================+ */
#post-content-m{
width: 1000px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPq81FnqvNBOcObv77C_0UOQmc5KZpbFRoBkMsrGJNr_b55uxeCrKiaOMLKSXFahxp0peUf0DSP7PO9MW6MIF4tNLAWTYE1KWk5mn_GAC3YwTlml394Qc3feohgmghLnlPiW2RpnxzNNUP/s1600/bg-post-c.JPG) repeat-y;
float: left;
overflow: hidden;
}
/* +===========================================+
Post Details
+===========================================+ */
.post-month{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsyZutp-XfMskC9dPYQ7AknVlrGTF8YzL8BKPOLdP0NBFqj_J9UiRmLzl5Uat3SCbxa4V921Hun7xhw4DheqK-IjXwF1oo5PVq5qwPH0wo9DzaGFT3sAdRky7MPC6pKmCD4xP71yUEyTc3/s1600/date.png) no-repeat top left ;
float:left;
font-size:15px;
font-family:Verdana, Arial, Helvetica, sans-serif;
width: 70px;
height: 70px;
color:#373736;
padding-top:0px;
padding-bottom:0px;
text-transform:uppercase;
}
.post-date{
font-size:14px;
font-weight:bold;
color:#373736;
padding-left:15px;
padding-top:10px;
}
.post-year{
font-size:12px;
font-weight:bold;
color:#373736;
padding-left:15px;
padding-top:0px;
}
/* End post date */
/* Post body */
.category{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg25wpuSBVdLgnlgIwApG1_Qu5SFhUIPtgUpXa6HLxwTCX9AgAaiZNtHx1JZm48VHTTIZIP8AErjpP8mg9-aoBVfs5Yp5v0oH4pcWpHl5hnxLy-5DgmjfW77EQOXWOCdXuybbvPSlnqHP0L/s1600/category.png) no-repeat;
margin-left:0px;
}
.author{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAzBh_TLYVthsH_J5Rm0vZcG_Wgvcggy8Z3CyOXnqWeNwZizGE89eJqNEDbaKdxrrVS3UrIyjHj8S1CzKjWMYAZ9x6Rr8mN93xSAhnIUpLyd4yl0MOQphjgoD-EDzI7O8M7hRjhT7haKAe/s1600/user.png) no-repeat;
margin-left:0px;
}
.comm{
padding:2px 5px 2px 20px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2_oAIDRuxCrX11iXILEH6a-cy42pZB1Tt25LlU3y8QushJpWxXrCfa8xm7m8n9S9rYltHxV8ZrBtta3ggyEDEag3oq_vFT2LvK8d40m00mHYgjsxf8dQcZCrE_Q9Ij7Bt98BZp_VAZj4o/s1600/comments.png) no-repeat;
}
.tag{
padding:2px 5px 2px 22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxmZ9NGtYNoPC3kpPXj44srGApwNYOhIR-NGuHZqK0PxbdnMhNBh-R8h7JtQDvG6Gou3s-zDqZwzFClSnooyfU9cQ6P0nsImoUWXPj-1yldMwLMsHvRo55iNSDxHX2qtv-vsJeRUqRULwl/s1600/tag.png) no-repeat;
}
/* +===========================================+
Post Area
+===========================================+ */
#post-area {
float: left;
width: 650px;
font: 13px Helvetica, sans-serif;
margin-top: 20px;
}
/* General Post content */
.post-content{
width: 650px;
float: left;
margin-left: 20px;
margin-right: 20px;
}
.post-content h2 {
padding-top:0px;
padding-bottom:0px;
margin:0px;
color:#125f8c;
font-size:20px;
padding-left: 10px;
}
.post-content h2 a {
text-decoration:none;
color:#125f8c;
}
.post-content h2 a:hover {
color: #0572b1;
}
.post-content h3 {
font-size:11px;
color:#313030;
padding-left: 10px;
padding-bottom: 30px;
margin: 0px;
}
.post-content h3 a{
color:#748500;
font-size: 11px;
text-decoration: none;
}
.post-content h3 a:hover {
color: #556201;
text-decoration: none;
}
.the-content {
padding: 1px 30px 5px 10px;
text-align: justify;
font-size: 13px;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
line-height: 1.5em;
}
.the-content a{
color: #748500;
text-decoration: none;
}
.the-content a:hover{
color: #556201;
}
.the-content h1 {
font-size: 26px;
line-height: 1.2;
margin: 0.3em 0 10px;
color: #000000;
}
.the-content h2 {
font-size: 22px;
color: #000000;
line-height: 1.3;
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
}
.the-content h3 {
font-size: 18px;
color: #000000;
line-height: 1.3;
margin: 1em 0 .2em;
background: transparent;
padding-left: 0px;
padding-bottom: 0px;
}
.the-content h4 {
font-size: 14px;
font-weight: bold;
margin: 1.33em 0 .2em;
color: #000000;
}
.the-content h5 {
font-size: 12px;
font-weight: bold;
margin: 1.67em 0;
color: #000000;
}
.the-content h6 {
font-size: 10px;
font-weight: bold;
margin: 1.67em 0;
color: #000000;
}
.the-content ol li {
line-height: 1.5em;
color: #000000;
font-size: 13px;
}
.the-content ul li {
line-height: 1.5em;
color: #000000;
font-size: 13px;
}
/* +===========================================+
Post continue
+===========================================+ */
.continue{
margin-left: 10px;
margin-bottom: 40px;
}
/* +===========================================+
Navigation
+===========================================+ */
#navigation {
font-size: 14px;
font-weight: bold;
color: #ffffff;
margin-top: 20px;
}
#navigation a{
font-weight: bold;
color: #f7f3e7;
}
#navigation a:hover{
font-weight: bold;
color: #dbc788;
}
.nav-left {
margin-left: 20px;
}
.nav-right {
margin-right: 20px;
margin-left: 20px;
}
/* +=============================================+
Sidebar
+=============================================+ */
.sidebar {
margin-top: 0px;
background: transparent;
width: 290px;
overflow:hidden;
float: right;
}
.social {
}
.sads {
margin-top: 0px;
background-color: transparent;
}
#sideb{
background: transparent;
width: 290px;
color: #3d3d3d;
}
#sideb .LinkList , #sideb .HTML , #sideb .Label , #sideb .Feed , #sideb .BlogArchive ,#sideb .SingleImage ,#sideb .List ,#sideb .Logo , #sideb .BlogProfile , #sideb .VideoBar , #sideb .NewsBar , #sideb .Profile , #sideb .BloggerButton , #sideb .Subscribe , #sideb .NewsBar , #sideb #sideb .BlogList , #sideb .Poll , #sideb .Slideshow , #sideb .Image , #sideb .Adsense , #sideb .Followers , #sideb .Text {
background: transparent;
width: 290px;
color: #3d3d3d;
}
#sideb .HTML .widget-content, #sideb .Profile .widget-content , #sideb .NewsBar .widget-content , #sideb .Poll .widget-content , #sideb .Slideshow .widget-content , #sideb .Text .widget-content, #sideb .BlogArchive.widget-content, #sideb .Label.widget-content, #sideb .List.widget-content, #sideb .VideoBar .widget-content , #sideb .Image .widget-content , #sideb .Adsense .widget-content , #sideb .Followers .widget-content {
padding-right :30px;
margin-right:30px
}
#sideb .LinkList h2 , #sideb .HTML h2 , #sideb .Label h2 , #sideb .Feed h2 ,#sideb .BlogArchive h2 ,#sideb .SingleImage h2 ,#sideb .List h2 ,#sideb .Logo h2 , #sideb .BlogProfile h2 , #sideb .VideoBar h2 , #sideb .NewsBar h2 , #sideb .Profile h2 , #sideb .BlogList h2 , #sideb .Poll h2 , #sideb .Slideshow h2 , #sideb .Image h2 , #sideb .Adsense h2 , #sideb .Followers h2 , #sideb .Text h2{
background: transparent url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg_JSgQxd1QTpEsoaNTUzeF-WU1fjsm5QOs2FqnkyLm9IHPQfbhKKn76L9GfVubHhyhT6snKPs_ANWuUum6M77mrKv-z2KCvZ0I93GqnD_az1rEGmjkYB-dh6N5H_GsTcziBqg-YiBe6ULH/s1600/title.png') no-repeat top;
width: 290px;
height: 43px;
padding-top: 10px;
font-size:16px;
color:#125f8c;
}
#sideb .LinkList ul , #sideb .HTML ul , #sideb .Label ul , #sideb .Feed ul , #sideb .BlogArchive ul ,#sideb .SingleImage ul ,#sideb .List ul ,#sideb .Logo ul , #sideb .BlogProfile ul , #sideb .VideoBar ul , #sideb .NewsBar ul , #sideb .Profile ul , #sideb .BlogList ul , #sideb .Poll ul , #sideb .Slideshow ul , #sideb .Image ul , #sideb .Adsense ul , #sideb .Followers ul , #sideb .Text ul {
list-style-type: none;
margin: 0px 0px 20px 0px;
padding: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList li , #sideb .HTML li , #sideb .Label li , #sideb .Feed li, #sideb .BlogArchive li ,#sideb .SingleImage li ,#sideb .List li ,#sideb .Logo li , #sideb .BlogProfile li , #sideb .VideoBar li , #sideb .NewsBar li , #sideb .Profile li , #sideb .BlogList li , #sideb .Poll li , #sideb .Slideshow li , #sideb .Image li , #sideb .Followers li , #sideb .Text li {
list-style-type: none;
margin: 0px 0px 0px 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList ul ul, #sideb .HTML ul ul, #sideb .Label ul ul, #sideb .Label ul ul, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul ul, #sideb .VideoBar ul ul, #sideb .NewsBar ul ul, #sideb .Profile ul ul, #sideb .BlogList ul ul, #sideb .Poll ul ul, #sideb .Slideshow ul ul, #sideb .Image ul ul, #sideb .Adsense ul ul, #sideb .Followers ul ul, #sideb .Text ul ul {
list-style-type: none;
margin: 0px;
padding: 0px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList ul li li, #sideb .HTML ul li li, #sideb .Label ul li li, #sideb .Label ul li li, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li li, #sideb .VideoBar ul li li, #sideb .NewsBar ul li li, #sideb .Profile ul li li, #sideb .BlogList ul li li, #sideb .Poll ul li li, #sideb .Slideshow ul li li, #sideb .Image ul li li, #sideb .Adsense ul li li, #sideb .Followers ul li li, #sideb .Text ul li li {
padding: 5px 0px 5px 35px;
margin: 2px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList ul li li:hover, #sideb .HTML ul li li:hover, #sideb .Label ul li li:hover, #sideb .Label ul li li:hover, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li li:hover, #sideb .VideoBar ul li li:hover, #sideb .NewsBar ul li li:hover, #sideb .Profile ul li li:hover, #sideb .BlogList ul li li:hover, #sideb .Poll ul li li:hover, #sideb .Slideshow ul li li:hover, #sideb .Image ul li li:hover, #sideb .Adsense ul li li:hover, #sideb .Followers ul li li:hover, #sideb .Text ul li li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList ul li ul li:hover, #sideb .HTML ul li ul li:hover, #sideb .Label ul li ul li:hover, #sideb .Label ul li ul li:hover, #sideb .BlogArchive li a:visited ,#sideb .SingleImage li a:visited ,#sideb .List li a:visited ,#sideb .Logo li a:visited , #sideb .BlogProfile ul li ul li:hover, #sideb .VideoBar ul li ul li:hover, #sideb .NewsBar ul li ul li:hover, #sideb .Profile ul li ul li:hover, #sideb .BlogList ul li ul li:hover, #sideb .Poll ul li ul li:hover, #sideb .Slideshow ul li ul li:hover, #sideb .Image ul li ul li:hover, #sideb .Adsense ul li ul li:hover, #sideb .Followers ul li ul li:hover, #sideb .Text ul li ul li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxynVcfKUQzGLqwvgg2sSneKqnNHskhJXAFlEgSD2Tpzyk6N9MV3TifsShdbTTsJPdnydA14lnT2QFWOSgg0xqfJdTPcSeojGEzUjZheeLwzHoRVSJ75FMKQwht2NrhGWF62pgcpo6fKmO/s1600/sideh.png) no-repeat;
}
#sideb .LinkList li a , #sideb .HTML li a , #sideb .Label li a , #sideb .Label li a , #sideb .BlogArchive li a ,#sideb .SingleImage li a ,#sideb .List li a ,#sideb .Logo li a , #sideb .BlogProfile li a , #sideb .VideoBar li a , #sideb .NewsBar li a , #sideb .Profile li a , #sideb .BlogList li a , #sideb .Poll li a , #sideb .Slideshow li a , #sideb .Image li a , #sideb .Adsense li a , #sideb .Followers li a , #Text li a {
text-decoration: none;
color: #645a4e;
font-size: 14px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
#sideb .LinkList a:hover, #sideb .HTML a:hover, #sideb .Label a:hover, #sideb .Label a:hover, #sideb .BlogArchive a:hover,#sideb .SingleImage a:hover,#sideb .st a:hover,#sideb .Logo a:hover, #sideb .BlogProfile a:hover, #sideb .VideoBar a:hover, #sideb .NewsBar a:hover, #sideb .Profile a:hover, #sideb .Blogst a:hover, #sideb .Poll a:hover, #sideb .Slideshow a:hover, #sideb .Image a:hover, #sideb .Followers a:hover, #Text a:hover {
text-decoration: none;
color: #897b6a;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidWnClHhsb1TgQ1s-rrpxwQTQKCJePMjtUsQ7YcY_2mfm1y0Tnbr5rVUwMvqP6KBZZfefIV_BbhuDj2tsUNJCDA_HVZzU0LKAA3_gFtHWUM4tzfss8F7gAIA1RdIP5WZZYUqL9FQcLMfqX/s1600/sidea.png) no-repeat ;
}
/*+==========================================+
widget
+=========================================+*/
.widget {
background: transparent;
color: #ffffff;
margin-left: 10px;
}
.widget h3{
background: transparent;
width: 300px;
}
/*+==========================================+
Start Footer
+=========================================+*/
#footer {
background: transparent;
clear:both;
position:relative;
width: 100%;
padding-top: 10px;
}
.footerb {
width: 1000px;
height: 30px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_25J3qUXsTexP46kP33szTblXZMihrlaFzoqsJOlo4XCFozRN4pwKj-QmIVkA7BBPfZ-toBfHJpqemmEpbqZTIpMa9kjEuxnXBTGKaWNnle21FZtI0wah-OyLYsz-iQzWw-LCoeFxD1LA/s1600/footer.png) no-repeat;
overflow: hidden;
margin-bottom: 20px;
}
#f1 {
background: #100b03;
text-decoration: none;
padding-left: 10px;
padding-top: 5px;
color:#ffffff;
font-size: 12px;
line-height: 20px;
}
#f1 a {
text-decoration: none;
color:#696969;
}
#f1 a:hover {
text-decoration: none;
color: #adadad;
}
#f2{
width: 1000px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFjCkgh_WoKcjxNwbtNhdNS8MaZVyaV_oG6q98Xcia0gH-nTdsigT-kpTDubZfzQaXxgQylMTSTYeqruQTFvMI0iZgdr9eWuTDr4NUFYsXQ3YBxfFU0i_1-sornSzameIDr14QW2Pko7rs/s1600/f2.png) repeat-y top left;
}
#footer-box1{
width:309px;
padding:0px;
margin:0px 25px 15px 0;
float:left;
}
#footer-box2{
width:309px;
padding:0px;
margin:0px 25px 15px 0;
float:left;}
#footer-box3{
width:309px;
padding:0px;
margin:0px 0px 15px 0;
float:left;
}
#footer h2 {
color:#a79787;
font-family:Arial, Helvetica, sans-serif;
font-size:14pt;
margin-left: 10px;
margin-top: 10px;
}
#footer ul {
list-style-type: none;
margin: 0px 0px 10px 0px;
padding: 0px;
}
#footer ul li {
list-style-type: none;
margin: 0px 0px 3px 0px;
padding: 2px 0px 2px 22px;
margin: 2px 0;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2YA9HmABln-B1WOyooqpKSiEwi11-6qJjVhs5bkXE-NQje9HX64e4b680NKcWjLDUdShzIfGWUQj8Wf7dWEMkQcOtSydIsyHVQv7UIg3Og68QcTYZeFy2HUmoih1qBPPAYGwpBMLlVyHJ/s1600/arrow.png) no-repeat top left;
}
#footer a {
text-decoration: none;
color: #696969;
font-size: 14px;
}
#footer a:hover {
text-decoration: none;
color: #414141;
}
.designer {
float: right;
margin-right: 10px;
line-height: 20px;
}
/* +=============================================+
Start Comment
+=============================================+ */
/* Avatar */
.avatar-image-container img {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhp89XZe8kMG-xzWoJma-8uq8qMGKzqJkc0IP32WFoDH8xjSD_rrFIg2orQEuBBYKyDdLp7saBvsqZ9DS8z6LutAvRZb_DRXr9NeppnzxNuxK6UO5zLWp-OsibttAialJGelODS_4VVGGM/s1600/nophoto.png);width:50px;height:50px;}
#commentform{padding:5px 10px;text-align:left;font-size:14px;color:#454545;}
#commentform p{margin:5px 5px 0 0; padding:0;}
#commentform a{text-decoration:none;line-height:20px;}
#commentform textarea{padding:5px;}
#commentform h3{font-size:14px;font-weight:300;color:#454545;margin:0;padding:0;}
#comment{width:100%;}
#author,#email,#url,#comment{border:1px solid #cfb65d;font-size:12px;padding:3px;margin:5px 5px 0 0;background:#e5dbb8;}
#commentform #submit{
color:#001522;
font-size:12px;
font-weight:bold;
}
#commentform #submit:hover{
color:#01273f;
}
/*cite{}
cite a{}*/
#comments,.nocomments{color:#676767;margin:10px 0px 0px 10px;padding:0 35px;line-height:30px;font-size:16px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguz4y1j4e631ktUNIZzUat1T9bb770Mv3-WAqkq0oKIVTmsc8St-IkdaQ6LvUbDFhNPv_SkUg4L5IpLmwgEqm2iA4PJDDLZwhBuddRfbX3QybDIK38BzEHIYZu6q9zrbR1MWxqGIWqaBj-/s1600/comment.png) no-repeat top left; }
#comments-block {
margin:1em 0 1.5em;
line-height:1.6em;
}
#comments-block .comment-author {
margin:.5em 0;
}
#comments-block .comment-body {
margin:.25em 0 0;
}
#comments-block .comment-footer {
margin:-.25em 0 2em;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.1em;
}
#comments-block .comment-body p {
margin:0 0 .75em;
}
.deleted-comment {
font-style:italic;
color:gray;
}
/* +===========================================+
Search Result page
+===========================================+ */
.rtitle{
background: transparent;
text-align: center;
text-decoration:none;
color: #372711;
font-size:20px;
font-weight: bold;
}
.rtitle h2 {
}
.serror{
background: transparent;
color: #8faa12;
font-weight:bold;
font-size:20px;
}
#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
#blog-pager-newer-link {
float: left;
}
#blog-pager-older-link {
float: right;
}
#blog-pager {
text-align: center;
}
]]></b:skin>
</head>
<body>
<div id='header'>
<!-- Start Logo -->
<div id='searchform'>
<div id='search'>
<form expr:action='data:blog.homepageUrl + "search"' id='quick-search' method='get'>
<input class='searchinput' id='searchinput' name='s' onfocus='this.value=' type='text' value='Search'/>
<input class='s-button' id='searchsubmit' type='submit' value='Ok'/>
</form>
</div>
</div> <!-- End Search -->
<div class='logo'><a expr:href='data:blog.homepageUrl'><img alt='' border='0' height='50' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjN4OeZtMwXL-_uEQUNe4ONwLJFtIl01S7ZeYOo5Ab7MnzBDxjwcmZ0slRnA7dsh7TKxRtrFWvrHdytHvmjUHNb8jKnfn5FVEtzqYbP1M-_FohRx6q3uF1PMzFuH4hYv5N9VLr1iW8lXHOB/s1600/logo2.png' title='Home' width='300'/>
</a>
<span style='margin-left:110px;'><a href='http://www.twitter.com/rodval4ever' target='_blank'><img alt='Follow me on Twitter' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgU-kJm9ysrHBBK4kzW3ELidrJ1KUH_wzfol8UezxdiAmDOyvH4OC4FmvSjDeMXfWvn5bERVDExY8a-eOayutMrzXAYVkT3TzuOnlHpWaa8It-SqPgxSly6j8clTRbSwhIpb6FHUhuZATky/s1600/twitter.png' title='Follow me on Twitter' width='80'/>
</a> <a href='http://feeds.feedburner.com/BloggerMastering'><img alt=' FEED' border='0' height='80' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2I7GTue6kZosnvTsKGu2g2ENSTC8zdjbRDo3sMDxK0bp5_UM_qTM-xl0R08ODfKi7kXI-FJ8BnEfv2WBLNY3BLU-G1qMF96H6Dvyq_f9CJAx-3q6n1cRo8IKktehOALZ-_Q-pVMQivLQW/s1600/rss.png' title=' FEED' width='80'/>
</a></span>
</div><!-- End logo -->
<!-- start blog description -->
<div class='description'>Just another Blogger theme</div>
<!-- end blog description -->
</div><!-- /header -->
<div id='pagemenu'>
<ul id='dropmenu'>
<li><a expr:href='data:blog.homepageUrl' title='Home'>Home</a></li>
<li><a href='' title='About'>About</a></li>
<li><a href='' title='Original'>Original</a></li>
<li><a href='' title='Contact'>Contact</a></li>
<li> </li></ul>
</div>
<div id='complete-content'>
<div id='post-content-m'>
<!-- start post code-->
<div class='post' id=''>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</div>
<div class='sidebar'>
<!-- start 125x125 px ads -->
<div class='sads'>
<table align='center' border='0' cellspacing='5'>
<tr>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
</tr>
<tr>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
<td><a href='#' target='_blank' title='Your Ads Here'><img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE7jiYmOLvpWee1XR__7TfkNhjlyP0uuAXZLMcQlx5q72rz2kBw4B09IniqgeWgyVQyfLuIsfi7ebPq1DMBv8-ETwHQgLCOOZvp9T4DDOVHcr0CLb-qv6yN4dbZVhgb-Xba-i-RDrWRurh/s1600/ads.png'/></a></td>
</tr>
</table>
</div>
<div id='sideb'>
<ul>
<b:section class='sideb1' id='sideb1' preferred='yes'>
<b:widget id='BlogList1' locked='false' title='Ma liste de blogs' type='BlogList'/>
<b:widget id='BlogArchive1' locked='false' title='Archives du blog' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='Qui ?tes-vous ?' type='Profile'/>
<b:widget id='Followers1' locked='false' title='Membres' type='Followers'/>
</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'>
<!-- Please Don't Remove Link Back, Thanks! -->
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 id='stitle'/>
</ul>
</div>
</div>
</div><!-- /post-content-m -->
</div><!-- /complete-content -->
<div id='footer'>
<div id='f2'>
<div id='footer-box1'>
<h2>Column 1</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div id='footer-box2'>
<h2>Column2</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div id='footer-box3'>
<h2>Column 3</h2><hr/>
<ul>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
<li><a href=''>Link text</a></li>
</ul>
</div>
<div class='clear'/>
</div>
</div>
<div id='f1'>
<div class='designer'>Designed by: <a href='http://www.abdur-rozak.co.cc/2011/05/free-template-blogspot-dan-wordpress.html'>Abdur</a> | Converted for Blogger by <a href='http://www.facebook.com/pages/BLOGS-4YOU/188538721193839'>Fb fanspage</a> and <a href='http://www.abdur-rozak.co.cc/'>Blogger Mastering</a></div>
BlogName 2010
</div>
<div class='footerb'> </div>
</body>
</html>
Dibawah ini adalah contoh desain sesuai kode di atas,type dua coloums dengan empat widget di kaki laman.Oh ya ini free tidak abdur jual dibagikan kepada rekanpun abdur ijinkan.