Cara Pasang Iklan Melayang di Blog
Tutorial kali ini akan meningkatkan jumlah klik iklan yang di pasang di blog sobat, Tentunya tidak akan membuat pengunjung blog sobat merasa tidak nyaman, karena script dibawah ini sudah di lengkapi dengan tombol close, jadi bila pengunjung ingin menghilangkan iklan tersebut, tinggal klik tombol close saja.
Sebelum sobat memasang iklan melayang di blog, pastikan terlebih dahulu kalau sudah memiliki Script iklan yang akan di pasang dengan posisi melayang di blog, jika sudah punya script iklannya, langsung ke langkah selanjutnya.
1. Langkah awal, login ke account blogger sobat.
2. Pada bagian Dasbor pilih tab Rancangan.
3. Tambah Widget atau Add Gadget, kemudian pilih HTML/Javascript
4. Setelah itu, Copy Paste script dibawah ini.
<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>
KODE SCRIPT IKLAN SOBAT
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></center></div></div>
5. Langkah terakhir, tinggal sobat simpan deh.
Untuk huruf yang berwarna merah di atas, silahkan ganti dengan script iklan yang sudah sobat dapatkan pada situs penyedia layanan pemasang iklan. Gimana sobat? sangat mudah bukan Tips Memasang Iklan Melayang di Blog. Semoga tutorial kali ini bermanfaat untuk para Blogger Indonesia.
- Tips Menghapus Link Tulisan "Powered By Blogger" Pada Blog.
- Tips Menambahkan Fungsi Scroll Pada Widget Follower Atau Pengikut Blog.
Tidak ada komentar:
Posting Komentar
Buat sahabat yang mau sedot gambar DLL, silakan..
Jangan lupa tuk tinggalin jejak sobat dengan komentar pada blog ini supaya ane juga gampang berkunjung ke blog sobat.