Navbar

Global Var

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/AVvXsEiQZeh-Itid9NrR8c3Q3Cntxmr9O_3cZgYz3poSKWp_FcF3xMptNIyFYYV8JmjQRqDKmg6IIl5uoZFiHsCDIDFGmwsoePUSHGYl0ta_oBruLLeK1Ij1qPXHTxstavHzY17qrlOPEOzxEvk/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/AVvXsEgpyLI1tZcuTOklEhqoM_MzLDdO_AuneI7OA1Nboyse-VVe1FShhJFPonWaqtLe09r7RMZPjKFwWaFAfZ5VVAaK6YZJxWD-91EMqPQrtmfnNkFYFFxa8qOomIAxCGU7Q4klHwlAN-t35T8/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/AVvXsEg0dSQJ0W99hqEnQ9S5NA-BqwDqyPB0p_Elg7FPYLtZnaAU0EkfAyh6GtGObaCkRXNdHR5z7-67Rd_ywG2rX3UL3Ss8YdGSERkwFI7Tjc3Q6bR8vWXtpRrrhYkE-qJRzojUdZVcqgvrM3A/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:

Comments Utility