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.
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 == "item"'>
~ Untuk tampilan mobile biasanya kode diatas dekat dengan kode
<div class='post-body entry-content' expr:id='"post-body-" + data:post.id' itemprop='articleBody'>
Selamat mencoba dan teliti. Jika ada kesulitan silahkan tinggalkan pertanyaan di kolom komentar dibawah.
Tidak ada komentar:
Posting Komentar