Cara Membuat Iklan Melayang Di Blog Dengan Tombol Close
Sudah tidak dipungkiri memang bagi para blogger khususnya sobat glovers iklan banyak digunakan untuk mencari uang . Tapi tentu penempatan iklannya itu yg membuat kita bingung , mungkin saran saya kali ini yaitu menempatkan iklan yg melayang di blog atau sering disebut floating ads akan lebih membuat orang2 untuk meng klik iklan tsb . Nah daripada panjang lebar langsung saja ke step2 nya ..
Sekian dulu ye , semoga bermanfaat :D
- Login ke blogger.com menggunakan akun blog sobat glovers
- Tata Letak
- Tambah Gadget
- Cari HTML/Javascript
- Copy kode di bawah ini dan pasang di pengeditan html widget
<style type="text/css">
#gb{
position:fixed;
top:50px;
right:300px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbcontent{
float:center;
border:2px solid #000000;
background:#ffffff;
padding:10px;
}
</style>
<script type="text/javascript" src="http://www.geocities.ws/reggy/ads.js"></script>
<div id="gb">
<div class="gbtab" onclick="showHideGB()"> </div>
<div class="gbcontent">
<div style="text-align:right">
<a href="javascript:showHideGB()">
Klik iklan di bawah ini lalu Klik CLOSE </a>
</div>
<center>
<!----Kode iklan / like box / lainnya----->
</center>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.center = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
- Simpan dan lihat hasilnya
Ket:
- Tulisan yang berwarna merah adalah kode iklannya, bisa juga sibat ganti dengan kode lain seperti like box / tombol follow twitter / lainnya
- Tulisan yang berwarna biru adalah posisi floating ads nya
- Sobat glovers bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau
Categories:
Tutorial Blog
