Cara membuat Iklan melayang (Floating ads) di blog

Bicara tentang iklan, kali ini Cyberr Kediri akan menerangkan kepada sobat bagaimna cara membuat iklan melayang. Iklan melayang ini akan muncul ketika suatu loading blog telah selesai. Iklan melayang ini terletak di bagian atas blog dan sudah ada fungsi tombol Closenya. Jadi, pengunjung tidak merasa terganggu dengan adanya iklan melayang tersebut. Selain iklan, sobat juga bisa mengisi widget ini dengan chat box atau like box atau lainnya. Nah, untuk Cara membuat Iklan melayang (Floating ads) di blog sobat bisa lihat di bawah ini:

1. Masuk ke blogger.com menggunakan id blog sobat
2. Tata Letak
3. Tambah Gadget
4. Cari HTML/Javascript
5. 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>
6. 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 bisa merubah warna kotak adsnya. Ganti tulisan yg berwarna hijau
Share 'Cara membuat Iklan melayang (Floating ads) di blog' On ...

thumbnail Title: Cara membuat Iklan melayang (Floating ads) di blog
Posted by:Unknown
Published :2012-10-26T09:25:00+07:00
Rating: 5
Reviewer: 100000000 Reviews
Terimakasih banyak karena sobat telah membaca artikel Cara membuat Iklan melayang (Floating ads) di blog. Sobat bisa bookmark halaman ini dengan URL http://cyberr-kediri.blogspot.com/2012/10/cara-membuat-iklan-melayang-floating.html. Jika ingin memposting ulang artikel ini harap untuk mencantumkan link sumber.

3 komentar untuk "Cara membuat Iklan melayang (Floating ads) di blog"