Cara Membuat Floating Button di Sisi Blog Kalian.

---

z
bagaimana cara untuk membuatnya...ikuti langkah-langkah 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/AVvXsEgyL9ttjjYJEt2M335rYtZCStL0OchnMjfNCil6LOylbYUSEt2mdazOrw8rwWwsVn19p1YIWkdQHA0ZPL1A2AvqkXc-1tMVoQRIZ-fWca1uh73gxI3H_4iE8IiRLOrpZOkblF29LehH8VOj/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 sampai
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>

Posisi.....
Kanan bawah

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

Posisi.....
Kiri atas

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

Posisi.....
Kiri bawah

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

 

So,Selamat Mencobanya Yak......!!!