Home » , » Memasang Menu Floating di sisi kanan BLOGGER

Memasang Menu Floating di sisi kanan BLOGGER

Warni'a Blog - Selamat sore ! 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/dhanix3" title="Add me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiPXCisf71Jn8nXBfgfFkCocxxoMEo3n0kg4PQ3MNn9ORBrEzDxF-QN_u6YuLE3Q9K3mFtI0aOPFJ2qtzkSaIcHodoVHZE01H8mZsmX_Si6NIzs6ZyXHC4K7bGqt3sdjfCthSzYwLvdCM/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/Dhani_TriX" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr6HgK-mUIWzP8SDH8RzVh01KPfc7p24Y74nUM4pJJcEaNHCfZ_D4I-l4H5nBYVS4B66anxw6CEzIArULFo_EY9OnZKnFBgSCvrEZ4TAq2r79ndoL1cYUuQXJP4s1nyltjUJ-1TeSfJ00/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/DhaniTriX" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4RhuLfPUlSLOHZF1uMj4Ylx6H4UtJpJWh1b_iIMW0qxOQdNC6Cr2GWG0Ao9RurCDWL0R4V60X1eh4Xh2Go8gH8iR5kIfVX38cRqK4Z_og5Y-DhIe6lRAqii1wqW5bSO9b2v7cl0VgmqA/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

Contact