Salsa's Tutobies Blog // Vacuum
HOME ABOUT RANDOMS TUTORIAL FREEBIES FRIENDS RULES SKINS OLSHOP












Saturday, 16 November 2013 - 2 People[s]

   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.






Blogger Fryda Aulia said...

Jadi maksud kakak :
.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;
}
< s t y l e >

gitu?

 
Blogger Maya Fitriani said...

Kalau ga ada kode < S T Y L E > gimana :?

 

Post a Comment

for your info
about

[Ordinary girl with extraorninary idea]
Hello ! My name is Anugerah Mullia Ulfa Salsabella. You can call me Salsa. Born at 2000 line. Live in Bekasi, West Java. Proud to be part of swiftie and directioner.

Do follow me
Besties

hide and seek
Secret box

1 2 3 4
This is Navigate around. Please read this :
1 = Ask.fm box
2 = My sites
3 = Blog stats
4= Search box

shout what ever
tagboard

I'm sorry, but the chatbox is not available now because I'm in HIATUS mode. You can contact me on facebook or twitter^-^

related post
archives

Big claps for them
credits

© 2013 - Full Template by Salsa. Somebody help me is Gh R A Y. I took many part of this blog by many skins, so big thanks to blogskins.com, espesially to Uhbmy and there's no basecode. Best viewed is in Google Chrome (Recommended). Don't ever dare to open my page source and copy any content from this site!