Assalamuallaikum Warahmatullahi Wabarakatuh
Untuk artikel kali ini saya akan membahas tentang bagaimana cara memasang iklan di Tengah Postingan tanpa merusak artikel
Seperti yang kita tahu bahwa artikel ini sudah banyak di tulis para bloger, namun berhubung blog ini belum ada jadi gak ada salahnya kalau saya membuat artikel ini.
Sudah banyak cara yang saya coba untuk menerapkan iklan di tengah postingan, yang saya cari dari blog blog orang lain namun tiap mencoba pasti selalu merusak artikel
Contohnya seperti merusak kode pada kotak Html atau merusak Blockquote.
Contohnya seperti merusak kode pada kotak Html atau merusak Blockquote.
Tapi untuk yang saya bagikan insyaallah gak bakalan merusak artikel, berikut tutorialnya
Dan iklan ini akan muncul jika ada tag <h2> atau di bawah blockquote jika tidak blockquote dan tag <h2> maka iklan akan tampil di paragraf ke tiga pada postingan anda,
Masuk ke dasbor blog anda dan pilih menu Tema > Edit Html
Kemudian cari kode di bawah ini
<b:if cond='data:blog.pageType == "item"'>
<div class='artbody' itemprop='articleBody'><data:post.body/></div>
</b:if>
Berhubung stuktur kode berbeda beda jadi cari kode yang hampir mirip dengan kode di atas
Ganti dengan kode ini
<b:if cond='data:blog.pageType == "item"'>
<div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div>
</b:if>
Lalu tambahkan kode di bawah ini tepat di bawah kode yang di atas
<b:if cond='data:blog.pageType == "item"'>
<div class='inline_wrapper' id='inline_wrapper'>
<div class='ads_middle'> <!-- Iklan Native di Tengah Postingan -->
<span>Advertisement</span>
// kode Iklan di tengah postingan.
</div>
</div>
<script type='text/javascript'>
function insertAfter(addition,target) {var parent = target.parentNode;if (parent.lastChild == target) {parent.appendChild(addition); } else {parent.insertBefore(addition,target.nextSibling);}}
var middleads = document.getElementById("inline_wrapper");var target = document.getElementById("widget-middle");
var opsi1 = target.getElementsByTagName("br");if (opsi1.length > 0){insertAfter(middleads,opsi1[3]);}
var opsi2 = target.getElementsByTagName("blockquote");if (opsi2.length > 0){insertAfter(middleads,opsi2[0]);}
var opsi3 = target.getElementsByTagName("h2");if (opsi3.length > 0){insertAfter(middleads,opsi3[0]);}
</script>
</b:if>
Ganti // Kode Iklan di Tengah Postingan. dengan kode iklan anda dan jangan lupa parse dulu kode iklannya biar sukses
Sekarang tinggal anda coba buka salah satu artikel anda dan pasti iklan tidak akan menggangu postingan
Semoga bermanfaat dan itulah totorial singkat cara memasang iklan di tengah postingan
0 Komentar
Penulisan markup di komentar