12 Mac 2011

Cipta Imej Terapung Di Sudut Blog

2 ulasan:
 





Untuk mencipta imej terapung atau floating imej,adalah sangat mudah,anda cuma perlu:

1.Log in ke Blogger Dashboard--->Design/Layout--->Page Element

2.Klik Add a gadget--->HTML/JavaScript dan pastekan kod ini didalamnya

Kod

<a style="display:scroll;position:fixed;bottom:5px;right:5px;"><img src="http://icons.iconarchive.com/icons/beauticons/office-tools/128/Pen-icon.png"/></a>

Oh,dan anda boleh buat gambar ni sebagai return to top/kembali ke atas,dengan menambah kod hijau.

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://icons.iconarchive.com/icons/beauticons/office-tools/128/Pen-icon.png"/></a>

Untuk mengubah kedudukan gambar,cuma perlu ubah perkataan ini pada kod diatas
right(Kanan) <----atau----> left(Kiri)
top(Atas) <----atau---->bottom(Bawah)

Kod merah adalah kod gambar pen tersebut,yang aku guna sebagai contoh,sila ubah kepada gambar yang korang inginkan,gambar bunga ke apa ke,suka hati korangla.



2 ulasan:

  1. tutorial yang menarik.. benda ni leh lambatkan page loading tak?

    BalasPadam
  2. @cacing,tak lambat pun lainla kalau gambar yang awak pakai tu,sangat besar saiznya ;)

    BalasPadam

TERIMA KASIH UNTUK KOMENKOMEN TERBARU

 
© 1986. Aideal Fitri - fitri1986 Malaysian Blogger