Cara Pasang Iklan di Tengah Postingan Blogger | lintas86.com

Cara Pasang Iklan di Tengah Postingan Blogger


lintas86.com, Ponorogo - Halo sahabat cridn.com, apa kabar semua, semoga dalam keadaan sehat selalu, pada ulasan kali ini admin akan membagikan tutorial cara memasang iklan Adsense di tengah postingan Blogger.

Berhubung karena sampai saat ini ternyata pihak Blogger masih belum juga menyediakan fitur untuk meletakkan iklan Adsense di tengah postingan, sehingga di sini admin akan turut membantu membagikan cara.

Tentu saja, dengan memasang iklan di tengah postingan itu akan sangat membantu meningkatkan penghasilan dari Adsense. Karena iklan akan berpeluang besar untuk dilihat visitor ketika mereka sedang membaca artikel.

Nah, buat kamu yang ingin tahu caranya langsung saja simak ulasan berikut ini.

Cara Memasang Iklan di Tengah Postingan Blogger

Metode pemasangan iklan di bagian tengah postingan Blogger pada tutorial kali ini menggunakan sebuah script yang dapat menyematkan kode iklan tepat pada bagian tengah postingan.

Sebelum mulai menerapkan caranya, alangkah baiknya kamu terlebih dahulu melakukan backup / cadangkan tema agar saat bingung kamu bisa mengembalikan ke semula. Jika sudah siap, langsung saja berikut ini langkah-langkahnya.

1. Pertama-tama silahkan masuk ke Blogger, lalu pilih menu Tema > Edit HTML.
2. Setelah terbuka, silahkan cari script JQuery yang berada di bagian <head>. Apabila sudah ada, maka kamu bisa abaikan langkah ini. Tapi jika belum, maka kamu bisa pasang kode berikut ini.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"> </script>

3. Selanjutnya, cari kode <data:post.body/> di dalam tema Blogger kamu lalu ganti dengan kode berikut.

<div id="PostBody">
<data:post.body/>
</div>

<div id="AdCode"> <div style='margin:20px 0;text-align:center;clear:both;'> <!-- Kode Iklan Adsense Disini --> </div>
</div>

Pada template Blogger biasanya terdapat 2 atau 3 kode <data:post.body/>, jadi kamu harus cari tahu mana yang benar dan harus diganti. Umumnya, kode ke-2 dari <data:post body/> adalah kode yang tepat untuk kamu ganti. Lalu, pastikan juga kamu meletakkan kode iklan Adsense pada bagian tengah script yang sudah tersedia.

4. Kemudian, silahkan kamu cari </body> lalu letakkan kode berikut tepat di atasnya.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script>
$AdCode = $("#AdCode").html();
$("#PostBody br:eq(3)").replaceWith($AdCode);
$("#AdCode").remove();
</script>
</b:if>

Pastikan kamu juga ketahui jenis kode apa yang menjadi pembatas pada setiap paragraf artikel blog kamu. Biasanya, kode pembatas paragraf postingan ialah <br />, namun banyak juga yang menggunakan </p>.

Apabila pembatas blog kamu <br />, maka biarkan saja kode di atas, tapi jika </p> berarti kamu harus mengubah br:eq menjadi p:eq pada script di atas. Lalu, untuk angka pada bagian br:eq(3) itu menandakan bahwa kode iklan akan ditempatkan setelah paragraf ke 3. Jadi tinggal kamu sesuaikan paragraf ke berapa ingin kamu sisipkan iklan.

5. Jika semuanya sudah selesai, klik icon Save untuk menyimpan perubahan. Silahkan cek blog kamu, dan taraaat iklan akan muncul di bagian tengah postingan.

Bagaimana? Mudah bukan, dengan begitu maka kamu sudah bisa menampilkan iklan Adsense di tengah postingan Blogger. Sebenarnya, selain cara di atas kita juga bisa memasang iklan di tengah postingan menggunakan fitur Auto Ads Adsense.

Hanya saja, Auto Ads terkadang memasang iklan yang cukup berantakan dan bahkan lebih buruk lagi terlalu banyak memasang iklan yang hanya akan menurunkan kualitas halaman blog kita.

Sekiranya cukup sekian ulasan admin kali ini mengenai cara memasang iklan Adsense di tengah postingan Blogger. Semoga bermanfaat. (min)

Next Post Previous Post
No Comment
Add Comment
comment url