Cara Pasang Iklan Melayang Plus Tombol Close

Cara Pasang Iklan Melayang Plus Tombol Close

Mendengar judul tutorial blog ini mungkin ada rekan blogger jadi penasaran dengan artinya.., itu berarti ewa akan memberikan tutorial tentang cara pasang iklan melayang (floating) dengan menggunakan tombol close yang berfungsi sebagai kontrol atas iklan yang ingin anda tampilkan.

Cara ini tidak jauh berbeda dengan tutorial yang telah ewa berikan sebelumnya., yaitu Cara Meningkatkan Like Fan Page Facebook Menggunakan Widget Melayang (floating script)

Kebanyakan tutorial di internet yang membahas tentang ini menggunakan script code yang rumit untuk diterapkan oleh karenanya ewa akan mencoba memberikan tips yang lebih mudah dan sangat simple bahkan bagi anda blogger yang baru mengenal pengkodean pasti bisa melakukannya.

Ikuti langkah-langkah Cara Pasang Iklan Melayang Plus Tombol Close dibawah ini :

1. Login Ke Blogger.com dengan Akun anda masing-masing
2. Masuk ke Tab Tata Letak
3. Pilih Elemen Halaman
4. Tambah Gadget Pilih HTML / JAVASCRIPT
5. Copy / Paste kode di bawah ini kedalam Gadget HTML tadi.

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

</center>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>

SELESAI.
Sangat mudah kan ?? Selamat Mencoba.., semoga berhasil...

SOURCE

Description: Semoga tutorial ewablogerrock Cara Pasang Iklan Melayang Plus Tombol Close bisa bermanfaat
Rating: 4.5