Cara buat blogskins #hot

1. Dashboard -- template -- Liat bawah sendiri -- Revert to Template Classic. Kode-kode itu kalian delete-kan semua ;) 


Bismillah
1. Copy code bawah ni :) paste di ruang kosong tadi. taruh ATAS sendiri 

<html>
<head>
<center><img src="URL HEADER" /></center>
<title>NAMA BLOG</title>
MERAH : URL HEADER anda 
BIRU : NAMA BLOG anda . 

2. Copy code dibawah ini, paste kan dibawah kode tadi 

<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>
MERAH : URL BACKGROUND anda
BIRU : KOD WARNA boleh cari di sini

3. cari kode </style>  paste kan kode di bawah ini di atas kode </style>


.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;
}
Fuchsia : Warna font dalam post dan sidebar.  
MERAH : Widht main blog 
OREN : Widht untuk sidebar 
HIJAU : Warna untuk post title. 

4. Kalau sudah, cari kode <body> paste kode ini dibawahnya 



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

Warna merah : Width blog kamu 


6. Sekarang untuk sidebar, copy code ni dan paste di bawah kode tadi


<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>


CREDIT ~ 

IDEBAR ! Copy kod nie dan paste di bawah kod tadi.

<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">CREDIT</div>
Template by : <a href="http://ihzaa-aulya.blogspot.com">Ihza</div>
<br>



<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>

Nah kalau mau buat sidebar lagi , copy code ini 



<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Tajuk Sidebar</div>
ISI SIDEBAR</div>
<br>
kalau udah, tutup code sidebar tadi dengan
</td>
7. Navigate ;) Copy code dibawah ini, pastekan di ruang sidebar


<center> <a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('diary').innerHTML" title="">ENTRY</a><a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('about').innerHTML" title="">BOSS</a> 
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('stuff').innerHTML" title="">STUFF</a> 
<a class="navigate" onClick="document.getElementById('entry').innerHTML=document.getElementById('link').innerHTML" title="">LINKS</a> 
Merah  : tukar dg ayat sndiri

8. ctrl+f cari kode </body>, copy kode ni, paste diatas kode </body>

tadi.


<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>
9. copy code-code ni diatas kode </body>

  • ABOUT ~ 


<div id="about" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> This Is Real Me</div><br><center><img height="321" src="http://data.whicdn.com/images/21526968/tumblr_lmvzy0WltB1qekcrso1_500_large.gif" width="500" /></center>

<img src="http://media.tumblr.com/tumblr_m7ei8qwdRO1qdlkyg.gif" />&nbsp;<b>My own biography</b><br /><b>Name : </b>Ihza<br /><b>Date of birth : </b>19 Oct <br /><b>Wants to be : </b>a doctor<br /><b>Born at : </b>Malang Indonesia<br /><b>Stay : </b>Turen<br /><b>Love to :</b>&nbsp;Make people laugh. but i'm not a clown xD<br /><br /><img src="http://media.tumblr.com/tumblr_mecjtynt4X1qdlkyg.gif" />&nbsp;<b>About My Blog</b><br /><b>Since : </b>3 December 2011<br /><b>Name </b>: W O N D E R L A N D |
<br><br>

~ bagian stuff. paste kode ni dibawah kode tadi
<div id="stuff" style="display: none;"><div class="title"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> some stuffs</div><br><center>change this with your own stuff</center><style>.lulu{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcyVT69NKKW5hnIqDr6k8NIOwCsGGHMgUQTwGhtPyxgrxOfGuSnofiSpRskmWY25kZLuN67lFolsrWmdjfwbyrsNTJT7oiBMa4myA27oHr_yNOw30FNJsK_eX6H5Ir6o-7YY-6zdRMMQ0/s1600/oristripe.gif);color:#AAAAAA;-webkit-transition: 1.0s; -moz-transition: 1.0s;letter-spacing:5px;margin-bottom:5px;margin:15px;width:500px;font-family:'hyperbole';font-size:12px;line-height:8px;text-align:center;padding-right:0px;}
.eunji {cursor:pointer;display:inline-block;text-align:left;width:350px;color:#888;padding:1px;background:url(http://media.tumblr.com/tumblr_m2rupxvQbu1qdlkyg.gif);color:#888;background-repeat:no-repeat;background-size:14px;padding-left:15px;line-height:18px;}
.eunji:hover{background:url(http://media.tumblr.com/tumblr_m2rupkf2Tn1qdlkyg.gif);background-repeat:no-repeat;background-size:14px; padding-left:15px;line-height:18px;color:#EAABFE}</style><center><img height="321" src="http://data.whicdn.com/images/63192082/large.jpg" width="500" /></center><div class="lulu">TITLE</div><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a><a class="eunji" href="LINK">TITLE</a></center></div></div></div>
<br><br>

Copy code bawah ni, paste dibawah kode tadi
<div id="link" style="display: none;"><div class="tit2"><img src ="http://media.tumblr.com/tumblr_mdns6uP6zZ1qdlkyg.gif"/> Exchange Link</div><br>
<center><img height="321" src="http://data.whicdn.com/images/61952053/large.jpg" width="500" /></center><br>
<style>a.navigate5 {border: 1px solid #eee;background-image: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjq-Q7MSbDfNQ01BjMczc-SUwnum8NlP1-uYov3vjhR3XuIxOsxqcdqoOeB82nUcxbgxd5oJUi6v5Sydjm0tCHYQsMJ5T3_Rl85vUKbarMHibZMrMVNMID45a478GWneFGGNUbFBVYxEdI/s1600/sparkles.png);font:  10px 'times new roman';letter-spacing: 2px;color: #888;padding:5px;width:60px;padding:5px;-webkit-transition: 1.0s;-moz-transition: 1.0s;text-align: center;text-transform: uppercase;display:inline-block;margin:2px;}
a.navigate5:hover {cursor: url(http://i1196.photobucket.com/albums/aa406/tieqaonew/02.gif), auto;color: #e5d4b3;text-decoration: none;}</style>
<center>P/s : Tell me at my cbox if you want to echange link with me. You delete me, I delete yours</center><br><a class="navigate5" href="http://ihzaa-aulya.blogspot.com/">Ihza</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><a class="navigate5" href="http://link.blogspot.com/">Friend</a><br><br></div>
10. Paste kan kod bawah ni di bawahhh sekali ! 
 </table></body></head></html>
11. search kod .mainblog { dan .sidebarblog { , pastekan kod nie di bawah tu.
font-size: 11px;
Kalau tidak, tulisan blog akan menjadi seperti GAJAH ~ 

Credit to : Student Kecik & Me ;)  

Tidak ada komentar:

Posting Komentar

After Read My Post? Dont Forget to Comment

Related Posts Plugin for WordPress, Blogger...
 
Fully Design By Ihza | For Ihza 2013-2015 ©| Best View: Google Chrome