Pages

11/08/12

Cara Membuat Menu Floating

berikut langkah-langkah pembuatan menu floating (menu yang menggantung disamping body) 
1. Login di blogger 
2. Pilih Tata Letak 
3. Tambah Gadget 
4. Pilih HTML/JavaScript 
5. Pastekan kode berikut : 




<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/sank4kala" title="Add me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1snRHXn-8HpJhEHA-81K-kwL3HQU9OCYopbVSn-d8N2gMbREl0IqJ-5Wi9rTvaw5t_ZqJQVNKXEwFx7zHIjJLboQTSyv5wvFhbBKCT_nRAVbXYS-nvkTMHoQyvKyEck5CQoy0IDgnC-I/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/sankakala" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL4sLN6BY2wBLEgwxkrPhhLDHz0xs0p0SZQAMsyJu1gJTcAkjxFqg1O5yq7COVeZUOLBOApYhhPPzOUD87I46uDR_WuSvK4zk4hGwuLFUuUJnI3UlpFQvLqR0zRfs9Vj7IsB-F0l3T4VY/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/ragi3ls" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3o44tOcRAycFRXmIy0u7nyzL_EyusdwP8zEf06eBYvYnEpHEIx4XiN1_qAvcWLeBT45MLWmSvYzfvwyInrFlQuXO-Fy0gKQ11jNVSTA5NE8Okvmc8MYKONgE2wgnNrtmpe1Yp5ACvSNs/s1600/Rss.png" /></a>
</div>
<!-- End -->

*note : 
  • 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

6. Save

2 comments: