Cara Pasang Iklan di Tengah Postingan Blogspot - Rafsablog.id

Rafsablog.id - Halo pembaca setia rafsablog, kali ini rafsablog akan berbagi tutorial tentang Cara Pasang Iklan di Tengah Postingan Blogspot. Postingan ini di buat karena saya dapat request artikel dari teman saya saat kami chattingan di salah satu sosial media.

Iklan adalah salah satu sumber pendapatan dari seorang blogger, iklan ini bisa di letakkan dimanas saja seperti yang kita mau. Tetapi untuk mendapatkan penghasilan kita harus pintar dalam memasang iklan di suatu tata letak blog.

Letaknya yang strategis memungkinkan untuk seorang pengunjung meng-klik iklan di blog kita. Posisi yang paling strategis adalah memasang iklan di sidebar atau bisa juga memasangnya di dalam postingan. Karena biasanya saat kita browsing di mesin pencari tak jarang iklan yang muncul adalah iklan yang seperti kita cari saat kita browsing sebelumnya.

Hal itu di sebabkan karena saat menelusuri di mesin pencari, hasil pencarian tersebut masih tersimpan di history dan cache pada browser. Dan iklan biasanya akan mensinkronkan seperti yang kita cari yang berfungsi untuk menarik perhatian.

Baca juga: Tips Agar Mudah di Terima Google Adsense

Dan kali ini rafsablog akan berbagi tutorial tentang Cara Pasang Iklan di Tengah Postingan Blogspot. Tutorial ini di khususkan untuk para pengguna blogspot.

Iklan yang kita buat ini menggunakan iklan google adsense, tapi jika anda tidak mempunyai akun di google adsense bisa juga memggunakan iklan lain yang kodenya di parse terlebih dahulu dan caranya hampir sama.

Di postingan ini akan membahas 2 (dua) cara memasang iklan di tengah postingan blogspot. Cara pertama adalah menggunakan cara otomatis yang biasanya banyak di gunakan oleh blogger karena simple, dan cara yang kedua adalah dengan cara manual.

Oke langsung saja.

Cara Pasang Iklan di Tengah Postingan Blogspot

Sebelum memulainya, hal yang harus anda tau terlebih dahulu adalah topik apakah yang anda buat di blog anda. Jika blog anda menggunakan banyak gambar mungkin saya rasa tidak akan cocok menggunakan cara otomatis. Karena gambar dan iklan akan bertabrakan.

Jika anda menggunakan cara otomatis maka iklan secara otomatis akan muncul di tengah-tengah postingan dan bisa jadi bertabrakan dengan gambar yang ada.

Kalau anda sudah memahaminya mari kita langsung ke praktenya.

Cara1: Memasang iklan adsense di tengah postingan secara otomatis

1. Pertama anda buat terlebih dahulu unit iklan di google adsense yang iklannya ingin anda taruh di tengah postingan.

2. Jika sudah membuat unit iklan, lalu selanjutnya anda parse kode iklannya terlebih dahulu sebelum memasangnya di template. Copy kode iklannya dan parse di Parse Html

3. Biarkan dulu kode yang sudah di parse, sekarang anda buka kembali dashboard di blog, pergi ke template lalu pilih Edit Html. Lalu tekan Ctrl+f dan cari kode <data:post.body/>. Jika terdapat lebih dari satu pilih saja kode yang kedua atau bisa anda coba-coba sendiri kode yang cocok.

4. Lalu ganti kode <data:post.body/> dengan script di bawah ini. Dan jangan lupa masukkan kode yang tadi sudah anda parse.
<div expr:id='"ads1" + data:post.id'></div>
<div style="clear:both; margin:10px 0">
Kode Iklan Adsense Yang Telah Diparse
</div>
<div expr:id='"ads2" + data:post.id'><data:post.body/></div>
<script type="text/javascript">
var obj0=document.getElementById("ads1<data:post.id/>");
var obj1=document.getElementById("ads2<data:post.id/>");
var s=obj1.innerHTML;
var t=s.substr(0,s.length/2);
var r=t.lastIndexOf(" ");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+1);}
</script>
5. Save Template
Pada kode di atas artinya iklan akan berada pada tengah-tengah postingan, jika postingan mempunyai banyak kata atau tulisan maka akan di bagi menjadi dua. Angka dua pada kode var t=s.substr(0,s.length/2); bisa anda ganti sesuka hati untuk penempatan yang lebih baik menurut anda.
Jika tadi memasang iklan dengan cara otomatis yang ketika iklan akan muncul otomatis saat kita posting di blog. Selanjutmya adalah cara memasang iklan di tengah postingan dengan cara manual.

Cara 2: Memasang iklan di tengah postingan secara manual

Cara yang kedua di katakan manual karena setiap kita posting iklan tersebut tidak akan muncul otomatis, jadi kita harus memasangnya di postingan secara manual lebih mode HTML.

Jika sobat ingin lebih akurat dan ingin penempatan iklan di atur sendiri, sobat bisa memilih cara manual ini, karena iklan bisa anda pasang dimanapun sesuka anda, yang penting masih dalam postingan. Dan iklan manual ini tidak perlu di parse seperti iklan otomatis tadi.

Anda bisa memasang kode di bawah ini pada tulisan yang anda buat sebelum di publish dan jangan lupa gunakan mode HTML.
<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
// Kode Iklan //
</div>
Maka bentuk akhir iklan kurang lebih akan seperti ini:
<div style=”float: left; margin-right: 10px; margin-bottom: 5px;”>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-368641xxxxxxxxxx"
     data-ad-slot="775xxxxxxxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
Kode iklan tersebut tidak lagi menggunakan kode ini:
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Karena kode tersebut sebelumnya sudah di pasang di dalam body, jadi tidak perlu di pasang kembali pada tulisan yang anda buat. Dan cara ini adalah salah satu cara untuk mempercepat loading blog.

Silahkan anda pilih metode cara memasang iklan di tengah postingan ini. Jika dengan cara otomatis tulisan akan berantakan atau bertabrakan dengan gambar, anda bisa memilih cara yang kedua yaitu cara manual.

Mungkin itu dulu tutorial kali ini tentang Cara Pasang Iklan di Tengah Postingan Blogspot.
Semoga Bermanfaat :)