Senin, 01 Juli 2013

Cara membuat menu floating di samping kanan blog

Selamat siang ! kali ini saya akan menshare cara membuat menu floating di samping kanan blog ! coba liat blog saya !
Nih dia screenshot nya !!
Cara : > pergi ke DASHBOARD
          > pilih TATALETAK
          > lalu pilih TAMBAH GADGET
           > pilih HTML/JAVASCRIPT

           > lalu pastekan kode dibawah ini !

<style>
.btsnts-flt-wdt{
position:fixed;
right:10px;
top:30%;
}
.btsnts-flt-wdt img{
float:right;
clear:right;
margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btsnts-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<!-- btsnts.blogspot.com -->
<div class="btsnts-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/dwi.iankkclalucyankqmmu" title="Add me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyXqkfdP3R7L-iStwCR1SWbImWXQoGs-QU56gi-jOIMT43FBrH7655vfl9RvILXT61wjYJ5moOR63MrkMI7-Zm9xhto80aFZSyUDx-vI1uJ8XKOmlvE4F-pk1RipTPb6KCDw067BaSlis/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/wisantohacker" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhS9sPl7UEF0wp-NW_IYeSZqMTdLnhdKD3kSt6UL6chmOSbYlOPOwXHnOkXl-GR_g9Jxo1k7weHEd-PZMIHHUw5N91ZNC928Ds81yyUr0SsZI7yl7B0L3zIdDUul316W1lrCQgZxJjU7yY/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/WisantosBlogg" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOX0KBMzYdU-wGyNkr2SYcsIT3ogAwEeZ4h_6aa23VbtXwVlbambVeoiUoZZa63OaqEpKe_4KRlNtJIMDxNNtwJGV-Dpo-vdfVqHvLqUL5UYXoTZ-XzLp0Txag4rQp-3glcaK0pao7rFs/s1600/Rss.png" /></a>
</div>
<!-- End -->
NB :
  • Ganti tulisan warna hijau dengan url FB kamu
  • Ganti tulisan warna merah dengan url TWITTER kamu
  • Ganti tulisan warna biru dengan url FEED BURNER kamu
SEMOGA BERMANFAAT !

0 komentar:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More

 
Design by Free WordPress Themes | Bloggerized by Lasantha - Premium Blogger Themes | Best CD Rates