Rabu, 02 November 2011

Pasang Gambar Animasi Bergerak

 Assalamu'alaikum wr. wb
Gambar animasi mampu menarik perhatian bagi pengunjung blog. Bagi panjenengan (bhs Jawa yang artinya anda) yang ingin pasang gambar animasi pada blog, silahkan ikuti langkah-langkah berikut ini
.
  1. Kunjungi situs gambar di sini dan cari gambar yang disukai.
  2. Gambar sudah didapatkan, silahkan di copy alamat URL nya.
  3. Masuk ke Blog dengan ID panjenengan.
  4. Klik Tata Letak.
  5. Klik Edit HTML.
  6. Klik kotak kecil Expand Template Widget.
  7. Carilah kode ]]></b:skin>
  8. Sebelum kode tersebut di atas, tambahkan script berikut ini :
#gambar-animasi {
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 merah adalah menunjukkan posisi gambar .
10. Silahkan ganti sesuai keinginan , (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Cari lagi kode </body>
12. Sebelum kode tersebut di atas, tambahkan script berikut ini:

<div id="gambar-animasi">
<a href="http://rozytop.blogspot.com">
<img src="http://www. gifs.net/Animation11/Animals/Penguins/funky_penguin.gif" border="0" /></a>
</div>

13. Ganti http://rozytop.blogspot.com dengan alamat blog panjenengan
14. Ganti juga http://www.gifs.net/Animation11/Animals/Penguins/funky_penguin.gif dengan alamat URL gambar pilihan.
15. Klik Pratinjau untuk melihat hasil kerja panjenengan
16. Bila sesuai keinginan, klik Simpan Template
17. Selesai


Tips cara mendapatkan alamat URL, silahkan anda klik kanan pada gambar yang anda inginkan, kemudian klik Properties, kemudian copy alamat URL, yang ditampilkan pada Address/Location




Selamat mencoba, semoga bermanfaat
Wassalamu'alaikum wr. wb

Tidak ada komentar :

Poskan Komentar