Wednesday, June 2, 2010

Cara 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 ANDA inginkan. Sebab kalau disebutkan kebanyakannya...

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


Login ke account blogger ANDA.
Pilih Tata Letak --> Edit HTML.
Tips : Sebelum melakukan edit template, sebaiknya simpan dulu template ANDA 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 ANDA 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'>
<a href='http://optimasi-blog.blogspot.com/'>
<img alt='' border='0' src='http://i647.photobucket.com/albums/uu191/ariamsi/disiniann.gif'/></a>
</div>


Ganti kode yang berwarna merah dengan alamat blog dan alamat penyimpanan image kamu.
Jangan lupa disimpan


Selamat mencoba pasang image di sudut blog...
-READ MORE >>>