Farhan Share - sobat pastinya tahukan mengenai gambar melayang di blog, sekarang ini di blog-blog banyak yang memakai gambar melayang untuk mempromosikan iklan, animasi, Facebook, dan Twitter Page. karena cara ini dianggap efektif sobat, untuk memasang iklan karena banner ini berada di depan layar jadi otomatis pengunjung pasti melihat banner/gambar ini.
Hari ini sobat farhan, farhan akan nge-share tentang cara membuat gambar/banner melayang di blog/web. pasti kedengaranya menarik kan sobat. kita bisa kok sobat mengganti-ganti posisi banner/gambar melayang ini bisa di atas (top), di bawah (bottom), di kanan (right), di kiri (left), tergantung keinginan sobat. pasti sobat udah gak sabar kan, ini dia langkah-langkahnya.
1. Login ke Blogger.
2. Masuk Dashboard.
3. Pilih Template.
4. Pilih Edit HTML (download template full dulu sobat mencegah jika ada kesalahan).
5. Centang kotak Expand Template Widget.
6. Selanjutnya sobat cari kode ]]></b:skin> menggunakan CTRL+F, setelah itu sobat taruh kode di bawah ini tepat di atas ]]></b:skin>.
#trik_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expressionundefineddocument.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expressionundefineddocument.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
Catatan : ganti kode yang berwarna biru dengan posisi yang sobat inginkan, contohnya kiri (left). kanan (right), atas (top), bawah (bottom).
7. Setelah itu masih di Edit HTML sobat, sobat cari kode </body>, lalu sobat copy kode di bawah ini dan di letakkan tepat di atas </body>.
<div id='trik_pojok'>
<a href='http://farhanshare.blogspot.com'>
<img border='0' src='http://www.linuxhpc.org/images/samples/468x60.gif'/></a>
</div>
Catatan : ganti kode yang berwarna merah dengan URL halaman yang akan dituju.
Catatan : ganti kode yang berwarna biru dengan URL gambar yang ingin di tampilkan.
8. Klik "Save" dan selesai.
Selamat mencoba, bila ada pertanyaan comment di bawah.
{ 0 komentar... Views All / Send Comment! }
Posting Komentar