Cara sederhana membuat gambar melayang dipojok

Cara sederhana membuat gambar melayang dipojok - SiS

Sobat SiS dan sobat blogger semua, pasti pernah melihat gambar melayang di pojok kanan/kiri/atas/bawah walaupun kita scroll ke atas dan ke bawah gambar akan selalu mengikuti. Apabila sobat blogger akan mempercantik blognya dengan gambar melayang dipojok, berikut caranya.

»DEMO«

I. Anda harus login dahulu di blogger.com .

II. Selanjutnya pilih Template dan Edit HTML.

III. Cari kode ]]></b:skin> atau tekan Ctrl+F

IV. Kemudian copy kode berikut ini dan taruh tepat diatas 

]]></b:skin>.

#images {

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 yang berwarna biru bisa anda ganti dengan 
top = atas
left = kiri
right = kanan
bottom = bawah
V. Selanjutnya cari kode </body> , Letakkan kode dibawah ini tepat diatas </body>.

<div id='images'>

<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUhRkVdX3JfkeGwjCqUoDV1HGj5W70aow6fbD64cCyZEafYGymbW-3-x6fAWXhCicdBQ9mPX0ong2jR7xSZfgfTDcXOc5UE28Wn8YeiWrd63Wo3PH6PlJnRrgjNSSUhfp36KxB9wyWah9o/s1600/SiS_logo1.jpg'/>
</div>

Untuk yang berwarna hijau silahkan anda ganti dengan alamat gambar anda.

Lalu simpan template anda dan lihat hasilnya.

Cara sederhana membuat gambar melayang dipojok - Semoga bermanfaat dan Terima Kasih.