Cara Buat Blogskins
Credit:
Kak Safira :D
Read More >>
Step Pertama : Buka Microsoft Word kalian serah mau yang 2003, 2007 atau 2010 ;)
Step Kedua : Copy Code ini
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>NAMA BLOG</title>
- Warna Merah : URL Header kamu dengan cara Klik kanan => Copy Image Location
- Warna Biru : Nama Blog Kalian seperti punyaku "// Cute and Sweet"
Step Ketiga : Copy lagi kode ini di bawahnya usahkan spasi dulu guys ;)
<style type="text/css">
#navbar-iframe {display: none;}
body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: verdana;
font-size: 11px;
}
a:link, a:visited {
color:#ffa1c2;
-webkit-transition-duration: 0.5s;
text-decoration:none;
}
a:hover {
-webkit-transition-duration: 0.5s;
color: #666;
}
</style>
<body><br>
- Warna Merah: URL Background Blog kamu ya ;)
- Warna Biru : Kode Warna HTML bisa kalian lihat di sini
Step Keempat : Cari kod </style> dan pastekan kod bawah nie dekat ATAS nya.
.mainblog {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebarblog {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.title {
color:#FF9FCC;
font-size:18px; font-family: Georgia; Font-style: Italic;
padding:3px;
border-bottom:2px solid #ffa1c2;
}
.date {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
- Pink : Warna font dalam post dan sidebar.
- MERAH : Widht blog kalian (tinggi)
- OREN : Widht untuk sidebar (tinggi)
- HIJAU : Warna untuk post title
Step Kelima : cari kod <body> dan paste kod ni di BAWAH nye taw.
<td valign="top" width:550px;">
<div class="mainblog">
<blogger><div class="title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div
class="date"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader>
| <$BlogItemDateTime$> | <a
href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$>comments</a></BlogItemCommentsEnabled></div>
<$blogitembody$></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>
- Warna Biru: ganti dengan kata-kata kalian seperti "Panda(s) atau yang lainnya ;)"
- Warna Merah : ganti dengan kata-kata kalian jika mau seperti Back atau Next
Step Keenam : Ini untuk kode disebar. Copy code ini
dibawah kode tadi
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>
Jika kalian ingin nambah disebar copy code ini lagi dibawah
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>
</td>
- Warna Hijau : Nama Disebar seperti "Tagboard dan lainnya"
- Warna Ungu : Isi disebar bisa kalian isi dengan kode chatbox atau lainnya.
Step Ketujuh : Paste kode ini
paling bawah ya!
</table></body></head></html>
Udah, ya. Kak Safira, trims, yeee ... :)
put your link not email.
