Created (c) by Princexells Seyka (Princelling Saki)

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.


Ikuti langkah untuk memasang gambar bergerak di pojok blog, sebagai berikut :






1. Silahkan cari dulu gambar bergerak yang cocok dengan selera Sobat klik disini
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





Nah selesai sudah.......
Selamat mencobanya, semoga berhasil dan bermanfaat!!
Jangan lupa bekomentar untuk memberikan pertanyaan dan kritik saran dari temen-temen semuanya.

Artikel Terkait Lainnya :



Tidak ada komentar:

Posting Komentar

 

© Copyright JASA PEMBUATAN WEBSITE 2010 -2011 | Design by Andra Ghotic's Center | Published by Andra Templates | Powered by .