Membuat Gambar Hidup Di Pojok Halaman Blog

Diposting oleh Nyom" Anak Kerissena Selasa, 26 Oktober 2010

Hmm..ini caranya neh.


1. Pertama-tama silahkan cari dulu icon yang cocok dengan selera sobat.
Misalkan misteri gunakan ini nie :

http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif


2. Setelah ketemu gambar yang sobat inginkan, silahkan di copy alamat URL nya
3. Masuk ke Dasbor
4. Klik Tata Letak
5. Klik Edit HTML
6. Klik kotak kecil Expand Template Widget
7. Silahkan cari di dalam template anda kode ]]></b:skin>
8. Persis sebelum kode tersebut, copypastekan script berikut ini

#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); }


9. Text bottom dan left adalah menunjukkan posisi penempatan dari gambar tersebut
10. Silahkan sobat ganti sesuai keinginan sobat, (kiri=left, kanan=right, atas=top, bawah=bottom)
11. Berikutnya cari lagi di dalam template sobat kode </body>
12. Persis sebelum kode tersebut, copypastekan script berikut ini


<div id="trik_pojok">
<a href=" http://misteridesign.blogspot.com/ ">
<img src="http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif" border="0" /></a>
</div>


13. Silahkan ganti http://misteridesign.blogspot.com/ dengan alamat blog sobat.
14. Ganti juga http://i866.photobucket.com/albums/ab230/darkalaric/Anime%20Pictures/image05.gif dengan alamat URL gambar pilihan sobat, yang telah sobat copy (lihat langkah no. 2)
15. Cara mendapatkan URLnya, silahkan sobat klik kanan pada gambar yang sobat inginkan, kemudian klik Properties, kemudian copy alamat URL yang ditampilkan pada baris Location
16. Klik Pratinjau untuk melihat hasil kerja sobat.
17. Jika sudah sesuai dengan keinginan sobat, klik Simpan Template
18. Selesai

Selamat mencoba, semoga bermanfaat..!!


Thanks


http://misteridesign.blogspot.com/

  1. estett Says:
  2. esiip coba ah