Cara Membuat Iklan Melayang dengan Tombol Close di Blog

Unknown

Tutorial Blogging, Widget

27 Jun 2013

Belum ada komentar

Cara Membuat Iklan Melayang dengan Tombol Close di Blog - Cara 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivG228In6wUoxe89oFM-asHf-8nOzlu7DK5uOk5sT-sYyJvcETftEsH-xSKwtkJC-333QG_yQK0nMlfKzJ7i9aUxRvJes4dzEXS6GZ_uCIHu0RZmSMlLu97RoXr7-i1hh0D1SQT0sCMOw/s1600-h/Widget.JPG"><img style="margin:0 auto 10px;display:block;text-align:center;cursor:pointer;width:400px;height:300px" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivG228In6wUoxe89oFM-asHf-8nOzlu7DK5uOk5sT-sYyJvcETftEsH-xSKwtkJC-333QG_yQK0nMlfKzJ7i9aUxRvJes4dzEXS6GZ_uCIHu0RZmSMlLu97RoXr7-i1hh0D1SQT0sCMOw/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...