Tutorial : Follow and Dashboard Button Like me
Tutorial ini, udah lama banget di request oleh Dhea Friska Yulistin. Maaf kk, aku baru bisa buat tutonya sekarang.. Karena sedang ada waktu banyaknya...! Mau lihat, kayak mana.. Noh, dibawah!
[[LIVE PREVIEW]]
Kelen semua yang manis-manis (kecuali yang bergender cowok) pergi ke kode template masing-masing! Biasanya, ini ditaruh di sidebar paling atas!
- First, cari kode </style>, setelah dapat kode itu, taruh kode dibawah ini diatas kode </style> !
.why a:link, .why a:active, .why a:visited
{
width:96px;
background:MistyRose;
color:#939BA1;
display: inline-block;
text-decoration:none;
text-align:center;
font:11px Chewy;
font-weight:normal;
padding:1px;
margin-top:2px;
-webkit-transition-property:color, text;
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
-webkit-transition-timing-function: linear, ease-in;
border-bottom:1px solid Pink;
}
.why a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:Pink;
border-bottom:1px solid Pink;
}
*red : ganti kode berwarna merah disamping dengan sesukamu! Tapi jangan yang gak nyambung oy!
- Kedua, pergi ke tempat sidebarmu! Letak kode dibawah ini, di kode sidebarmu!
<center><div style="background:url(URL BACKGROUND) repeat; border:1px dotted Pink;padding:5px;width:200px;">
<img style="width:200px;height:140px;" src="URL FOTOMU"><br>
<div class="why"><br>
<a href="http://www.blogger.com/follow-blog.g?blogID=<$BlogID$>" title="Follow!">Follow!</a> <a href="http://blogger.com/home" title="Your Dashboard..">Dboard</a></div>
- Dah! Pratinjau dulu, friend!
Label: Dari Saya, Lihat saja, Special, Tutorial
Makasih Kiya tutonya :3 Nanti kucoba deh :D
Sama sama (Ala upinipin)
Makasih kak Kiyaa berhasil kok^^
Posting Komentar
just type it