Kamis, 23 Desember 2010

Memasang Iklan dibawah dan diatas Posting Blog

Memasang iklan google adsense atau penyedia jasa iklan lain dibawah judul artikel blog ataupun diatas postingan blog sangat bermanfaat karena memudahkan iklan untuk terlihat oleh pengunjung blog dan meningkatkan kemungkinan terkliknya iklan. Sehingga sangat berpengaruh ke CTR. Tentunya apabila pengunjung blog tidak menggunakan AdBlock dan walaupun menggunakannya, sebagai blogger kita dapat memasang script Anti-Adblock dan harus memiliki Cara Terbaik untuk Melawan dan Menyikapi AdBlock itu.

Memasang iklan dibawah judul postingan blog
Ilustrai iklan dibawah judul artikel

Sebelum melangkah lebih jauh ada baiknya back up template terlebih dahulu lalu lakukan uji coba. Sebagai bahan referensi lainnya baca juga artikel terkait tentang tag html pengkondisian untuk menampilkan atau menyembunyikan gadget iklannya :
~ Menampilkan atau menyembunyikan konten di beranda, postingan dan laman statis
~ Menampilkan iklan ditengah postingan blog
~ Menampilkan iklan adsense di mobile blog

Cara Memasang iklan diatas dan dibawah postingan blog

Cara 1. Meletakkan iklan dengan penempatan gadget

Cukup kamu copy dan paste kode iklan pada Tata Letak blogger berikut:
Pada dashboard blogger Tata Letak ---> Tambahkan Gadget ---> HTML/JavaScript ---> lalu paste kode iklan dan Simpan.

Lalu geser Gadget iklan yang sudah kamu buat tadi tepat diatas atau dibawah Blog Post ataupun dapat diletakkan di sisi samping blog dan Simpan Setelan.

diatas blog post

Cara 2. Meletakkan iklan pada <data:post.body/>

Cara kedua biasa disebut memasang iklan dibawah judul artikel blog atau dibawah akhir dari postingan. Karena <data:post.body/> sendiri adalah blog posts pada Edit HTML blogger. Untuk memasang iklan pada html blogger, maka kode iklan perlu di encode parse terlebih dahulu.
Kamu dapat kunjungi situs berikut:
https://www.opinionatedgeek.com/codecs/htmlencoder
scroll ke bawah dan temukan kotak kosong dan letakkan kode iklan yang akan di parse lalu encode.

Pada dasboard ---> Tata Letak ---> Edit HTML ---> cari (ctrl+f) kode berikut:
<data:post.body/>
Biasa ditemukan lebih dari satu kode diatas, temukan kode yang sesuai untuk tampilan desktop atau mobile blog kamu. Paste kode iklan yang telah di encode diatas <data:post.body/> untuk menampilkan iklan dibawah judul postingan blog. atau paste dibawahnya untuk menampilkan iklan dibawah akhir dari artikel blog.

Note:
~ Untuk tampilan desktop kode diatas biasanya dekat dengan kode tag pengkondisian
<b:if cond='data:blog.pageType == &quot;item&quot;'>
~ Untuk tampilan mobile biasanya kode diatas dekat dengan kode
<div class='post-body entry-content' expr:id='&quot;post-body-&quot; + data:post.id' itemprop='articleBody'>

Selamat mencoba dan teliti. Jika ada kesulitan silahkan tinggalkan pertanyaan di kolom komentar dibawah.

Tidak ada komentar:

Posting Komentar