Pasang Image 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. Sebab kalau disebutin kebanyakan...

Tanpa ba..bi..bu.. lagi, langsung kita mulai trik memasang image di sudut blog :

• Login ke account blogger kamu.


• Pilih Tata Letak --> Edit HTML.

Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, sehingga jika terjadi hal-hal yang tidak diinginkan kamu sudah memiliki back-up untuk mengembalikannya seperti semula.

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

• 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.


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

<div id='anima_sudut'>
<P><span style='font-weight: bold;font-size:130%;'>HOME</span></P><a href='http://arprasya.blogspot.com/'>
<img alt='' border='0' src='http://img81.imageshack.us/img81/2099/kmysqladmin.png'/></a>
<P>
<P><span style='font-weight: bold;font-size:130%;'>ON Y!M</span></P><a href='ymsgr:sendIM?ID_Y!M'> <img src='http://opi.yahoo.com/online?u=ID_Y!M&amp;m=g&amp;t=2&amp;l=us'/> </a>
</P>
</div>

Ganti kode yang berwarna merah dengan alamat blog dan alamat penyimpanan image kamu.
dan
Ganti kode yang berwrna biru dengan ID YM kamu.

Jangan lupa disimpan

Selamat mencoba pasang image di sudut blog...