Membuat Floating Button di Sisi Blog

bagaimana cara untuk membuatnya...ikuti lankah-lankah berikut.
copy code berikut

<div style=" position:fixed; top: 30px; right: 5px;">
<table border="0" cellpadding="0" cellspacing="1" width="32">
<tbody>



<tr><td>
<a href="http://uc1n.blogspot.com

/feeds/posts/default" target="_blank">
<img style="opacity: 0.4;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjp0_HifnnMNBSvmv_Ti3RRyej_kGYppAY5zOVUjb7wFChdS8nJKgCvltkZBStnbne4pWba6C0UVHlB_yq9LWbCYf4KfyajXUbd15gKQUa_uiq1LyKw3F4ixzmIO4R5oUpwY4CsspUuYnrr/s1600/rss.png"
onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"
onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"
border="0" height="32" width="32" /></a>
</td></tr>




</tbody></table>
</div>

loging ke blogger >> tata letak >> tambah gadget >> HTML/JavaScript

paste code di sini...


*Code diatas hanya menampilkan 1 tombol untuk menambah kan tombol tinggal copy code mulai dari <tr><td> sampai </td></tr>
paste code dibawah code yang telah di copy
ganti code berwarna kuning dengan URL tujuan angda.
ganti code berwarna hijau dengan URL gambar anda.
selesai dan Simpan


Posisi.....

Kanan atas

<a style="position: fixed; top: 5px; right: 5px;" href="URL tujuan" ><img src="URL image1.gif" alt="" /></a>

Kanan Bawah

<a style="position: fixed; bottom: 5px; right: 5px;" href="URL tujuan"><img src="URL image1.gif" alt="" /></a>

Kiri Atas

<a style="position: fixed; top: 5px; left: 5px;" href="Url tujuan" ><img src="URL image1.gif" alt="" /></a>

Kiri Bawah

<a style="position: fixed; bottom: 5px; left: 5px;" href="URL tujuan" ><img src="URL image1.gif" alt="" /></a>

Share |

Artikel Terkait :