Kamis, 14 Juli 2011

Membuat Gambar selalu Melayang di Pojok

1. Pastikan kamu telah LOGIN di akun BLOGGER - mu

2. setelah muncul di DASHBOARD, kamu pilih DESIGN kemudian klik EDIT HTML dan pilih EXPLAND WIDGET TEMPLATES yang tedapat di sebelah kanan bawah Edit Template

 
3. Langkah selanjutnya, cari kode ]]></b:skin> ( gunakan tombol CTRL+F untuk mencari kode tersebut )

4. Letakkan kode dibawah ini SEBELUM kode  ]]></b:skin> tersebut

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

5. Masih pada halaman EDIT HTML, cari kembali kode </body> lalu tambahkan kode dibawah ini (LAGI) SEBELUM kode tersebut

  <div id='hitsuke_corner'>
<a href='http://hitsuke.blogspot.com'>
<img border='0' src='https://lh6.googleusercontent.com/_IjrRiI_bVb0/TXN8NlmsaoI/AAAAAAAAHK8/ZaPFvSXIvAQ/Deidara.gif'/></a>

</div>

6. Terakhir, SAVE template mu dan klik "View Blog" untuk lihat hasilnya. Dan, kode-kode diatas boleh kamu ganti sesuai dengan kode gambar yang kamu miliki
 

Tidak ada komentar:

Posting Komentar