// // 2 comments

Cara Membuat Banner Ads di Blog

Membuat Banner Ads di blogger
Hai sahabat ICTrends. Kalian ingin membuat iklan adsense kalian melayang?
Kali ini saya akan membagikan cara untuk membuat Iklan Floating Banner pada Blogger.
1. Buka Blogger.com kalian, lalu pilih Themes > Edit HTML
2. Agar lebih mudah, pastikan text kursor kalian berada disebelum kode </body>
3. Copy lalu paste syntax code banner yang ada dibawah ini.

Berikut code banner ads.
<!--BANNER ADS-->
<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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
PASTE DISINI KODE IKLAN ADSENSE KALIAN YANG SUDAH DI PARSE
</div>
</div>
  <!--BANNER ADS-->
Untuk Memparse Kode Iklan kalian bisa Klik link berikut PARSE HTML
Jika sudah Copy kode iklan yang sudah di parse lalu Replace tulisan "PASTE DISINI KODE IKLAN ADSENSE KALIAN YANG SUDAH DI PARSE" tersebut.
Sehingga akan seperti ini:
<!--BANNER ADS-->
<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='http://1.bp.blogspot.com/-_A83iDM6JYc/VhtxROLILrI/AAAAAAAADK4/aM4ikIA6aqI/s1600/btn_close.gif' style='vertical-align:middle;' title='close button'/></a></div>
<div style='text-align:center;display:block;max-width:728px;height:auto;overflow:hidden;margin:auto'>
&lt;script async src=&quot;//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js&quot;&gt;&lt;/script&gt;
&lt;!-- banner ads --&gt;
&lt;ins class=&quot;adsbygoogle&quot;
     style=&quot;display:block&quot;
     data-ad-client=&quot;ca-pub-1234567890&quot;
     data-ad-slot=&quot;123456789&quot;
     data-ad-format=&quot;auto&quot;
     data-full-width-responsive=&quot;true&quot;&gt;&lt;/ins&gt;
&lt;script&gt;
(adsbygoogle = window.adsbygoogle || []).push({});
&lt;/script&gt;
</div>
</div>
  <!--BANNER ADS-->

4. Klik Save Theme.
5. Iklan banner akan muncul dibagian bawah halaman seperti pada situs blog ini. Banner bersifat responsive jika dibuka melalui smartphone. Contoh iklan banner pada smartphone:
iklan banner pada smartphone

6. Jika kalian ingin mengganti ukuran banner, ubah pada code dibagian max-width:728px.
Semoga blog ini bermanfaat, jika ada pertanyaan silahkan tinggalkan komentar dibawah.

Reaksimu?

Share dong kak!

Penulis

2 comments:

close