Cara Memasang Gambar Di Sudut Blog

Salah satu trik blogger agar blog kelihatan tambah menarik adalah memasang image di sudut blog. Pemasangan image bisa di atas kiri, atas kanan, bawah kiri, dan bawah kanan. Selain itu trik ini juga dapat dimanfaatkan untuk fungsi yang lain, sesuai dengan apa yang kamu inginkan.

Lagsung aja kita peraktekkan :

1. Login ke blogger dengan ID anda.

2. Klik Tata Letak.

3. Klik tab Edit HTML.

4. Klik tulisan Download Template Lengkap. Silahkan backup dulu templatenya (penting!).

5. Beri tanda centang/tik pada kotak kecil di samping tulisan Expan template Widget.

6. Tunggu beberapa saat ketika proses sedang berlangsung.

7. Tambahkan kode berikut di atas kode ]]></b:skin>

#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); }

8. Ganti kode yang berwarna merah dengan posisi image yang kamu inginkan (ex : top=atas, bottom=bawah, right=kanan, left=kiri). Dan atur kode yang berwarna hijau sesuai dengan tampilan di blog kamu.

9. Kemudian tambahkan kode ini di atas kode </body>.

<div id='anima_sudut'>

<a href='http://irnanto-ilmupengetahuan.blogspot.com/'>

<img alt='' border='0' src='http://irnanto-ilmupengetahuan.blogspot.com/image.jpg'/></a>

</div>

10. Ganti kode yang berwarna merah dengan alamat blog dan alamat penyimpanan image kamu.

11. Jangan lupa disimpan.

Selamat mencoba

Baca juga yang ini....