Tutorial : Cara Membuat Blogskin
Thursday, 2 May 2013 • 05:39 • 0 Queen and King Nah, ada request dari SHE. Ini juga tutorialku yang paling special... MULAI :1.Sign in dulu ke blogger 2.Buka dashboard--> template 3.Back-up template lama kalian dahulu jika sewaktu-waktu ingin menggunakannya lagi 4.Hapus semua code yang ada disitu Copy code ini : <html> <head><link href='URL Favicon' rel='icon' type='image/x-icon'/> <center><center><img class="header" src="\URL HEADER" /></center><title>JUDUL BLOG KALIAN</title> <style type="text/css"> #navbar-iframe { display: none; } Warna ungu itu URL Favicon,Header dan Judul Blog. Trus copy code ini dan paste di bawah code di atas :
body {
background:url(URL BACKGROUND);
background-attachment:fixed;
cursor: url(URL CURSOR), progress;
font-family: verdana;
font-size: 11px;
text-align: left;
}
::-webkit-scrollbar {
height:8px;
width: 8px;
background: #FFFFFF;
}
::-webkit-scrollbar-thumb {
background-color: #B93B8F;;
-moz-border-radius: 12px;
border-radius: 12px;
}
::-moz-selection {
background: transparent;
color:#B93B8F;
}
::selection {
background: transparent;
color:#B93B8F;
}
a:link, a:visited {
color: #FF708F;
text-decoration: none;
cursor: url(URL CURSOR), progress;
}
a:hover {
color: #B93B8F;
-webkit-transition:2s;
}
.sweet {
margin: .75em 0;
font: normal normal 120% Verdana, Geneva, sans-serif;
color: #000000;
text-align: center;
}
.sweet:hover {
padding-left: 25px;
-webkit-transition: 1.0s;
}
.rosemary {
font-family: century gothic;
font-size:12px;
line-height:20px;
color: #c0c0c0;
text-align: center;
}
blockquote {
border: 1px solid #000000;
padding: 2px;
}
</style>
<body oncontextmenu='return false;'>
<br>
Ungu untuk URL background dan cursor. HIJAU code warna. *boleh dapatkan diSINIPastekan di bawah code tadi :
</head>
<table style="font-size: 11px; color: #848484; line-height: 17px; background:white; -moz-border-radius: 25px;border-radius: 25px;-moz-box-shadow: 0 0 20px 15px #FFFFFF; width="900" align="center" border="0" cellspacing="10">
<tbody><tr>
Paste lagi di bawah code yang tadi
<div class="content"><center>TITTLE SIDEBAR<center></div>
<center>ISI SIDEBAR</center></br><div class="sweet">TITTLE SIDEBAR</div>
<center>ISI SIDEBAR</center></br><div class="sweet">TITTLE SIDEBAR</div>
<center>ISI SIDEBAR</center></br>
Terus, paste yang ini ya!
<td valign="top" style="width:530px; padding-left:5px; border-left:1px solid #f0f0f0; padding-right:13px; ">
<div id="entry">
<blogger><div class="sweet"><BlogItemTitle><$BlogItemTitle$></BlogItemTitle></div>
<div class="rosemary"><BlogDateHeader><$BlogDateHeaderDate$></BlogDateHeader> | <$BlogItemDateTime$> | <a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>> <$BlogItemCommentCount$> comments</span></a></BlogItemCommentsEnabled></div>
<$BlogItemBody$>
</blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Old things</a></OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>New things</a></NewerPosts></center></div>
</td></tr></tbody>
</table>
Nah, kalau kalian mau menambahkan code yang lain, tapi, kita harus meletakkan code ini :
</table></body></head></html>
Labels: Tutorial |
MY WORDS;
What this?;
Princess and Prince Credit;
♥ >> happy, 6rd tutorial!
date : NOW
at:10 am
♥ >> nothing followers! Huaa...
date : 2/05/13
at: 12pm
♥ >> sepi yaa?
date: 2/5/2013
at: 13.12pm
BLOG ARCHIVE; |