Home » » Membuat Floating Button di Sisi Blog
| 2 komentar ]

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="http://3.bp.blogspot.com/_x56ZfgEt16U/TA-LGm-vTOI/AAAAAAAAAoA/T6I0bGR52FU/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 :



2 komentar

Anonim mengatakan... @ 22 Desember 2010 02.50

kereeennnn..

B@zz0874 mengatakan... @ 12 Desember 2011 21.09

mantabbb gan ,, tanks

Poskan Komentar

Recent Reader

GET UPDATE VIA EMAIL
Dapatkan artikel terbaru langsung ke email anda!