Tutorial blogging Adalah Kumpulan panduan dan tips mengenai blogger,Google Adsense,SEO,Backlink,adwords, Khusus Bagi yang ingin mendalami ilmu internet marketing

Jumat, 11 November 2016

Cara Membuat Iklan Melayang Dibawah Blog Dengan Tombol Close/Tutup Responsive

Hay sobat blogger AS! Senang rasanya saya bisa menulis artikel lagi. Dengan ada banyaknya permintaan untuk membuat artikel/post cara membuat iklan melayang. Maka kali ini AnggaSave akan membagikan tutorial tentang Cara Membuat Iklan Melayang Dibawah Blog Dengan Tomblog Close/Tutup Responsive. Karena beberapa hari yang lalu saya absen menulis artikel jadi mohon maaf jika arikel yang kali ini sedikit berantakan.

Iklan malayang. Ada yang belum pernah melihat iklan yang melayang? Tahukah kalian iklan melayang itu seperti apa? Iklan melayang ada iklan yang melayang atau tidak menempel pada blog ( postingan,widget ). Iklan melayang ada banyak jenis ada yang melayang disamping blog,di bagian atas blog,dan dibagian bawah blog. Namun kali ini saya akan membagikan iklan yang melayang dibawah blog. Keuntungan yang bisa kita dapat adalah kita memiliki tambahan slot iklan dan letak iklan yang muncul pun juga trategis,jadi bisa meningkatkan CTR dan penghasilan blog kita.


Cara membuat iklan melayang dibawah blog ini sangat mobile friendly/responsive. Karena sudah ditambahkan beberapa CSS khusus agar iklan menjadi responsive. Jika tidak diberi CSS iklan agar responsive maka saat iklan muncul/tampil di blog maka iklan akan terpotong. Untuk iklan yang bisa muncul/bisa dipasang adalah iklan banner/iklan vertikal agar saat dipasang tidak menutupi laman. Didalam kode html yang akan saya berikan nanti akan ada kode seperti ini max-width:728px jika iklan yang sobat pasang memiliki lebar kurang dari 728px maka tidak perlu diganti,namun jika iklan yang dipasang memiliki ukuran lebar lebih dari 728px maka ganti kode yang berwarna merah dengan ukuran iklan yang dipasang.Contoh iklan yang dipasang memiliki lebar 970px,maka kode 728px akan saya ganti dengan 970px.

Cara Membuat Iklan Melayang Dibawah Blog 
  
1.Langkah Pertama
Login blog sobat,masuk kedasbor lalu klik Template → Edit Html

2.Langkah Kedua
Salin kode html dibawah lalu letakkan/pastekan 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-->
#Perhatian!!
*Kode yang berwarna merah adalah lebar iklan.Ganti kode berwarna merah dengan lebar iklan yang akan dipasang. Jika ingin memasang iklan lebar 970px,maka ganti kode 728px menjadi 970px
*Ganti kode yang berwarna biru dengan script kode iklan yang akan dipasang

Langkah terakhir lalu klik simpan. Selesai...Iklan melayang telah dipasang. Silakan cek hasilnya dengan melihat blog sobat.

Jika ingin menghapus tombol close pada iklan maka hapus kode yang berwarna ungu pada kode html yang ada dilangkah kedua.

Itulah tutorial cara membuat iklan melayang responsive dibawah blog yang bisa saya bagikan.Semoga tutorial tersebut berwarna bagi sobat blogger AS.

Cara Membuat Iklan Melayang Dibawah Blog Dengan Tombol Close/Tutup Responsive Rating: 4.5 Diposkan Oleh: Angga Gilang

0 komentar:

Posting Komentar