1 Jun 2012

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="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/s1600-h/Widget.JPG"><img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 300px;" src="http://3.bp.blogspot.com/_xBW8tvgOXL4/S2eYQCC16pI/AAAAAAAABkE/f-qrOCcQZzU/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

ads

Ditulis Oleh : Didik Suryanto Hari: Jumat, Juni 01, 2012 Kategori:

0 komentar:

Posting Komentar