Memasang Iklan Melayang (Valid HTML5) di Blogger

Memasang Iklan Melayang di Bagian Bawah Blog

Saat ini iklan adalah sesuatu yang ramai digunakan sebagai metode pemasaran. Tidak luput dari sasaran iklan adalah halaman web, khsusnya blog. Sebagai bagian dari perusahaan Google, Blogger menyediakan berbagai bantuan bagi penggunanya yang ingin menggunakan jasa publisher iklan dari Google Adsense.

Berbagai macam bentuk iklan dipasang di blog untuk menarik minat pengunjung agar memperoleh klik yang tinggi. Selain itu yang menarik dan ditempatkan dengan benar tidak akan dikeluhkan oleh pengguna. Salah satunya adalah menempatkan iklan yang melayang (fixed position) di bagian bawah tampilan blog.

Biasanya sebuah iklan yang dipasang dengan tampilan posisi fixed akan dilengkapi dengan tombol Close untuk memudahkan pengunjung jika tidak ingin melihat iklan lagi. Nah oleh karena itu dalam posting kali ini saya akan membahas tentang bagaimana cara memasang iklan melayang dibagian bawah blog dilengkapi dengan tombol close dengan mudah di Blogger. Sebelum memulai, kamu bisa melihat contohnya di halaman demo. Ikuti langkah-langkah berikut ini:
  1. Terlebih dahulu buka Google Adsense
  2. Pada bagian Unit iklan pilih unit iklan Display lalu buatlah sebuah unit iklan yang responsif
  3. Buat unit iklan tersebut lalu dapatkan kodenya
  4. Buka Blogger
  5. Pada bagian Tema klik tombol Edit HTML
  6. Tempatkan kode berikut di atas tag </body>
  7. <div id='fixedban' style='line-height: 0;width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:999;-webkit-transform:translateZ(0);'>
    <div><a id='close-fixedban' onclick='document.getElementById(&apos;fixedban&apos;).style.display = &apos;none&apos;;' style='cursor:pointer;'><img alt='close' src='https://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='Close'/></a></div>
    <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
    <!-- Kode iklan di sini -->
    </div>
    </div>
  8. Ganti bagian yang ditandai dengan kode iklan yang tadi kamu dapatkan dari Google Adsense
  9. Klik tombol Simpan dan lihat hasilnya di blog kamu.

Konversi kode iklan

Sebelum memasang kode iklan adsense di Blogger, kamu harus mengkonversi kode iklan Adsense ke entitas karakter dalam HTML. Untuk memudahkannya kamu bisa langsung konversi di sini.

Mungkin cukup sekian dari saya, itulah cara yang bisa kamu lakukan untuk memasang iklan yang melayang di bagian bawah blog. Semoga artikel ini bisa bermanfaat untuk kamu. Jika terdapat hal-hal yang ingin kamu tanyakan, maka jangan sungkan sampaikan pada komentar di bawah atau melalui halaman contact blog ini. Terima kasih dan sampai jumpa!

Related Posts

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel