Cara Membuat Menu Floating disamping Kanan Blog

Cara Membuat Menu Floating disamping Kanan Blog

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

Baca Selanjutnya >>>

          
 > 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/AVvXsEh7QDRiAmSckX6iTS7wxyUuWdZWbic6Icy2jrcjXhB2Ln0W7Dh-khzPpvoUEslEA4c78CZ7Wbhhdu9W2BXVi_d4sO4Ag8zJbJnGXKJLFZr9fcM0t2GmW4BrgCGVdWiQxP26Q_Uz3jJiIQY/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/AVvXsEhOQRtj479-1qIRcu6P6Pa1dVnjAlim3aQz1PmnG0RYLu_eZHirlfg4sDxUyf-uQMLZJ1eCDp7Gh_lR4bDN_-PvnqO7M5PiX-Mujc3vWa8N_k4ja8iNujlfegAqfL9XHSjs0kzjwLukdlw/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/AVvXsEhTfHxpTMcgoYVP3993467S0_DLr2IkldpfZf3nJN8k-YZqw7v8HedilunCQBPhWwOH7ISDqb9RTIplLPP939zDu_Kqc0W7diX74YKg7yS_q041BoaQe74jJJgsJYUH9JPvaxDlo98qQrM/s1600/Rss.png" /></a>
</div>
<!-- End -->

<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/AVvXsEh7QDRiAmSckX6iTS7wxyUuWdZWbic6Icy2jrcjXhB2Ln0W7Dh-khzPpvoUEslEA4c78CZ7Wbhhdu9W2BXVi_d4sO4Ag8zJbJnGXKJLFZr9fcM0t2GmW4BrgCGVdWiQxP26Q_Uz3jJiIQY/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/AVvXsEhOQRtj479-1qIRcu6P6Pa1dVnjAlim3aQz1PmnG0RYLu_eZHirlfg4sDxUyf-uQMLZJ1eCDp7Gh_lR4bDN_-PvnqO7M5PiX-Mujc3vWa8N_k4ja8iNujlfegAqfL9XHSjs0kzjwLukdlw/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/AVvXsEhTfHxpTMcgoYVP3993467S0_DLr2IkldpfZf3nJN8k-YZqw7v8HedilunCQBPhWwOH7ISDqb9RTIplLPP939zDu_Kqc0W7diX74YKg7yS_q041BoaQe74jJJgsJYUH9JPvaxDlo98qQrM/s1600/Rss.png" /></a>
</div>
<!-- End -->

- See more at: http://dinoinside.blogspot.com/2012/07/cara-membuat-menu-floating-di-samping.html#sthash.wErso3lR.dpuf

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