Selasa, 14 Desember 2010

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="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...

Recent Posts : [archives limit=10]


 

*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>

Terkait

Description: Membuat Floating Button Di Sisi Blog Rating: 4.5 Reviewer: Unknown ItemReviewed: Membuat Floating Button Di Sisi Blog
Al
Mbah Qopet Updated at: 21.32

3 komentar:

  1. code yang berwarna kuning dan hijau yang mana gan??? kayaknya itu warna sama semua???

    BalasHapus