Hello Kitty

ENTRY ABOUT LINKS STUFFS FCBOOK TWITTER NEWER OLDER
Tutorial Cara Buat Blogskin
Hai! Tutorial ini direquest diriku sendiri.
Maaf kalau ada yang salah, ya!
Soalnya kalau aku buka blognya kak Annisa lelet banget. Jadi aku lihat disini, deh!

Salin kode dibawah ini!

<head><center><img class="header" src="http://i.imgur.com/0LmOZ.png" width="890" /></center><title>Your Title's Blog</title>
Keterangan :
- Merah : Url Header
- Biru : Judul Blog 

Tempel kode ini dibawah kode tadi :

<style type="text/css">#navbar-iframe {display: none;}body {background:url(Url  background);font-family: verdana ;background-attachment:fixed;cursor: url(Url Cursor), auto;}a:link, a:visited {color:#68A4F2;text-decoration:none;}a:hover {cursor: crosshair;text-shadow: 1px 1px 3px #000000;border-bottom:1px solid #CCC8C9;}</style>
 
Keterangan :
- Merah : Url background
- Biru : Url Cursor
Hijau : Warna Url (Kalau tidak tahu klik disini!
- Ungu : Warna link selepas cursor menyentuh link.
  
Tekan Ctrl + F cari kode </style> dan tempel kode ini diatas </style>

.content {
background: #ffffff;
color:#ffc6c6;
font-size: 11px;
padding:14px;
width:600px;
border-radius:10px;
text-align:justify;
}
.sidebar {
background: #FFFFFF;
color: #666666;
font-size: 11px;
padding: 8px;
width: 230px;
border-radius: 10px;
text-align: justify;
}
.main-title {
background:url(URL background tajuk);
padding:10px;
margin:10px;
border-top: 0px #A9D0F5 solid;
border-bottom: 2px #D4D4D4 solid;
padding: 5px;
font-size: 17px;
color:#000000;
font-family: Pea Neat Freak ;
text-align: right;
}
.second-title {
background: url( URL background tarikh);
border-bottom-right-radius: 80px;
border-bottom-left-radius: 80px;
font-family: Trebuchet MS;
font-size:12px;
width: 400px;
margin-top: -12px;
border-top: 1px solid #BEBABF;
border-bottom: 1px solid #BEBABF;
border-right: 0px solid #BEBABF;
border-left: 0px solid #BEBABF;
line-height:15px;
color: #000000;
margin-left: 100px;
text-align: center;
}

- Biru : Url background
- Merah : Border
 - Hijau : Kode Warna (Kalau mau klik disini!
 
Salin kode ini dibawah kode </style>
 
<body oncontextmenu='return false;'><br> <table style="line-height: 19px;" width="900"  border="0" align="center" cellspacing="10">
<tbody><tr>
- Merah : Disable right click. Maksudnya : orang tak boleh salin apa yang ada di blog kamu.
- Hijau : Lebar blog.
- Biru :  Jarak antara sidebar dan main.

Baca ini : Kalau nak sidebar bersambung dengan main, boleh ambil code bawah ni.

<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; border-radius:20px;" width="800" align="center" border="0" cellspacing="8">
<tbody><tr>
Tempelin kode ini dibawah kode 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>
<iframe src="http://www.facebook.com/plugins/like.php?href=<$BlogItemPermalinkURL$>&amp;layout=standard&amp;show-faces=true&amp;width=490&amp;height=25&amp;font=arial&amp;";action=like&amp;colorscheme=dark; colorscheme="dark" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:280px; height:30px;"></iframe>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center></div>
</div>
</td>

- Biru :  Nama komentar
- Hijau : FB Like Button

 Jom buat sidebar ya kawan-kawan . Paste code ini bawah code dekat atas tadi.


<td valign="top" width="230px">
<div class="sidebar">
<div class="main-title">Title Sidebar</div>
Isi Sidebar</div><br>
<div class="sidebar">
<div class="main-title">Title Sidebar</div>
Isi Sidebar</div><br>
<div class="sidebar">
<div class="main-title">Title Sidebar</div>
Isi Sidebar</div><br>
</td>

- Hijau : Sidebar
- Ungu : Lebar sidebar.
- Biru : Kamu boleh letak welcome note, shoutbox @ kotak follower.
- Merah : Tutup sidebar dengan code tu. Kalau nak buat sidebar lagi jangan tutup dulu nanti hancur skin kalian. Okay?

 Paste code ini di bawah sekali

 </table></body></head></html>
 
 
 Untuk halamannya, first click Ctrl + F ama cari </style. Lalu, salin code bawah ini dan paste atas </style> .

a.panda {
text-align: center;
font-family: georgia;
font-size: 10px;
background: #FFFFFF;
color:#000;
padding: 4px;
border:3px;
-webkit-transition:0.5s;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-left-radius:0px;
border-bottom-right-radius:0px;
-moz-border-top-right-radius: 0px;
-moz-border-top-left-radius: 0px;
margin:0px;
}
a.panda:hover {
cursor: url(http://cur.cursors-4u.net/others/oth-6/oth589.cur), progress;
color: #ffffff;
background: #599AF0;
-webkit-transition:0.5s;
padding-top: 8px;
}


Second : Paste code dekat bawah ni ye. Paste di mana ? Paste di code sidebar. Paste di bawah code ini <td valign="top" width="230px"> . 


<div class="sidebar"><div class="main-title">Disclaimer</div>
<img src="URL GAMBAR YG COMEL-COMEL" style="border: 2px dotted #6CA5F0; margin-left: 10px;" width="60px" height="60px" align="right">
<center>WELCOME NOTE KORANG !!!
<center><img src="URL DIVIDER" width="120" height="23">
<center><a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('i').innerHTML" title="About">About</a> ?
<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('love').innerHTML" title="Linkies">Links</a> ?
<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('panda').innerHTML" title="Posts">Entries</a> ?
<a class="panda" onClick="document.getElementById('content').innerHTML=document.getElementById('so much').innerHTML" title="Big Thanks">Credit</a>
CODE LAGU KORANG
</div><br>

Yg saya warnakan warna biru itu, korang tukar ape yang patut. Terima Kasih ;) Code yang ini pula, paste di bawah code ini </td> .

 

<div id="i" style="display:none;">
<div class="main-title">The Owner</div><br>
<img src="URL gambar ( gmbar korang pon boleh )" style="width="90px" height="90px" align="left">
Write Anything About You<br>(◑‿◐)<br>
</div>

Udah, deh kalau susah bilang aja!
Aku lihatnya dari Ziela kok.
Bye


1 comment[s] | back to top