Button Follow & Dboard part 5

   Hai, selamat tahun baru Hijriah semuanyaa! Oya, tuto ini direquest oleh Fryda. Maaf ya Fryda, aku sempet lupa sama request-an kamu. Kalian ngerti kan model button ini? Lihat di sebelah kiri blog ini <<<< Oke, langsung ke step nya aja yaa. Boleh re-tuto, tapi jangan lupa sertakan link blog aku :)

• Go to template > copy lalu pastekan kode ini tepat di atas kode <style>.

.sidenav2 a:link, .sidenav2 a:active, .sidenav2 a:visited
{
width:96px;
background:#BAD4E6;
color:#939BA1;
display: inline-block;
text-decoration:none;
text-align:center;
font:10px arial;
font-weight:bold;
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 #DDD9BE;
}

.sidenav2 a:hover
{
-webkit-transition-duration: .2s;
-moz-transition-duration: .2s;
background:#fff;
color:#938B54;
border-bottom:1px solid #BAD4E6;
}

• Ubah kode yang berwarna merah dengan kode warna kesukaan kamu.
• Lalu, ubah juga kode yang berwarna oranye dengan nama font kesukaan kamu.
• Eits, belum selesai sampai disini. Sekarang waktunya pasang button follow dan dashboard ini.
• Paste kan kode ini di sidebar kamu yaa.

<center>
<div style="background:url(Url background image) repeat; border:1px solid #BAD4E6;padding:5px;width:200px;"> <img style="width:200px;height:140px;" src="http://i.imgur.com/GtgxjLK.jpg">
<div class="sidenav2">
<a href="http://blogger.com/home">DBOARD</a>
<a href="http://www.blogger.com/follow-blog.g?blogID=Your blog ID">FOLLOW</a>
</center>

• Ubah kode kode yang berwarna itu sesuai dengan seleramu.

Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest