Cara Membuat Iklan Melayang Responsive pada Blog

DHANYRPEBS - Halo sobat blogger.. Selamat datang di artikel saya kali ini. Pada artikel ini saya akan membagikan Cara Membuat Iklan Melayang Responsive pada Blog. Tutorial ini cukup mudah dilakukan oleh sobat sobat pemula sekalipun.

                                       

Seperti yang kita semua ketahui, Iklan adalah sumber penghasilan terbesar kita dalam dunia blogging. Tentunya setiap hari kita selalu berharap akan ada pengunjung yang mengklik iklan kita supaya kita bisa mendapatkan uang hehe.

Nah salah satu cara untuk mendapatkan Klik pada iklan adalah dengan menempatkan iklan di tempat tempat yang strategis. Cara yang biasanya para blogger lakukan adalah menempatkan iklan di banner atas, side bar, dan ada lagi yang berada di dalam artikel dengan harapan saat membaca, pembaca akan melakukan klik pada iklan walaupun secara tidak sengaja sekalipun.

Baca Juga : Cara Mudah Membuat Unit Iklan Baru di Adsense

Disini saya memiliki tempat penempatan iklan yang mungkin lebih efektif daripada iklan yang ada di dalam artikel, yaitu adalah iklan Melayang dengan tombol close diatasnya. Iklan ini cukup efektif untuk mendapatkan beberapa klik yang tidak sengaja dari pengunjung misalnya saat klik pada tombol close iklan yang melayang.

Tenang saja iklan ini aman digunakan karena tidak bersifat memaksa atau menutupi konten artikel di blog sobat jadi sobat tidak perlu khawatir akan melanggar ketentuan dari Google. Iklan ini juga tidak akan mengganggu page loading dari blog sobat sehingga tetap ringan untuk dibuka.

Nah untuk sobat yang ingin membuat Iklan melayang di blog sobat sekalian. Silahkan simak Cara Membuat Iklan Melayang Responsive pada Blog.

Cara Membuat Iklan Melayang Responsive pada Blog

1. Yang pertama harus sobat lakukan tentu saja adalah masuk kedalam Dashboard blogger miliki sobat. Bagaimana sobat akan memasang script jika sobat tidak bisa masuk ke dashborad blogger sobat sendiri hehe.

2. Kemudian sobat klik pada menu Tema, silahkan sobat edit HTML tempelate sobat. 

3. Carilah kode </body> dengan cara menekan ctrl + f di dalam kotak html tempelate sobat untuk memunculkan search box lalu ketikkan </body> didalam search box.

4. Silahkan copy kode untuk membuat Iklan melayang atau Floating ads dibawah ini. Untuk tulisan yang berwarna biru itu adalah kode untuk menyesuaikan ukuran dari floating ads, dan tulisan berwarna merah silahkan ganti dengan kode unit iklan adsense sobat.

<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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhSX9CKZytxc973mH3ITJIaH-577lQay7-iDaHK4hhPxGo0SoOPhHbqYJgNHhgB5Vav2DCkYXr8-wiEYflW8vDbg6HA7OA8RHg48Ng58rT51OtgKr8vD90AzVW2qIZMpOWM3Rz2reqyPyc/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-->

"Isi dengan Kode Iklan adsense sobat"

<!--Akhir script iklan-->

        </div>

 </div><!--end: floating ads-->

Script saya dapatkan di : http://www.bangecul.com

5. Pastekan kode tersebut diatas bagian </body> pada html tempelate sobat. Kemudian klik simpan tema untuk menyimpan perubahan.

6. Silahkan sobat cek blog sobat dan perhatikan dibagian bawah blog sobat sudah terpampang Iklan yang melayang dengan tombol Close.

Begitulah sobat Cara Membuat Iklan Melayang Responsive pada Blog. Saya sendiri sudah menerapkan cara ini dan hasilnya sangat memuaskan, jumlah klik di blog saya semakin bertambah. Silahkan share artikel ini dan jangan lupa untuk meninggalkan komentar dibawah. Terimakasih sudah berkunjung dan membaca artikel di blog saya.

Share this post