Ada temanku yang bertanya, "gimana caranya pasang image animasi di blog ??". Sebenarnya ada banyak cara-cara yang bisa dilakukan untuk memasang gambar animasi di blog dan sudah banyak pula blogger yang memposting artikel mengenai cara pasang gambar animasi diblog tetapi terkadang pada kenyataannya masih terdapat kesalahan, entah itu salah memasukan kode atau apalah sehingga yang mengikuti langkah tersebut tidak menemukan hasil.
Ok, berikut akan saya coba memberikan langkah-langkahnya, silahakan disimak :1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera anda. ( Referensi link icon menarik ada di bawah posting ini.
2. Setelah gambar yang anda inginkan ketemu, silahkan copy alamat URL gambar tersebut.
3. Masuk ke Dasbor.
4. Klik Tata Letak / Rancangan.
5. Klik Edit HTML.
6. Beri Centang pada pilihan Expand Template Widget
7. Silahkan anda cari kode didalam template anda ]]></b:skin> dengan menekan kombinasi tombol CTRL + F untuk memudahkan pencarian.
8. Jika sudah ketemu kode tersebut, Masukan kode dibawah ini sebelum kode diatas :
#gambar_dipojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); }
9. Text yang berwarna Biru merupakan posisi ditempatkan gambar tersebut.
10. Silahkan diganti sesuai dengan keinginan anda, ( kiri>left, kanan>right, atas>top, bawah>bottom ).
11. Setelah itu cari lagi kode
12. Jika ketemu, masukan kode dibawah ini sebelum kode diatas :
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
_left:expression(document.documentElement.scrollLeft+document.documentElement.clientWidth - offsetWidth); }
9. Text yang berwarna Biru merupakan posisi ditempatkan gambar tersebut.
10. Silahkan diganti sesuai dengan keinginan anda, ( kiri>left, kanan>right, atas>top, bawah>bottom ).
11. Setelah itu cari lagi kode
12. Jika ketemu, masukan kode dibawah ini sebelum kode diatas :
<div id="trik_pojok">
<a href="http://GANTI DENGAN URL ANDA.blogspot.com">
<img src="http://www.GANTI GAMBAR ANDA.gif" border="0" /></a>
</div>
13. Ganti URL ini "http://GANTI DENGAN URL ANDA.blogspot.com" dengan alamat blog anda sendiri.
14. Ganti URL ini "http://www.GANTI GAMBAR ANDA.gif dengan alamat URL gambar yang anda tentukan tadi pada langkah diatas.
15. Untuk mendapatkan URL nya, anda klik kanan gambar yang anda inginkan, lalu klik Properties. kemudian copy alamat URL yang ditampilkan pada baris Location.
16. Klik Pratinjau untuk melihat hasil kerja keras anda.
17. Jika sudah sesuai klik Simpan Template.
18. Sampai pada langkah terakhir, seharusnya anda sudah dapat melihat hasil nya di blog anda dengan baik. atau jika masih menemukan masalah, silahkan di teliti kembali.
<a href="http://GANTI DENGAN URL ANDA.blogspot.com">
<img src="http://www.GANTI GAMBAR ANDA.gif" border="0" /></a>
</div>
13. Ganti URL ini "http://GANTI DENGAN URL ANDA.blogspot.com" dengan alamat blog anda sendiri.
14. Ganti URL ini "http://www.GANTI GAMBAR ANDA.gif dengan alamat URL gambar yang anda tentukan tadi pada langkah diatas.
15. Untuk mendapatkan URL nya, anda klik kanan gambar yang anda inginkan, lalu klik Properties. kemudian copy alamat URL yang ditampilkan pada baris Location.
16. Klik Pratinjau untuk melihat hasil kerja keras anda.
17. Jika sudah sesuai klik Simpan Template.
18. Sampai pada langkah terakhir, seharusnya anda sudah dapat melihat hasil nya di blog anda dengan baik. atau jika masih menemukan masalah, silahkan di teliti kembali.
Referensi icon :
- http://www.gifs.net/
Semoga bermanfaat dan silahkan mencoba.
