Cara Membuat Iklan Melayang Responsive Dibawah Blog

Senang rasanya kami dapat berbagi lagi dalam sebuah artikel yg sederhana ini. Kali ini kita akan berbagi tutorial tentang Cara Membuat Iklan Melayang Dibawah Blog Dengan Tombol Close Responsive. Iklan melayang merupakan iklan yang tidak menempel pada blog atau widget pada blog. Ada beberapa jenis iklan melayang, yang membedakannya adalah posisi iklan tersebut ada yg di atas, di samping atau di bawah blog.

Kali ini kita akan share cara membuat iklan melayang yang posisinya melayang dibawah blog. Adapun Keuntunganya dari memasang iklan melayang yaitu kita dapat memiliki tambahan slot iklan dan letak iklan yang muncul pun sangat trategis, dan pastinya dapat meningkatkan CTR serta penghasilan pada blog kita.


image : google.com

Iklan yang akan kita buat memiliki tampilan yang Responsive Karena sudah ditambahkan beberapa CSS khusus agar iklan menjadi responsive. Untuk iklan yang dapat dipasang adalah berupa iklan banner atau iklan vertikal agar ketika dipasang tidak menutupi halaman.
Cara Membuat Iklan Melayang Dibawah Blog 1.Langkah Pertama
Login ke akun blogger, masuk kedasbor lalu pilih Template → Edit Html

2.Langkah Kedua
Salin kode html dibawah ini lalu letakkan diatas kode </body>
#Gunakan CTRL+F untuk mencari kode </body>
Kode HTML
<script type='text/javascript'>         $(document).ready(function()  {$(&#39;img#closed&#39;).click(function(){$(&#39;#btm_banner&#39;).hide(90);});}); </script>         <!--start: floating ads-->
        <div id='floatads' style='width:100%;margin:auto;  text-align:center;float:none;overflow:hidden;  display:scroll;position:fixed; bottom:0;z-index:9999'>
         <div><a id='close-floatads'  onclick='document.getElementById(&apos;floatads&apos;).style.display  = &apos;none&apos;;' style='cursor:pointer;'><img  alt='close'  src='https://3.bp.blogspot.com/-ZZSacDHLWlM/VhvlKTMjbLI/AAAAAAAAF2M/UDzU4rrvcaI/s1600/btn_close.gif'  title='close button'/></a></div>
    <div style='text-align:center;display:block;max-width: 728px;height:auto;overflow:hidden;margin:auto'>
        <!--Script iklan-->
Letakkan Script Kode IKlan Disini
<!--Akhir script iklan-->
        </div>
</div><!--end: floating ads--> 

Catatan!!
Angka 728px adalah lebar iklan. Ganti angka tersebut dengan lebar iklan yang akan dipasang.
Langkah terakhir lalu klik simpan. Iklan melayang telah dipasang. Silakan cek hasilnya dengan melihat blog kamu.

Itulah tutorial Cara Membuat Iklan Melayang Responsive dibawah Blog. Semoga bermanfaat

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel