Ads 468x60px

Cara Membuat Iklan Melayang dengan Tombol Close

Mungkin anda sudah pernah melihat iklan yang mucul ketika mengunjungi blog, dan kemudian kita harus klik close untuk menutup iklan tersebut, Jika anda ingin membuat iklan melayang tersebut berikut tutorialnya:

Login Ke Blogger.com dengan Akun anda masing-masing Pastinya

Masuk ke Tab Tata Letak
Pilih Elemen Halaman
Tambah Gadget Pilih HTML / JAVASCRIPT
Dan Copy kode di bawah ini kedalamnya yah




<a onblur="try {parent. deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdpPVh-Bc41kVaDVMjtChxCWZW_WZNSR678Pd4EjkxiUWNm7EMMLNkK2H4eGqJvjY5tPfPSHVsH0lYaSzSVn3cGZLVn4wTykTP1XCncyEkoNEVoYtT1VIXDJ4SQ06ETAjW-v0YolsWiKE/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/AVvXsEhdpPVh-Bc41kVaDVMjtChxCWZW_WZNSR678Pd4EjkxiUWNm7EMMLNkK2H4eGqJvjY5tPfPSHVsH0lYaSzSVn3cGZLVn4wTykTP1XCncyEkoNEVoYtT1VIXDJ4SQ06ETAjW-v0YolsWiKE/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>

6. Simpan

No comments:

Post a Comment