Membuat Floating Button di Sisi Blog

Apa itu Floating Button?? saya juga bingung jelasin nya...
Tombol melayang, bisa kanan, kiri, atas maupun bawah. fungsinya sama seperti Feed button, cuma bedanya posisinya aja kaleee ya.

okley, berikut langkah-langkahnya:

loging ke blogger >> tata letak >> tambah gadget >> HTML/JavaScript
paste code di sini...
upss lupa, copy dulu script dibawah ini::

<div style=" position:fixed; top: 30px; right: 5px;"> <br /> <table border="0" cellpadding="0" cellspacing="1" width="32"><br /> <tbody><br /> <br /> <br /> <br /> <tr><td><br /> <a href="LETAKAN URL ANDA DI SINI" target="_blank"><br /> <img style="opacity: 0.4;" src="LETAKAN URL GAMBAR DI SINI"<br /> onmouseover="this.style.opacity=1;this.filters.alpha.opacity=100"<br /> onmouseout="this.style.opacity=0.4;this.filters.alpha.opacity=40"<br /> border="0" height="32" width="32" /></a><br /> </td></tr> <br /> <br /> <br /> <br /> <br /> </tbody></table> <br /> </div>

ganti code LETAKAN URL ANDA DI SINI dengan URL tujuan sobat.
ganti code LETAKAN URL GAMBAR DI SINIhijau dengan URL gambar sobat.
selesai dan Simpan

*Code diatas hanya menampilkan 1 tombol, berikut Posisi-posisi yang dapat diganti sesuai keingginan sobat tentunya.....
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>

tugas selesai dan langsung aja meluncur sob.......

Subscribe My Channel

Saling berbagi ilmu itu indah.