Jumat, 27 Juli 2012

Cara membuat menu floating di samping kanan blog

Wisanto's Blogg - 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/AVvXsEjW-BmsAZ3lnaSv1pYLk-P5A-dAq2XwhJ1j4Y9A6SkJmgqhO3wjn8l6e9FhFVKA8yjJNd-jZELX3zu5y90aKEcAcBwglNHOlC7DIvB8C_RLDhyphenhyphenxOGYq9Kp1TXFcXgUaR7JQLpErnwGqyk4/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/AVvXsEjQmAegvqCUFCipA4tXTVXEhklOLLt-JnuQK0PJfw2-N4SpESbl1EK4K7972w9qjh2YWtDUocSC611vrMKFzP-av0Snv77eVuHHDkQkPv09vJncvR6QQfAi5h1iEl9jS9PFgF4M0D9TeS0/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/AVvXsEiycjVXM4ZyaUv_qSQp3j3D8oezwkA58m4a2qi-QLtzmu-xqUvkoHLEELkITu3EwD2Y0CvaDlx4uvvD0BlvdcpWt07dE9ImycYEjul3WccP6SXXN9d4h8OMqC1C5vryBdOYodREo4EHDy8/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 !

6 komentar:

Gayuh Gustia Mahardika mengatakan...

makasih gan kode pastenya. Segera dicoba :D

wisanto mengatakan...

0k gan

Rahmatullah mengatakan...

tengkyu gan.. Ane udah lama cari ini

wisanto mengatakan...

0k gan
Liat liat blogku y4

Indraka Dwi mengatakan...

sip dah :)

M-aldy Bloggers Indonesia mengatakan...

Wah mantap nih wajib dicoba: D

Posting Komentar

handapeunpost