Berikut ini adalah bagaimana caranya membuat gambar melayang atau Float image disudut bawah,atas,kanan,atau kiri pada blog.
Mungkin untuk para master hal ini cuma membuang-buang waktu,tapi kalau ditangan orang yang kreativ pasti bisa menjadi hal yang sangat berguna apalagi bila berfikir untuk mengeditnya..heheheh
Jadi langsung saja dh..
Login ke blogger truzz pilih menu "Layout -->> Edit HTML
Cari kode ini ]]></b:skin> truz copy paste kode ini di atasnya.
Untuk gambar anda hanya perlu mengisi angka dengan pixel di Bottom untuk gambar berada dibawah sedangkan Left untuk gambar berada dikiri,bila ingin di pindahkan ke kanan anda hanya perlu mengganti Left dengan Right,dan untuk gambar berada di atas anda hanya perlu mengganti Bottom dengan Top.
Kemudian copy paste kode berikut diatas kode </body>
Mungkin untuk para master hal ini cuma membuang-buang waktu,tapi kalau ditangan orang yang kreativ pasti bisa menjadi hal yang sangat berguna apalagi bila berfikir untuk mengeditnya..heheheh
Jadi langsung saja dh..
Login ke blogger truzz pilih menu "Layout -->> Edit HTML
Cari kode ini ]]></b:skin> truz copy paste kode ini di atasnya.
#Panic_melayang {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Untuk gambar anda hanya perlu mengisi angka dengan pixel di Bottom untuk gambar berada dibawah sedangkan Left untuk gambar berada dikiri,bila ingin di pindahkan ke kanan anda hanya perlu mengganti Left dengan Right,dan untuk gambar berada di atas anda hanya perlu mengganti Bottom dengan Top.
Kemudian copy paste kode berikut diatas kode </body>
<div id="Panic_melayang">
<a href="http://www.alamat-blog-anda.blogspot.com">
<img src="Alamat gambar " border="0" /></a>
</div>
Trik kali ini berguna untuk mini banner blog anda ataupun iklan dsb,sesuai dengan yang anda inginkan,hal ini tentu memerlukan tingkat kreativitas anda jadi jangan enggan-enggan untuk menanyakan kesalahan tutorial ini.
1 comments:
;j;
:h: :i: :j: :k: :l: :m: :n:
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39
Post a Comment
Terima kasih bila anda sudah memberikan komentar,karna komentar anda sangat berguna bagi saya.Tapi jika Spam saya mohon maaf karna akan saya hapus...
Terima kasih