Menambahkan Gambar di pojok layar pada Blog

Bagi yang tidak tahu cara menambahkan gambar di pojok samping bawah seperti diblogku, nih tutorialnya:
1. Buatlah gambar animasi kesukaan kamu dengan tool imaging seperti ulead gif animator atau yang lainnya. Jika cara pertama ini terlalu susah, kamu juga bisa langsung cari gambar animasi disini
2. Copy alamat URL dari gambarnya dengan cara "Klik kanan > Copy image Location"
3. Login ke blog kamu
4. Masuk ke menu Layout > Edit HTML
5. Backup template kamu dengan cara Copy Paste ke Notepad
6. Sekarang cari kode ]]></b:skin> di template kamu
7. Letakkan kode berikut tepat dibawahnya :


#trik_pojok {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+
document.documentElement.clientWidth - offsetWidth); }

8. kode yang berwarna merah menandakan posisi dari gambar, bisa diganti semaumu. Misal :


kiri=left, atas=up, bawah=bottom, kanan=right
9. Setelah itu cari kode </body> di template dan Letakkan kode dibawah ini tepat diatasnya :

<div id='trik_pojok'>
<a href='http://aagen-blog.blogspot.com/' target='_blank' title='Wildan ganteng...'>
<img border='0' height='175' src='http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif' width='150'/></a>
</div>

10. Gantilah http://aagen-blog.blogspot.com/
dengan nama blogmu
11. Ganti Wildan ganteng... 
dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
12. Ganti 175
dengan tinggi gambar yang sesuai
13. Ganti http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif dengan alamat URL sumber gambar
14. Ganti 150 dengan
lebar gambar yang sesuai
15. Jika selesai mengedit, klik Pratinjau
16. Save Changes atau Save Template


( Reposting from http://www.dalleboy.co.cc/2010/03/cara-membuat-gambar-bergerak-di-bagian.html )

Posting Komentar

Komentar akan dipublikasikan setelah di setujui oleh admin Blog...
Jadi, komentar anda tidak langsung muncul di blog, tetapi akan di setujui oleh Admin terlebih dahulu THANKS

 
Copyright © Wildan Blogger