Cara Memasang Gambar Di Sudut Layar

Cara Memasang Gambar Di Sudut Layar

Di postingan sebelumnya saya membahas tentang cara membuat efek marquee, artikel kali ini adalah lanjutan dasar-dasar untuk membuat head line news.

Sebenarnya saya sedikit bingung mau ngasih judul apa tentang artikel saya kali, setelah lama merenung dan berfikir akhirnya terpilihlah judul Cara Memasang Gambar Di Sudut Layar. Bener nggak yah kira-kira judulnya,, hehehe
Oke, biar sobat blogger nggak penasaran dengan judul saya diatas, maka langsung aja kita terapkan dan coba di blogger. Hehehe

Pertama login ke akun sobat blogger masing-masing, setelah itu pilih tata letak, kemudian edit html.

Cari kode ]]></b:skin>. Gunakanlah fasilitas search untuk mencari nya dengan menekan CTRL+F.
Copy scipt dibawah ini, lalu paste DIATAS code ]]></b:skin> yang tadi.

#anima_sudut {
position:fixed;_position:relative;top: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 menuntukan posisinya, sobat blogger bisa merubah top:10px; left:10px; .( top=atas, bottom=bawah, right=kanan, left=kiri)

Kemudian copy-paste code dibawah ini DIATAS code </body>.

<div id="anima_sudut">
<a href="http://www.remo-xp.com/">
<img alt="" src="url gambar anda" border="0" /></a>
</div>

Ganti code link diatas, dengan code link anda.

Selamat Mencoba.

Note: Contoh hasilnya seperti gambar jam digital di sebelah kanan bawah.