Cara Membuat Gambar Bergerak di Bagian Pojok Blog
Setiap kamu membuka blog ini pasti kamu melihat gambar animasi Naruto lagi duel sama Sasuke yang ada di pojok kanan atas, iyakan... saya memilih gambar ini karena saya sedang menyesuaikan blog ini dengan templatenya yang serba Naruto... Kalau kamu mau membuat seperti gambar seperti yang ada di blog saya ini kalau kamu sudah punya gambarnya tinggal kamu taruh aja di photobucket atau di webhosting... kalau kamu mau tau cara membuat gambarnya ikuti cara berikut ini... Sekaligus langsung memasukkannya ke blog kamu...
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 dibelakangnya :
#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 :
<div id='trik_pojok'>
<a href='http://aanspin.blogspot.com/' target='_blank' title=' belum punya ya, Ketinggalan zaman loe...'>
<img border='0' height='175' src='http://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.gif' width='150'/></a>
</div>
10. Gantilah http://aanspin.blogspot.com/ dengan nama blogmu
11. Ganti belum punya ya, Ketinggalan zaman loe... dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
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 dibelakangnya :
#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 dibawahnya :<div id='trik_pojok'>
<a href='http://aanspin.blogspot.com/' target='_blank' title=' belum punya ya, Ketinggalan zaman loe...'>
<img border='0' height='175' src='http://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.gif' width='150'/></a>
</div>
10. Gantilah http://aanspin.blogspot.com/ dengan nama blogmu
11. Ganti belum punya ya, Ketinggalan zaman loe... dengan kata-kata sesukamu. Kata ini muncul pada saat hendak diklik oleh mouse.
12. Ganti 175 dengan tinggi gambar yang sesuai
13. Gantihttp://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.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
13. Gantihttp://www5.indowebster.com/24be898161eb38a7001cd13f367123b0.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
