Cara Memasang Iklan Melayang Di Blogspot

11 Oktober

Memiliki blog pribadi memang punya kesenangan tersendiri. Dimana kita bebas mencurahkan semua ide dan kreasi pada blog kita. Apalagi jika blog sobat memiliki jumlah kunjungan yang cukup tinggi, atau visitor yang banyak, tentunya ini akan memberikan kebanggaan sekaligus mungkin memiliki penghasilan tambahan dari blog tersebut.

Munkin sobat sering melihat sebuah blog yang menampilkan berbagai iklan di blog mereka, dan biasanya iklan yang ditampilkan berada pada posisi widget. Bagaimana jika widget blog tersebut sudah penuh dengan berbagai slot informasi serta iklan. Bila kita terus menambahkan widget hingga sampai kebawah, hal ini akan berpengaruh pada tampilan blog yang terlalu panjang dan beberapa iklan yang dipasang di widget tidak terlihat oleh pengunjung. Solusi untuk masalah ini adalah menempatkan iklan dalam posisi melayang, dimana iklan akan tampil saat pertama kali pengunjung mendatangi blog kita, kemudian pengunjung memiliki kesempatan untuk menutup iklan yang melayang tersebut atau mencoba melakukan klik untuk mendapatkan informasi lebih lanjut.


Bagaimana cara memasang iklan melayang di blogspot, mari kita ikuti langkah di bawah ini.

1. Login ke dashboard blog sobat.
2. Pilih tata letak pada menu di sisi samping
3. Pada tampilan tata letak klik widget yang berada di bawah slot header
4. Lalu pilih HTML/Script
5. Copy kode script di bawah ini kemudian pastekan pada kotak widget HTML/Script

Kode Iklan Melayang

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'>  
 </script><br />  
 <script type='text/javascript'>  
 $(document).ready(function() {  
 $('img#closed').click(function(){  
 $('#btm_banner').hide(90);  
 });  
 });  
 </script>  
 <style type='text/css'>  
 div#btm_banner {  
 bottom: 0;  
 position: fixed;  
 width: 100%;  
 opacity: 0.9;  
 left: 0;  
 }  
 div#btm_banner img{  
 border:0;  
 cursor:pointer;  
 }  
 </style>  
 <div style='height: 0px;'></div>  
 <div align='center' id='btm_banner' style='height: 105px; z-index: 9999;'>  
 <div style='text-align: right; width: 728px; height: 15px;'>  
 <img id='closed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9gyGM1GIqE2mWu5KsNXuE0dvdFadI1eORZkPGEFA51ouOarHAnIYQHIbdro3z2S_BZRPuVFqXOlIQdyDSE9gi6_Il1w-mbxtUHfEbhRPgeUvfVDyrK8PuER_DzN6brgbit4Yr33GwW74B/s1600/close3.png'/></div>  
 <div style='clear: both;'></div>  
 <p>  
 <p><center>  
 <a href="http://tips-gobel.blogspot.com" target="_blank" title="Pasang Iklan Disini"><img alt="Pasang Iklan Disini" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGpk8BAE1xsq81Xz7wUelQFHktU_TnLTdxjDPOfZl0grKP8ge8jGFf5UkbK1oRddmzZ0z0bY9wiVQaY3jTUfFFAt-rAi7oF7zY3v9Mz8QX8arz0rwFCLG4QHKX2hkE3539BZZFL0-lO2GE/s1600/pasang+iklan+728x90.gif" /></a>  
 </center></p>  
 </p>  
 </div> 

6. Simpan widget kamu dan lihat hasil pemasangan iklan melayang.

Pada bagian tulisan yang berwarna merah kamu dapat menggantinya dengan kode script iklan milik kamu sendiri. Demikianlah tutorial cara memasang iklan melayang di blogspot semoga dapat bermanfaat bagi rekan-rekan bloger semua.