. HOME . ABOUT . STUFF . FRIEND . RULES . 

Cara membuat Blogskins sendiri


Hello (^_^/ Tabitha share tutor heyaa! tabitha repost tutor dari safira ya!
read more okay?
Langsung saja ya?

baca tips ini dahulu
Tabitha sarankan, kalian memback up template kalian dulu ya ... Dengan cara ctrl+c lalu kalian taruh kode template kalian keMicrosoft Word ya. Lalu, kalian simpan file kalian dengan apa aja. Lalu, buka Microsoft Word lagi dengan berbeda nama agar kalian tak bingung. Jadi, kalau kalian buat template nya tak berhasil ... Kalian bisa pake template kalian yang lama lagi ;) Cukup tips dari Tabitha oke Lanjut :)
(*Ciaah Kata-katanya copas kak safira -.-) 

Pertama : Buka Microsoft Word kalian serah mau yang 2003, 2007 atau 2010 ;)

Copy Code dibawah ini
<html>
<head>
<center><img src="URL HEADER" /></center>
<title>NAMA BLOG</title>
Ganti sendiri ya,, pasti kalian tau dong artinya

Copy Code dibawah ini,,dan dispasi ya..
<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>
Biru : URL Background kamu
Kuning : Font Family buat postingannya
Merah : Kode warna cari disini

Kedua : Cari kode </style> , lalu pastekan code dibawah ini diatas code tadi
.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

Ketiga : Cari Code <body> kalian taruh codenya tepat Dibawah code ini

<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
Ke-empat : kalian taruh code dibawah ini tepat dibawahnya

<td valign="top" width="250px"><div class="sidebarblog"><div class="title">Tajuk Sidebar</div>ISI SIDEBAR</div><br>
Kalau kalian mau menambah sidebarnya lagi kalian copy code itu lagi

Hijau : Nama Sidebarnya, ex : tagboard,search,owner,dll
Ungu : Isi sidebarnya

Terus kalian pastekan kode ini dibawah sendiri ya,,sebelum kamu edit edit lagi

</table></body></head></html>

Done!

Credit : This>This

Terus kalian edit edit sendiri ya^^
semoga berhasil! Good Luck!

1 komentar:

Jika Belum paham , Jangan malu untuk bertanya^^