Cara membuat Blogskin tahap 1
03:55:00
konnichiwa minna!!
sebelum kalian membuat skin , kalian edit disini dulu ya ^^
nah akemi dan minna-san , berikut cara membuat blogskin :
- pertama-tama copy kode dibawah ini
<html>
<link rel="shortcut icon" href="URL FAVICON" />
<link rel="shortcut icon" href="URL FAVICON" />
- setelah itu , copy kode dibawah ini dan paste , dibawah kode diatas
<head>
<center><img border="0" src="URL Header" style="opacity: 100;" /></center>
<title> Judul Blog kamu </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(URL Background);
background-attachment:fixed;
cursor: url(URL cursor), progress;
font-family: verdana;
font-size: 14px;
text-align: left;
}
a:link, a:visited {
color: #fff;
text-decoration: none;
cursor: url(URL Cursor hover), progress;
}
a.linkies {
font-size: 11px;
font-family: verdana;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #666;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
</style>
</head>
<center><img border="0" src="URL Header" style="opacity: 100;" /></center>
<title> Judul Blog kamu </title>
<style type="text/css">
#navbar-iframe {
display: none;
}
body {
background:url(URL Background);
background-attachment:fixed;
cursor: url(URL cursor), progress;
font-family: verdana;
font-size: 14px;
text-align: left;
}
a:link, a:visited {
color: #fff;
text-decoration: none;
cursor: url(URL Cursor hover), progress;
}
a.linkies {
font-size: 11px;
font-family: verdana;
display:inline-block;
text-align:center;
width: 70px;
color: #fff;
background: #666;
padding:3px;
margin:2px;
text-decoration: none;
-webkit-transition-duration:1200ms;
}
</style>
</head>
tulisan-yang bold diatas silahkan diedit sesukamu
- nah , tahap selanjutnya adalah membuat sidebar , nah copy kode dibawah ini
<td valign="top" width="250px">
<div class="sidebarblog">
<div class="title">Judul Sidebar</div>
ISI SIDEBAR</div>
<br>
jika kamu masih mau menambah sidebar , maka copykan lagi kode diatas dibawahnya
- setelah itu copy kode dibawah ini
<blogger><div class="tit"><BlogItemTitle>
<img src='URL Mini Icon disebelah title'/>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div>
</td></tr></tbody>
<img src='URL Mini Icon disebelah title'/>
<$BlogItemTitle$>
</BlogItemTitle></div>
<$blogitembody$><div class="com"><a href="<$BlogItemCommentCreate$>"<$BlogItemCommentFormOnClick$>><$BlogItemCommentCount$> comments</a></BlogItemCommentsEnabled></div>
<br></blogger><br>
<center><OlderPosts><a href=<$OlderPosts$>>Older Post</a> </OlderPosts> <NewerPosts> | <a href=<$NewerPosts$>>Newer Post</a></NewerPosts></center>
</div>
</td></tr></tbody>
- dan tahap terakhir adalah copy kode dibawah ini dibawah kode diatas
</table></body></head></html>
Nah, selesai deh tapi kode diatas adalah tingkat 1 , dan tampilan blogmu seperti ini (mungkin)
jadi , bagaimana dengan scroll bar nya? sidebar stylenya? entrinya? dan lain sebagainya?
klik disini untuk ketahap ke 2
0 Cute Ota
Penting!!
*blog ini butuh saran & kritik jadi diharapkan semua memberi komentar
*gunakanlah kalimat yang sopan dan baik
*jangan berkata kasar atau kotor
*jangan bikin spam