TULISKAN.com - 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, TULISKAN.com 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.
Cara Membuat Iklan/Banner Melayang (Popup) di Blog
1. Login ke Blogger.
2. Masuk Dashboard.
3. Pilih Template.
4. Pilih Edit HTML.
5. Cari kode ]]></b:skin> (gunakan CTRL+F), lalu letakkan kode berikut ini tepat diatsnya.
#tuliskancom-popup {
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); }
Keterangan:
- 0 = Jarak Iklan Melayang dari bawah Layar
- 0 = Jarak Iklan Melayang dari kiri layar
7. Sekarang pergi ke halaman Tata Letak/Layout.
8. Klik "Add/Tambahkan" gadget".
9. Pilih HTML/JavaScript.
<div id='tuliskancom-popup'>
<a href='http://www.tuliskan.com'>
<img border='0' src='http://www.linuxhpc.org/images/samples/468x60.gif'/></a>
</div>
Keterangan:
- Ganti kode yang berwarna merah dengan URL tujuan iklan
- Ganti kode yang berwarna biru dengan URL Banner/Gambar iklan
10. Klik "Save" dan selesai.
Demikian informasi terbaru seputar tutorial dan tips trik blogging tentang Cara Membuat Iklan/Banner Melayang (Popup) di Blog, semoga bermanfaat, dan selamat mencoba.
EmoticonEmoticon