Selamat siang ! kali ini saya akan menshare cara membuat menu floating di samping kanan blog ! coba liat blog saya !
> pilih HTML/JAVASCRIPT
> lalu pastekan kode dibawah ini !
Nih dia screenshot nya !!
Cara : > pergi ke DASHBOARD
> pilih TATALETAK
> lalu pilih TAMBAH GADGET
> 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/wisnujuanp" title="Add me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfaQS3avu6vclHm8TjAAMYYsupavmOc3utPLqw7Hosxe3dG_xOunCAI1kmQnqBXs5hduV70WwPxBE6473yUzskbnw6suK_OuWJyf9MoEiU3LG5YW__y1IkjFH3eXw6mQ4ccHMvQ7-IHQ/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/WisnuJuan" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Pq3blA7XH4vqfMExkUj91V_RuEXsynzC5MdinEL3Lqbv_iwvJ57Q2Z-06EBQHCTxQ44bIBtmw-EExlTaodi6wb49Q9Y9Kq26kHAZYqJ8OSexaxhEJjPWhTvwQ3RTdbGvXYLi3cdV0hk/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/wisnu-crew" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Z43E9XXFXpsJFTMc_X2HRgj6tZWgynOQ4jnYumdyQKh7DdKgvkjGe_7PQxWWoIkA3_nbaQbm2ewxtcNNmciBx1T6bHpBYtR_mPQ3NOx602Uvnn-9ynT-F-xaGuqbd2CcKZOiSB2nBxU/s1600/Rss.png" /></a>
</div>
<!-- End -->
.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/wisnujuanp" title="Add me on Facebook" target="_blank"><img alt="Join me on Facebook" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNfaQS3avu6vclHm8TjAAMYYsupavmOc3utPLqw7Hosxe3dG_xOunCAI1kmQnqBXs5hduV70WwPxBE6473yUzskbnw6suK_OuWJyf9MoEiU3LG5YW__y1IkjFH3eXw6mQ4ccHMvQ7-IHQ/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/WisnuJuan" title="" target="_blank"><img alt="Follow me on Twitter" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2Pq3blA7XH4vqfMExkUj91V_RuEXsynzC5MdinEL3Lqbv_iwvJ57Q2Z-06EBQHCTxQ44bIBtmw-EExlTaodi6wb49Q9Y9Kq26kHAZYqJ8OSexaxhEJjPWhTvwQ3RTdbGvXYLi3cdV0hk/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/wisnu-crew" title="Subscribe to RSS" target="_blank"><img alt="Subscribe to RSS" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-Z43E9XXFXpsJFTMc_X2HRgj6tZWgynOQ4jnYumdyQKh7DdKgvkjGe_7PQxWWoIkA3_nbaQbm2ewxtcNNmciBx1T6bHpBYtR_mPQ3NOx602Uvnn-9ynT-F-xaGuqbd2CcKZOiSB2nBxU/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 !
Anda baru saja membaca artikel yang berkategori Blog
dengan judul Cara membuat menu floating di samping kanan blog Special Ulang Tahun Admin.
0 Response to "Cara membuat menu floating di samping kanan blog Special Ulang Tahun Admin"
Post a Comment