rozak: FREE TEMPLATE BLOGSPOT DAN WORDPRESS-4

Akhy...
yang satu ini cukup bagus dijadikan desain blog,warnanya begitu cantik dan anggun.Lihat saja contoh dibawah ini.

Anggun kan...

Warna warnanya pun serasi biru yang dipadukan dengan warna abu abu,segera copy code dibawah ini dan masuk kedasbor blog akhy.Kemudian klik Rancangan dan pilih edit HTML,paste copy dibawah ini kedalam tab edit html yang telah dikosongkan.Ingat..!jangan ada kode yang tertinggal supaya bentuknya tidak rusak.

<?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 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[/*
-----------------------------------------------
Name: Blue Flower
Designer: Abdur
URL: www.abdur-rozak.co.cc
Type: Free Blogger Beta Skin
----------------------------------------------- */

/* Variable definitions
====================
<Variable name="bgcolor" description="Page Background Color"
type="color" default="#fff" value="#ffffff">
<Variable name="textcolor" description="Text Color"
type="color" default="#333" value="#333333">
<Variable name="linkcolor" description="Link Color"
type="color" default="#58a" value="#5588aa">
<Variable name="pagetitlecolor" description="Blog Title Color"
type="color" default="#666" value="#666666">
<Variable name="descriptioncolor" description="Blog Description Color"
type="color" default="#999" value="#999999">
<Variable name="titlecolor" description="Post Title Color"
type="color" default="#c60" value="#cc6600">
<Variable name="bordercolor" description="Border Color"
type="color" default="#ccc" value="#cccccc">
<Variable name="sidebarcolor" description="Sidebar Title Color"
type="color" default="#999" value="#999999">
<Variable name="sidebartextcolor" description="Sidebar Text Color"
type="color" default="#666" value="#666666">
<Variable name="visitedlinkcolor" description="Visited Link Color"
type="color" default="#999" value="#999999">
<Variable name="bodyfont" description="Text Font"
type="font" default="normal normal 100% Georgia, Serif" value="normal normal 100% Georgia, Serif">
<Variable name="headerfont" description="Sidebar Title Font"
type="font"
default="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif" value="normal normal 78% 'Trebuchet MS',Trebuchet,Arial,Verdana,Sans-serif">
<Variable name="pagetitlefont" description="Blog Title Font"
type="font"
default="normal normal 200% Georgia, Serif" value="normal bold 200% Verdana, sans-serif">
<Variable name="descriptionfont" description="Blog Description Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
<Variable name="postfooterfont" description="Post Footer Font"
type="font"
default="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif" value="normal normal 78% 'Trebuchet MS', Trebuchet, Arial, Verdana, Sans-serif">
*/

/* Use this with templates/template-twocol.html */

#navbar-iframe {
height: 0px;
visibility: hidden;
display: none;
}
body {
background:#656668 url("http://i188.photobucket.com/albums/z203/freetemplates5/broken-flower-body-2.jpg") repeat-x;
margin:0;
padding:0;
font:100%/1em "Times New Roman", Times, Serif;
text-align: center;
color:#333;
}
a:link {
color:#333;
text-decoration:none;
}
a:visited {
color:#333;
text-decoration:none;
}
a:hover {
color:#999;
text-decoration:underline;
}
#main .post-body a:link {
color:#333;
text-decoration:underline;
}
#main .post-body a:visited {
color:#333;
text-decoration:underline;
}
#main .post-body a:hover {
color:#999;
text-decoration:none;
}

a img {
border-width:0;
}
.post-body img {
margin:5px;
border:2px solid #DBCE6F;
}
#main-wrapper a:link {
color:#333;
text-decoration:none;
}
#main-wrapper a:visited {
color:#333;
text-decoration:none;
}
#main-wrapper a:hover {
color:#777;
text-decoration:underline;
}

/* Header
-----------------------------------------------
*/

#header-wrapper {
background:url("http://i188.photobucket.com/albums/z203/freetemplates5/broken-flower-heading-2.jpg") no-repeat;
width:770px;
height:162px;
margin:0 auto 20px;
padding:0;
text-align:left;
}
#header {
margin:0;
padding:115px 0 0 20px;
}

#header h1 {
margin:0;
padding:0;
font-size: 160%;
font-weight:bold;
line-height: 1.4em;
letter-spacing:.2em;
font-style:italic;
color:#8ba6f9;
}

#header a {
color:#8ba6f9;
text-decoration:none;
}

#header a:hover {
color:#8ba6f9;
text-decoration:underline;
}

.descriptionwrapper p {
margin:0;
padding:10px 0 10px 0;
line-height: 1.4em;
font-style: italic;
font-weight:bold;
letter-spacing:.1em;
color: #8ba6f9;
}

/* Outer-Wrapper
----------------------------------------------- */
#outer-wrapper {
width: 770px;
margin:0 auto;
padding:0;
text-align:left;
}
#content-wrapper {
background:#ccc url("http://i188.photobucket.com/albums/z203/freetemplates5/main-bg-2.gif") no-repeat;
width:770px;
margin:0 auto;
padding:0;
clear:both;
border:1px solid #3466fc;
text-align:left;
}
*html #content-wrapper {
margin:-20px 0 0;
}
#main-wrapper {
width: 490px;
float: left;
margin:0;
padding:0 0 10px 20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}

#sidebar-wrapper {
width: 210px;
float: right;
margin:0;
padding-right:20px;
word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
overflow: hidden; /* fix for long non-text content breaking IE sidebar float */
}
br {
clear:both;
}
.post-body br {
clear:none;
}

/* Headings
----------------------------------------------- */

