Tutorial Membuat Iklan Melayang Pada Halaman Blog

Tutorial Membuat Iklan Melayang Pada Halaman Blog - Iklan merupakan suatu objek. Objek atau yang lebih dikenal dengan sebutan Float Top Bar, yang merupakan jendela kecil yang tiba-tiba muncul pada halaman web atau blog. Membuat Iklan Melayang biasanya konten dapat berupa iklan, ataupun dapat berupa sebuah Form SubScribe. 

contoh iklan melayang

Pembuatannya pun dapat dikatakan cukup mudah karena proses pembuatan hanyalah berupa widget. Berikut langkah-langkahnya:

1. Login ke Blogger, lalu pilih tata letak.
2. Selanjutnya "Pilih Tambah Gadget"
3. Pilih "HTML / JAVASCRIPT "
4. Langkah selanjutnya copy kode berikut, dan Simpan.

Selanjutnya

<a onblur="try {parent. deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOhW_PHoa9tT9c15vnaEa440nwSkHI-4tm2NoGkr3bsySHOUMMIzhkvfgtouh9L3LOlVUG2Jh8kjpHVkf-Rf5iiCvFhUxasbWjQ0i7Egu9Vq2j8tJYuW0FkJ_eb6A9dm83cuTC1nZ3J4/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOhW_PHoa9tT9c15vnaEa440nwSkHI-4tm2NoGkr3bsySHOUMMIzhkvfgtouh9L3LOlVUG2Jh8kjpHVkf-Rf5iiCvFhUxasbWjQ0i7Egu9Vq2j8tJYuW0FkJ_eb6A9dm83cuTC1nZ3J4/s400/Widget.JPG" alt="" id="BLOGGER_PHOTO_ID_5433478876639914642" border="0" /></a> <style type="text/css"> #gb{ position:fixed; top:10px; z-index:+1000; } * html #gb{position:relative;} .gbcontent{ float:right; border:2px solid #A5BD51; background:#ffffff; padding:10px; } </style> <script type="text/javascript"> function showHideGB(){ var gb = document.getElementById("gb"); var w = gb.offsetWidth; gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0); gb.opened = !gb.opened; } function moveGB(x0, xf){ var gb = document.getElementById("gb"); var dx = Math.abs(x0-xf) > 10 ? 5 : 1; var dir = xf>x0 ? 1 : -1; var x = x0 + dx * dir; gb.style.top = x.toString() + "px"; if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);} } </script> <div id="gb"> <div class="gbtab" onclick="showHideGB()"> </div> <div class="gbcontent"> <div style="text-align:right"> <a href="javascript:showHideGB()"> .:[Close][Klik 2x]:. </a> </div> <center> Masukan Kode iklan atau Gambar yang anda inginkan di sini </center> <script type="text/javascript"> var gb = document.getElementById("gb"); gb.style.center = (30-gb.offsetWidth).toString() + "px"; </script></center></div></div>

Catatan:
tulisan yang berwarna Merah masukkan dengan script iklan anda
Terima Kasih & Selamat Mencoba ^-^

Terima Kasih Telah Menyumbangkan 1 Jempol Untuk BlogMasDidik

Anda sedang membaca artikel tentang Tutorial Membuat Iklan Melayang Pada Halaman Blog dan anda bisa menemukan artikel Tutorial Membuat Iklan Melayang Pada Halaman Blog ini dengan url http://diexxx.blogspot.com/2012/07/tutorial-membuat-iklan-melayang-pada.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Tutorial Membuat Iklan Melayang Pada Halaman Blog ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Tutorial Membuat Iklan Melayang Pada Halaman Blog sebagai sumbernya,Terima Kasih.