Skip to HeaderSkip to PostSkip to Footer

Kode HTML Banner Iklan Melayang di Bawah Blog

Table of Content

    BLOGGER KALTENG - Kode HTML Banner Iklan Melayang di Bawah Blog merupakan kode yang dirancang khusus untuk pengguna blogger / blogspot, untuk memasang banner iklan. Bagi kamu pengguna blogger pasti merasakan betapa susahnya dalam mengelola blog, terutama bagi pemula. Berbeda dengan wordpress, hanya dengan menginstal plugin khusus, seperti Ad Inserter, pengguna dengan mudahnya menempatkan iklan di mana saja.

    Tujuan menambahkan banner iklan melayang di bawah blog adalah untuk menambah slot iklan atau sekedar menempatkan banner khusus, seperti pengumuman dan sekedar iseng. Bisa jadi. hehe

    Uniknya, kode HTML ini sudah disertakan dengan tombol close (tanda x). Sehingga banner iklan tadi bisa dihilangkan oleh pengunjung blog.

    Nah, berikut ini cara memasang Banner Iklan Melayang di Bawah Blog dengan kode HTML.

    Buka halaman blogger > klik menu tata letak > tambahkan widget baru HTML/JavaScript > lalu tambahkan kode berikut.
    Silakan edit bagian yang ditandai :
    <style type='text/css'> .stickywrap{width:100%;margin:auto;text-align:center;float:none;overflow:hidden;display:scroll;position:fixed;bottom:0;z-index:9999} .stickyzone{text-align:center;display:block;max-width:970px;height:auto;overflow:hidden;margin:auto} .stickyzone img{max-width:100%;height:auto;vertical-align:middle} .stickyclose{cursor:pointer;text-align:center} </style> <script type='text/javascript'> $(document).ready(function({$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='stickyb' class='stickywrap'> <div><a id='close-stickyb' onclick='document.getElementById(&apos;stickyb&apos;).style.display = &apos;none&apos;;'><img alt='close' src='https://3.bp.blogspot.com/-6LAwZExOdHM/Xh7fAY_R5rI/AAAAAAAACB0/gHeIT7IiNKs51DmS34eoBwalg9tiL42AgCNcBGAsYHQ/s1600/sevenclose.png' title='Close this ad' class='stickyclose'/></a></div> <div class='stickyzone'> <a href='#' title='Banner iklan disini'><img alt='Banner iklan disini' src='https://1.bp.blogspot.com/-No_OydJX2ho/XnDVE9fpn8I/AAAAAAAAkBU/EcPP4Aat1BQCvXMEwzKzt2fhbRHLwEl-ACLcBGAsYHQ/s1600/bawah%2Bjudul.jpg'/></a> </div> </div>

    # merupakan link yang ingin dituju (misalnya bloggerkalteng.id)
    Banner iklan disini nama banner (iklan jasa website)
    sesudah kode src=  adalah link banner iklan.

    Kemudian klik simpan. Klik tombol demo di bawah ini untuk melihat hasilnya.

    debu yandi | Blogger kalteng

    Comments

    Post a Comment

    This is a comment message for you.