Cipta Imej Terapung Di Sudut Blog
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
tutorial yang menarik.. benda ni leh lambatkan page loading tak?
Reply@cacing,tak lambat pun lainla kalau gambar yang awak pakai tu,sangat besar saiznya ;)
ReplyNota: Hanya ahli blog ini sahaja yang boleh mencatat ulasan.