Hai! Tadi ada yang request cara membuat blogskin, dia adalah... Pingkaaan! Nah, sekarang request-nya sudah terkabul. Cekidot okay!
1. Go to '
Dashboard' and then go to '
Template'
2. Scroll kebawah dan kamu akan menemukan tulisan '
Revert To Classic Templates' seperti gambar dibawah ini
3. Nah, habis itu klik '
CTRL + A' lalu delete semua code
4. Nah, sekarang kosong kan? Mari kita paste code dibawah ini kedalam kotak code-nya
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>JUDUL BLOG</title>
5. Silahkan edit-edit tulisan berwarna '
Pink Muda' dan '
Pink Tua' tersebut
6. Cari code dibawah ini dengan menggunakan '
CTRL + F'
<html>
7. Paste code dibawah ini tepat
Dibawah code
<html>
<div style="display:scroll; position:absolute; top:0px; right:2px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID=BLOG ID" target="_blank" rel="nofollow" title="Follow" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL FOLLOW" /></a><br /><div style="display:scroll; position:absolute; top:0px; right:185px;"><a class="linkopacity" href="http://blogger.com/home" rel="nofollow" title="Dashboard" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="URL GAMBAR TOMBOL DASHBOARD" /></a></div></div>
8. Paste code dibawah ini tepat Dibawah semua code sebelumnya
<style type="text/css">
#navbar-iframe {display: none;}body {
background: url(URL BACKGROUND);
background-attachment:fixed;
font-family: arial;
font-size: 11px;
}
a:link, a:visited {
color:#000000;
text-decoration:none;
}
a:hover {
border-bottom:1px solid #87689;
}
</style>
<body><br>
9. Cari code dibawah ini dengan menggunakan '
CTRL + F'
</style>
10. Pastekan code dibawah ini tepat
Diatas code </style>
.main {
background:#ffffff;
color:#666666;
padding:14px;
width:500px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #ffffff;
color: #666666;
padding: 8px;
width: 240px;
border-radius: 10px;
text-align: justify;
}
.h1 {
color:#FF9FCC;
font-size:18px;
padding:3px;
border-bottom:1px solid #c0c0c0;
}
.h2 {
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
Note :
- ABC = Warna Font Di Blog
- ABC = Panjang Main Blog
- ABC = Panjang Sidebar
- ABC = Warna Dont Post Title
11. Cari code dibawah ini dengan menggunakan '
CTRL + F'
<body>
12. Paste code dibawah ini tepat
Dibawah code <body>
<table style="line-height: 17px;" width="850" border="0" align="center" cellspacing="5">
<tbody><tr>
13. Oh ya, yang warna '
Pink Muda' itu panjang blog (campuran sidebar sama main blog). Paste code dibawah ini di kotak code paliiiing bawah okay?
<br>
14. Lalu, pastekan code dibawah ini tepat
Dibawah code <br>
<td valign="top" width:550px;">
<div class="main">
<blogger><div class="h1"><BlogItemTitle><$BlogItemTitlegt;</BlogItemTitle></div>
<div class="h2"><BlogDateHeader><$BlogDateHeaderDategt;</BlogDateHeader> | <$BlogItemDateTimegt; | <a href="<$BlogItemCommentCreategt;"<$BlogItemCommentFormOnClickgt;><$BlogItemCommentCountgt;comments</a></BlogItemCommentsEnabled></div>
<$blogitembodygt;</blogger><br>
<center><OlderPosts><a href=<$OlderPostsgt;>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPostsgt;>Newer Post</a></NewerPosts></center></div>
</div>
</td>
15. Sekarang, kita buat isi sidebar ya! Paste code dibawah ini tepat dibawah code atas ^
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
16. Mau tambah lagi? Tambahin aja code atas dibawah code atas, contohnya dibawah ini
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
<td valign="top" width="250px">
<div class="sidebar">
<div class="h1">TITLE SIDEBAR</div>
ISI SIDEBAR</div>
<br>
17. Akhirkan semua code dengan code dibawah ini
</table></body></head></html>
Credits To : Cik Lettha
