Cara Memasang Gambar Di Sudut Layar

Cara Memasang Gambar Di Sudut Layar

Pada hari ini, saya akan memberikan cara memasang gambar di sudut layar pada blog.

Contohnya seperti ada yg di blog IndraToolz ini:

 Kalo gk keliatan klik gambarnya ya!!!

Mau? Ikuti cara-cara berikut ini:

1. Masuk ke Blogger.
2. Klik Rancangan.
3. Klik Edit HTML.
4. Cari Kode ]]></b:skin>(bisa memanfaatkan CTRL+F). Setelah menemukan kode tersebut, copy kode berikut diatas kode ]]></b:skin> 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 menentukan posisinya, sobat blogger bisa merubah tulisan tebal di atas sesuai kehendak sobat.(Untuk Pojok Kiri Bawah: bottom:10; left:10px; Untuk Pojok Kanan Bawah: bottom:10; right:10px;)


5. Kemudian, cari kode </body> lalu copy-paste kode di bawah ini di atas kode </body>:


<div id="anima_sudut">
<a href="http://www.alamatyangandainginkan.com/">
<img alt="" src="http://alamatgambaranda.com/" border="0" /></a>
</div>


Tulisan yg berwarna Merah bisa Sobat ganti dengan alamat yg anda inginkan dan alamat gambar yg anda inginkan.


NB: Bila Sobat menginginkan gambar lebih dari satu, Sobat hanya perlu menambahkan angka/huruf pada kode #anima_sudut { dan <div id="anima_sudut"> hingga menjadi seperti ini: #anima_sudut1 { dan <div id="anima_sudut1"> .


Mungkin, sekian tutor blogger yg dpt saya berikan, dan semoga tutor yg saya berikan bermanfaat bagi Sobat-sobat semua.