Cara Pasang Gambar Bergerak Dipojok Blog
Bagi Sobat yang suka menghias Blog nah ini pasti cocok untuk mempercantik Blog Sobat, yaitu memasang gambar animasi atau gambar bergerak di salah satu pojok di blog.
Nah bagi Sobat yang ingin memasangnya baca caranya di bawah ini.
2. Setelah ketemu gambar yang Sobat inginkan, di copy alamat URL nya!
3. Login ke blogger dengan ID anda
4. Klik Tata Letak / Layout
5. Klik Tab Menu Edit HTML
6. Backup dulu sebelum melakukan editting template dengan klik Download Template Lengkap. Mengantisipasi jika penambahan kode salah.
7. Beri tanda centang pada kotak kecil Expand Template Widget
8. Cari kode ]]></b:skin>
Untuk memudahkan mencari tekan ctrl F / F3.
9. Copy paste kode di bawah ini sebelum kode tersebut.
#trik_pojok {
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); }
10. Tulisan yang berwarna biru menunjukkan posisi penempatan dari gambar tersebut!
11. Silahkan Sobat ganti sesuai keinginan, (kiri=left, kanan=right, atas=top, bawah=bottom)
12. Kemudian cari kode </body>, setelah itu copy pastekan script berikut ini sebelum kode </body>
<div id="trik_pojok">
<a href="http://sodiycxacun.blogspot.com">
<img src="http://img194.imageshack.us/img194/4945/pinginbelajar.gif"
border="0" /></a>
</div>
13. Silahkan Sobat ganti tulisan warna merah "http://sodiycxacun.blogspot.com" dengan alamat blog Sobat
14. Ganti juga "http://img194.imageshack.us/img194/4945/pinginbelajar.gif" dengan alamat URL gambar pilihan Sobat tadi
15. Klik Save Template
15. Klik Save Template
Nah selesai sudah.......
Selamat mencobanya, semoga berhasil dan bermanfaat!!
Jangan lupa bekomentar untuk memberikan pertanyaan dan kritik saran dari temen-temen semuanya.
Langganan:
Posting Komentar (Atom)
0 komentar:
Posting Komentar