Quotes
Laki-laki yang memperlakukan kekasihnya dengan lembut pasti dibesarkan oleh wanita yang berkelas. Orang tua yang kasar akan membesarkan anak yang kasar kepada pasangannya. Berkenalan dengan orang tua kekasih bukanlah tanda akan melamar, tapi untuk mengenal kualitas pendidik anaknya.

close
27 Jun 2013

Cara Membuat Iklan Melayang dengan Tombol Close di Blog

Cara Membuat Iklan Melayang dengan Tombol Close di BlogCara Menampilkan Iklan Melayang dengan Tombol Close di Blog atau Cara Membuat Iklan Melayang dengan Tombol Tutup pada Blog atau Cara Membuat Sponsor Melayang dengan Tombol Close di Blog.


Pada postingan kali ini saya akan share tutorial menarik bagi blog yang menyediakan spot iklan melayang dan dilengkapi dengan tombol close/tutup, yaitu Cara Membuat Iklan Melayang dengan Tombol Close di Blog. Tapi disini saya menggunakan tag kode yang lebih mudah dan simple untuk Anda para Blogger yang baru mengerti tentang kode-kode tag pada blog. Lagipula, iklan melayang tidak memakan tempat dan tentunya strategis untuk para blog yang menyediakan ruang atau spot iklan. Seperti apa kodenya? Berikut ulasannya.

1. Seperti biasa, login ke akun Blogger Anda
2. Pilih Tata letak > Tambah Gadget > HTML/JavaScript
3. Copy dan paste kode berikut, di box HTML/JavaScript
<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:0 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:#fff;padding:10px}</style>
<script type="text/javascript">function showHideGB(){var b=document.getElementById("gb");var a=b.offsetWidth;b.opened?moveGB(0,30-a):moveGB(20-a,0);b.opened=!b.opened}function moveGB(d,e){var f=document.getElementById("gb");var b=Math.abs(d-e)>10?5:1;var c=e>d?1:-1;var a=d+b*c;f.style.top=a.toString()+"px";if(d!=e){setTimeout("moveGB("+a+", "+e+")",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 Anda disini</center>
<script type="text/javascript">var gb=document.getElementById("gb");gb.style.center=(30-gb.offsetWidth).toString()+"px";</script></center></div></div>
4. Setelah selesai, Simpan Template..

Sebenarnya kode diatas sangat berat dan membuat blog kita menjadi lambat, tapi tenang saja, saya sudah mengkompres script tersebut jadi lebih ringan, dan blog kitapun tidak lambat. Demikianlah artikel tentang Cara Membuat Iklan Melayang dengan Tombol Close di Blog. Semoga bermanfaat...

1 Komentar:

wah makasih infonya sob, keep posting

http://s.id/4Xj

BERI KOMENTAR | KHUSUS PENGGUNA TERDAFTAR
Silahkan beri komentar Anda dengan bijak dan sesuai dengan topik (untuk komentar OOT sebaiknya di Forum Ngopi).

Batal
Terima kasih telah berkomentar
 
notifikasi
Tutup