Tutorial tentang blog kali ini saya akan membahas Cara Memasang Code Iklan Adsense di Tengah Artikel Blog Terbaru, cara ini bisa dipakai juga untuk memasang code iklan selain adsense. Dengan memasang iklan di tengah artikel blog dipercaya akan meningkatkan CTR atau click iklan pada tersebut.
Selain cara ini saya juga sudah memposting artikel tentang Cara memasang code iklan adsense didalam postingan blog tanpa menggangu blockquote atau notepad yang ada didalam postingan blog.
Saya juga sudah membuat artikel yang mengulas tentang Cara memasang iklan parallax atau iklan dengan scroll yang bisa kalian pasang didalam postingan artikel kalian seperti media massa online yang memasang iklan dengan scroll serta cara memasang 2 iklan adsense didalam artikel blog.
Cara Memasang Code Iklan Adsense di Tengah Artikel Blogger
Disini saya akan memberikan dua cara untuk memasang iklan di tengah artikel blog, berikut cara pertama.
Cara pertama memasang iklan ditengah postingan blog
- Masuk ke Dashboard template kalian
- Parse dahulu code iklan dari adsense ataupun dari iklan yang lain
- Disini untuk parse iklan kalian
- Setelah kalian parse, cari
<data:post.body>
pada template - Cara mencari code nya tekan Ctrl+F lalu cari
<data:post.body>
- Setelah dapat ganti code tersebut dengan code berikut ini :
<div expr:id='"post1" + data:post.id'/> <div class='googlepublisherads' style='margin:20px 0'> <center> --Letakan kode unit adsense hasil parse disini-- </center> </div> <div expr:id='"post2" + data:post.id'><data:post.body/></div> <script type='text/javascript'> var obj0=document.getElementById("post1<data:post.id/>"); var obj1=document.getElementById("post2<data:post.id/>"); var s=obj1.innerHTML; var t=s.substr(0,s.length/2); var r=t.lastIndexOf("<br>"); if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);} </script>
Ganti Letakkan kode unit adsense hasil parse dengan code iklan kalian
Cara kedua memasang iklan ditengah postingan blog
Cari code berikut ini
<b:if cond='data:blog.pageType == "item"'> <div class='artbody' itemprop='articleBody'><data:post.body/></div> </b:if>
Silahkan ganti dengan code berikut ini
<b:if cond='data:blog.pageType == "item"'> <div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div> </b:if>
Lalu tambakan code javascript berikut ini tepat dibawah code yang kalian ganti tadi
<b:if cond='data:blog.pageType == "item"'> <div class='inline_wrapper' id='inline_wrapper'> <div class='ads_middle'> <!-- ADS MIDDLE POST --> <span>Advertisement</span> // kode Iklan yang sudah diparse, letakkan disini </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 yang sudah diparse, letakkan disini dengan code iklan yang sudah kalian parse sebelumnya. Lalu Save Template.
Jika sudah kalian terapkan silahkan lihat hasilnya, cara diatas juga bisa kalian gabungkan dengan iklan parallax atau iklan scroll.
Demikian artikel saya tentang Cara memasang iklan ditengah artikel postingan semoga bermanfaat, salam hormat saya blogger sangatta Kutai Timur
Response (1)