//ELFish Forever

Cara Membuat Blogskin

Huwaaaa banyak banget yang nanya cara bikin blogskin TT3TT .. jeoseumnida! Karena saya tidak mau jadi anak yang pelit dan sombong :3 saya kasih tau deh!!

tapi kalo ada yang mau copy tutorial ini.pake credit Evania ♥ Loh!! kalo gak?? dosaku buat kamu semua :') , kalo berhasil jangan lupa komentar,,dan jangan lupa bilang
"makasih" setiap orang yang memberikan itu harus ngucapin terima kasih!! jangan nyolong kaya doggy aja!! Kasian kan akunya?? TT3TT

jeoseumnida lanjut aja ke tutorsnya..

Yang disiapkan :
- Blog Mu
- HTML Code

Langkah Awal :

Login Blogmu -> Dashboard -> Tempelate -> Scroll Paling Bawah (Sampe Mentok) -> Klik "Kembali Ke Tempelate Klasik" -> Klik Kembali Ke tempelate klasik -> Kan muncul kotak yang tulisan kode-kode gitu kan?? kamu hapus semua

Langkah Ke Dua :

1. Taruh kode ini di kotak yang tadi kamu hapus kode-kodenya

<html> <head> <center><img src="URL HEADER" /></center> <title>BLOG NAME</title>

Ganti Dengan Url Gambar Header Mu
Ganti dnegan nama blog yang kamu mau

2. Lalu copy kode ini dibawah kode yang tadi kamu bikin

<style type="text/css">

#navbar-iframe {

display: none;

}

body {

background:url(URL BACKGROUND);

font-family: verdana, tahoma, sans-serif;

background-attachment:fixed;

cursor: url(URL Cursor), auto;

}

a:link, a:visited {

color:#CC99FF;

text-decoration:none;

}

a:hover {

color: #549DF1;

border-bottom:1px solid #FF99D5;

}

</style>

<body oncontextmenu='return false;'>

<br>

3. Kalo Udah,tekan CTRL+F cari kode </style>
dan pastekan kode ini dibawah </style>

.content {
background:#ffffff;
color:#666666;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.bar {
background: #ffffff;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
color:#3BBDEC;
font-size:14px;
padding:3px;
border-bottom:1px solid #999999;
}
.sec-title {
color: #3BBDEC;
font-style:italic;
font-size:10px;
margin-bottom:2em;
}
blockquote {
border: 1px solid #000000;
padding: 2px;
}

4. CTRL+F Cari kode <body oncontextmenu='return false;'>
5. Lalu copy kode dibawah dan pastekan di bawah kode <body oncontextmenu='return false;'>

<table style="line-height: 17px;" width="900" border="0" align="center" cellspacing="5">
<tbody><tr>

6. Kalo kode nya udah di paste.. copy kode ini dan pastekan diatas kode

<table style="line-height: 17px;" width="900" border="0" align="center" cellspacing="5">

<tbody><tr> tadi

<td valign="top" style="width:600px; padding:10px; border-radius:10px; background:#ffffff; font-size:11px;"><div id="content"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><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>

7. Copy kode ini dan pastekan di bawah kode tadi

<td valign="top" width="230px"><div class="bar">

<div class="main-title">TITLE SIDEBAR</div>ISI SIDEBAR</div><br>
<div class="bar"><div class="main-title">TITLE SIDEBAR</div>ISI SIDEBAR</div><br>
<div class="bar"><div class="main-title">TITLE SIDEBAR</div>
ISI SIDEBAR</div><br>
</td>

8. Lalu copy kode </table></body></head></html> Dibawah kode tadi
9. Sekarang kita bikin navigative, CTRL+F Cari kode </style>, dan pastekan diatas kode </style>

a.cute {
background: #FFE2EA;
padding: 2px;
letter-spacing: 2px;
display: inline-block;
width: 190px;
color: #FF789F;
border: 1px #FF789F solid;
}
a.cute:hover {
border: 1px #FF789F solid;
background : #FFE2EA;
color: #FF789F;
}

10. Cari kode </td> Dan pastekan kode ini diatas </td>

<div class="bar"><div class="main-title">NAVIGATIONS</div><br><center>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('me').innerHTML" title="About">About</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a>
<a class="cute" onClick="document.getElementById('content').innerHTML=document.getElementById('you').innerHTML" title="Posts">Entries</a></div>
<br>

11. Copy dan paste kod ini di bawah kode tadi

<div id="content">

<blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>

<div id="me" style="display:none;"><div class="main-title">The Webmaster</div><br>
TULIS TENTANG KAMU ATAU BIODATA KAMU DISINI
</div>
<div id="love" style="display:none;">
<div class="main-title">Affies&Linkies</div><br><a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a> | <a href="blogger.com"/>Friends</a></div>
<div id="you" style="display:none;"><blogger><div class="main-title"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div><div class="sec-title"><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>

12. Dah SEelesai -_- capek ngetiknya..

kalo udah dicoba,,coba tulis di komen aku mau liat kamu berhasil nggak?