#sidebar-wrapper h2 {
margin:1em 0 1em;
padding:0;
font-size:16px;
font-family: "Times New Roman", Times, Serif;
font-weight:bold;
font-style:italic;
line-height: 1.4em;
text-transform:uppercase;
color:#333;
border-bottom:1px dashed #3466fc;
}

/* Posts
-----------------------------------------------
*/

h2.date-header {
margin:1.5em 0 0;
padding:0;
height:16px;
font-size:12px;
color:#555;
}

.post {
margin:.5em 0 1.5em;
padding-bottom:1em;
}
.post h3 {
margin:.6em 0 1em;
padding:0 0 0;
font-family: "Times New Roman", Times, Serif;
font-size:22px;
font-weight:bold;
font-style:italic;
line-height:1.3em;
color:#333;
}

.post h3 a, .post h3 a:visited, .post h3 strong {
display:block;
font-family: "Times New Roman", Times, Serif;
font-size:22px;
text-decoration:none;
font-style:italic;
color:#333;
font-weight:bold;
}

.post h3 strong, .post h3 a:hover {
color:#777;
text-decoration:underline;
}

.post p {
margin:0 0 .75em;
line-height:1.3em;
}

.post-footer {
margin: .75em 0 0px;
color:#777;
letter-spacing:.1em;
font:70% "Times New Roman", Times, Serif;
line-height: 1.4em;
border-bottom:1px dashed #3466fc;
}
.post-body {
margin-top:-10px;
}
.comment-link {
margin-left:.6em;
}
.post img {
margin:8px;
padding:0;
border:1px solid #3466fc;
}
.post blockquote {
margin:1em 12px;
padding-left:15px;
border-left:3px solid #3466fc;
}
.post blockquote p {
margin:.75em 0;
padding-left:15px;
border-left:3px solid #3466fc;
}
p.post-footer-line-3 {
margin:0 auto;
padding:0;
}
/* Comments
----------------------------------------------- */
#comments h4 {
margin:1em 0;
font-weight: bold;
line-height: 1.4em;
text-transform:uppercase;
letter-spacing:.2em;
color:#333;
}

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

#blog-pager-newer-link {
float: left;
}

#blog-pager-older-link {
float: right;
}

#blog-pager {
text-align: center;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

/* Sidebar Content
----------------------------------------------- */
#sidebar-wrapper ul {
list-style-type:none;
}
#sidebar-wrapper p {
padding-left:12px;
}

.sidebar {
color:#333;
line-height: 1.3em;
}

.sidebar ul {
list-style:none;
margin:0 0 0;
padding:0 0 15px;
}
.sidebar li {
margin:0;
padding:0 0 .25em 15px;
text-indent:0;
line-height:1.2em;
}

.sidebar .widget, .main .widget {
margin:0 0 1.5em;
padding:0 0 1.5em;
}
.sidebar section {
margin:0;
padding:0;
}
.main .Blog {
border-bottom-width: 0;
}
#ArchiveList {
padding-left:10px;
}

/* Profile
----------------------------------------------- */
.profile-img {
float: left;
margin: 0 5px 5px 0;
padding: 2px;
border: 2px solid #8ba6f9;
}

.profile-data {
margin:0;
letter-spacing:.1em;
font:78% "Times New Roman", Times, Serif;
font-weight: bold;
line-height: 1.6em;
}

.profile-datablock {
margin:.5em 0 .5em .5em;
}

.profile-textblock {
margin: 0.5em;
line-height: 1.6em;
}

.profile-link {
font:78% "Times New Roman", Times, Serif;
letter-spacing: .1em;
margin: 0 0 1em .5em;
}

/* Footer
----------------------------------------------- */
#footer-wrapper {
width:770px;
clear:both;
margin:0 auto;
padding:0;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
}
#lower-footer {
width:770px;
margin:0 auto;
padding:0 20px;
line-height: 1.2em;
letter-spacing:.1em;
text-align: center;
}

#credits {
margin:0;
padding-left:12px;
font-size:12px;
}
/** Page structure tweaks for layout editor wireframe */
body#layout #header {
margin-left: 0px;
margin-right: 0px;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper' style='margin-top:0;'><div id='wrap2'>


<span id='skiplinks' style='display:none;'>
<a href='#main'>skip to main </a> |
<a href='#sidebar'>skip to sidebar</a>
</span>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='ABDUR DESIGN (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>

</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archives' type='BlogArchive'/>
</b:section>

<h2>Site Feed</h2>
<p>
<a class='feed-link' href='/feeds/posts/default' target='_blank' type='application/atom+xml'><img src='http://i60.photobucket.com/albums/h8/freetemplates2/feed_icon.gif'/> Atom Feed (xml)</a>
</p>

<h2>Credits</h2>
<div id='credits'>
<center/><a href='http://www.abdur-rozak.co.cc/2011/05/ip-atau-pelacak-komputer.html'><img alt='IP' border='0' height='125' src='http://www.wieistmeineip.de/ip-address/' width='125'/></a>
<center/><a>Get it</a>
<div id='credits'>

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

</div>

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

<br/>

</div> 

</div></div> 

<div id='footer-wrapper'>
</div>

<div id='lower-footer'>
<b:section class='footer' id='footer'/>
</div>

<br/>
</body>
</html>

Setelah dipaste dalam tab edit html SIMPAN TEMPLATE

Jangan khawatir akhy,apabila akhy tidak ingin data terdahulu hilang setelah dapat balasan dari blogger pilih Pertahankan widget untuk tidak menghilangkan data data akhy.Oh ya,selamat mendapat desain baru dari abdur semoga dengan desain baru pengunjung blog akhy lebih betah berlama lama di blog akhy.

Salam dari abdur,dan abdur siap membantu kesulitan akhy di dalam desainer blogging.

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

Network