Memasang Iklan Adsense Billboard Dibawah Sajian Navbar Blog

Selasa, 19 Desember 2017

Sebenarnya tidak terfikir sebelumnya untuk bikin tutorial Pasang Billboard Adsense didalam blog. Tapi alasannya sudah ada Sahabat KangWira yang request tadi pagi, jadi aku sempatkan untuk menulisnya dikala ini.

Spot iklan Billboard ini memang sanggup meningkatkan nilai BPK yang cukup anggun lho teman-teman. Hal ini aku buktikan sendiri dikala pertama kali memakai Iklan Adsense Billboard dalam blog ini.


Bahkan berdasarkan pendapat dari sahabat aku yang menjadi salah satu pakar Adsense menyarankan untuk memasang spot iklan Billboard ini didalam blog bila ingin meningkatkan pendapatan Adsense nya.

Tapi perlu diketahui bahwa meningkatnya BPK pada adsense itu harus seimbang dengan jumlah traffic yang baik yah teman-teman.

Blogger yang mempunyai system open source ini bergotong-royong memang lebih nyaman untuk modifikasi tampilan templatenya. Kita cukup menunjukkan sedikit sentuhan pada arahan CSS yang sudah ada, maka tampilan blog kita akan menjadi lebih indah untuk dipandang oleh visitor.

Blog KompiAjaib milik Kang Adhy bergotong-royong sudah pernah membahas tutorial untuk memasang slot iklan Billboard ini dengan memakai fungsi Show Hide, alasannya dia menyarankan untuk memasang Iklan Billboard ini sebelum header blog.



Menurut pendapat Kang Adhy, Tidak semua orang menyukai iklan, jadi dia menyisipkan fungsi Show Hide pada script yang dibagikan pada tutorialnya semoga pengunjung sanggup dengan gampang menyembunyikan Billboard bila dirasa mengganggu.

Bagaimana bila kita mau pasang Billboard Banner ini dibawah Menu Navigasi pada Blog menyerupai pada gambar dibawah ini?



Nah dikala ini, akan menunjukkan Tutorial Pasang Iklan Billboard Adsense tanpa fungsi Show Hide yang diletakkan dibawah sajian navigasi.

Sebenarnya hanya tinggal dihapus saja script Show Hide pada Script yang dibentuk oleh kang Adhy itu, jadi aku hanya sedikit memodifikasi script itu.

Bagaimana Cara Pasang Iklan Billboard di bawah Navbar Blog?

Karena ukuran Iklan Billboard ini memang cukup besar, maka kita akan memakai Unit Iklan berukuran 970x250 dan 300x250. Apakah ini tandanya kita memerlukan 2 unit iklan didalam billboard tersebut?

Tidak.. Adsense kan sudah menyediakan Unit iklan Responsive, jadi kita cukup menciptakan 1 unit iklan responsive pada dashboard adsense, kemudian salin arahan nya kedalam notepad dulu yah teman-teman.

Jika sudah dibentuk unit iklannya, maka selanjutnya kita buka dashboard blog kita. Lalu buka Tema dan pilih Edit HTML.

Cari arahan </head> pada template memakai CTRL+F semoga lebih mudah.
Selanjutnya, salin arahan CSS dibawah ini dan letakkan sempurna diatas arahan </head>.

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'> <style type='text/css'> /* Banner Billboard */ .banner_billboard{margin:20px auto;padding:0 10px 20px;position:relative;width:100%;max-width:990px;height:auto;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;} .wiraresponsive{width:970px;height:250px;} @media screen and (max-width:960px){ .banner_billboard{max-width:320px;} .wiraresponsive{width:300px;height:250px;} } </style> </b:if>

Selanjutnya cari arahan </nav> atau sejenisnya yang hampir sma menyerupai pada pola gambar dibawah ini. Karena masing-masing template niscaya berbeda struktur elemen HTML nya.
Klik untuk perbesar gambar
Jika sudah ketemu, salin HTML dibawah ini kemudian letakkan sesudah arahan <div class='clear'/> yang sudah kau masukkan kebawah Navigasi Menu template kau sesuai Gambar.

<!-- TOP Banner --> <b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;error_page&quot;'> <div class='banner_billboard'>    <ins class='adsbygoogle wiraresponsive adsense' data-ad-client='ca-pub-xxxxxxxxxxxxxxxx' data-ad-slot='xxxxxxxxxx' style='display:block'/>    <script>       (adsbygoogle = window.adsbygoogle || []).push({});    </script> </div> </b:if>

Perhatikan arahan yang aku tandai diatas. Wajib kau ganti xxxxxxxxxx dengan data-ad-client dan data-ad-slot='' yang sudah kau salin kedalam notepad tadi

Setelah itu coba save template, kemudian periksa hasilnya.

Jika terlihat kurang sesuai dengan template yang kau gunakan, sanggup diubahsuaikan CSS nya semoga cocok dengan harapan teman-teman, menyerupai margin, padding, position dan lainnya.

Mungkin sekian dulu tutorial pasang iklan Billboard nya. Semoga tidak ada hambatan dikala praktek yah teman-teman.

Jika ada yang mau ditanyakan, sanggup tanya di kolom komentar ya. Jangan lupa untuk tetap berlangganan di artikel blog ini untuk mendapat notifikasi ketika ada postingan terbaru dari blog ini melalui email kamu.

Share This :