Membuat Banner Iklan Melayang Di Blogger - Hallo sahabat Teknoz Update, Pada Artikel yang anda baca kali ini dengan judul Membuat Banner Iklan Melayang Di Blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel News, Artikel Tips Blogger, Artikel Widget, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Membuat Banner Iklan Melayang Di Blogger
link : Membuat Banner Iklan Melayang Di Blogger

Membuat Banner Iklan Melayang Di Blogger

Pada kali ini Saya bakal menyatakan bagaimana Cara Membuat Banner Iklan Melayang Responsive dengan Tombol Close di Blog yang bisa anda gunakan buat meningkatkan performa iklan Anda.

Banner iklan yang bakal Saya bahas disini bersifat melayang atau sticky dengan ukuran yang dapat menyesuaikan secara otomatis serta terdapat tombol close di bagian atas buat menghilangkan banner iklan tersebut apabila pengunjung merasa terganggu.

Iklan banner yang melayang yang terdapat tombol close boleh menjadi sering Kalian temukan di situs-situs besar. Bagi Kalian yang hendak memaksimalkan iklan terutama iklan dari Google AdSense, maka widget banner ini boleh menjadi bisa anda coba.

Cara Membuat Banner Iklan Melayang

Silahkan buka dasbor Blogger, kemudian pilih menu Template, lalu klik Edit HTML. Silahkan salin kode dibawah ini serta tempatkan sebelum kode </body> pada template Anda.

<script type='text/javascript'> $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='fixedban' style='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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgno5cswcE_rqdXtPhxLqOPIDHMKDmOWNn2fE3xMSR7blJneUVBJVIM940Ad7YrMhiK9NZKqxtQ0wuWy5BSWc92Cf139NGK73S0HHuwSc8A8EnOEiq26Tql_-DBzcpdmWEJh_zbR99YG7EB/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div> <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'> <a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj75b2e2ly8Y-DvvEL7kZ-DFAD-9XBAx39CMVH6m8MjoDVtXZ8bSbpBf-l6_ZiyWVG54gjhXggyOybCw1VHnZfmcdXAo9lxlVPhpACcQEAp1dNTd8OBDRtjKHOWTHJA8L4d8lDUuIj4491Q/s1600/arlina-tea.png'/></a> </div> </div>

Selanjutnya, silahkan Simpan Tema, kemudian lihat hasilnya.

Membuat banner iklan yang melayang memang mudah. Apabila Kalian tidak hendak menampilkan banner iklan ini di tampilan versi mobile, maka silahkan gunakan kode dibawah ini:

<b:if cond='data:blog.isMobileRequest == "false"'> <script type='text/javascript'> $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='fixedban' style='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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgno5cswcE_rqdXtPhxLqOPIDHMKDmOWNn2fE3xMSR7blJneUVBJVIM940Ad7YrMhiK9NZKqxtQ0wuWy5BSWc92Cf139NGK73S0HHuwSc8A8EnOEiq26Tql_-DBzcpdmWEJh_zbR99YG7EB/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div> <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'> <a href='#' title='Banner iklan disini'><img style='max-width:100%;height:auto;vertical-align:middle;' alt='Banner iklan disini' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj75b2e2ly8Y-DvvEL7kZ-DFAD-9XBAx39CMVH6m8MjoDVtXZ8bSbpBf-l6_ZiyWVG54gjhXggyOybCw1VHnZfmcdXAo9lxlVPhpACcQEAp1dNTd8OBDRtjKHOWTHJA8L4d8lDUuIj4491Q/s1600/arlina-tea.png'/></a> </div> </div> </b:if>

Kalau Kalian hendak menampilkan iklan dari Google AdSense, maka gunakan kode dibawah ini:

<script type='text/javascript'> $(document).ready(function() {$(&#39;img#closed&#39;).click(function(){$(&#39;#bl_banner&#39;).hide(90);});}); </script> <div id='fixedban' style='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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgno5cswcE_rqdXtPhxLqOPIDHMKDmOWNn2fE3xMSR7blJneUVBJVIM940Ad7YrMhiK9NZKqxtQ0wuWy5BSWc92Cf139NGK73S0HHuwSc8A8EnOEiq26Tql_-DBzcpdmWEJh_zbR99YG7EB/s1600/btn_close.gif' title='close button' style='vertical-align:middle;'/></a></div> <div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'> Letakkan kode iklan adsense anda disini </div> </div>

Berikut contoh tampilannya:

Demikian pembahasan mengenai Cara Membuat Banner Iklan Melayang Responsive semoga bermanfaat buat Anda. Kalau ada hal yang hendak ditanyakan, silahkan bertanya pada kolom komentar dibawah ini.

loading...

Demikianlah Artikel Membuat Banner Iklan Melayang Di Blogger

Sekianlah artikel Membuat Banner Iklan Melayang Di Blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Membuat Banner Iklan Melayang Di Blogger dengan alamat link https://teknozupdate.blogspot.com/2019/03/membuat-banner-iklan-melayang-di-blogger.html