Cara Memasang Iklan Dan Artikel Terkait Di Tengah Postingan

Baca Juga

Belum jawaban membahas artikel terkait, kali ini aku akan membahas artikel terkait dan iklan ditengah postingan.

Dengan menerapkan cara memasang iklan dan artikel terkait ditengah postingan, blog teman akan menjadi lebih keren dan penghasilan AdSense juga bertambah. Pasalnya iklan ditengah postingan merupakan penempatan iklan terbaik dan paling banyak mendapat klik berdasarkan aku pribadi,

Cara ini pun sudah bertebaran di mesin pencari google dan mungkin udah gak abnormal lagi bagi para mastah blogger.

Namun tujuan aku menciptakan blog ini untuk membuatkan jadi gak ada salahnya jikalau artikel ini diposting diblog ini, siapa tahu saja dapat membantu khususnya para blogger pemula.

● Masuk ke Blogger > Tema > Edit Html

● Cari arahan yang ibarat mirip berikut

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='artbody' itemprop='articleBody'><data:post.body/></div> </b:if>

Karena setiap Template berbeda beda jadi cari saja yang sama. Saya kasih tahu cari yang kodenya ada <div itemprop='description'> nya

● Ganti dengan arahan dibawah ini

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='widget-middle' id='widget-middle' itemprop='articleBody'><data:post.body/></div> </b:if>

● Lalu simpan arahan ini dibawah arahan yang di atas

<b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='inline_wrapper' id='inline_wrapper'> <div class='related_inline_wrapper' id='related_inline_wrapper'> <!-- Related posts inline --> <div class='related-post-by-title' id='related-post-by-title'> <h4>Baca juga:</h4> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=3&quot;' type='text/javascript'/></b:if> </b:loop> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> <!-- Related posts inline --> </div> <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(&quot;inline_wrapper&quot;);var sasaran = document.getElementById(&quot;widget-middle&quot;); var opsi1 = target.getElementsByTagName(&quot;br&quot;);if (opsi1.length &gt; 0){insertAfter(middleads,opsi1[3]);} var opsi2 = target.getElementsByTagName(&quot;blockquote&quot;);if (opsi2.length &gt; 0){insertAfter(middleads,opsi2[0]);} var opsi3 = target.getElementsByTagName(&quot;h2&quot;);if (opsi3.length &gt; 0){insertAfter(middleads,opsi3[0]);} </script> </b:if>

● Simpan iklan pada goresan pena yang sudah ditandai dan jangan lupa iklannya diparse dulu semoga tidak eror

● Kemudian simpan arahan berikut di atas arahan </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> /* related and ads on middle postpage */ #inline_wrapper{display:block;padding:0;margin:0 auto} .related_inline_wrapper{width:100%;display:block;overflow:hidden} .related-post-by-title{width:70%;margin:15px auto;display:block;float:left;position:relative} .related-post-by-title ul{padding:18px 17px 17px 30px;border:1px solid #ddd;margin:0} .related-post-by-title h4{display:inline-block;background:#fff;padding:0 15px;margin:0;position:absolute;top:-12px;left:40px;font-size:15px;font-weight:700} .related-post-by-title li a{font-size:14px;font-weight:700!important;margin-top:10px!important} .ads_middle{margin:15px auto 0;padding:0;text-align:center;display:block;position:relative;} .ads_middle span{background:#ddd;color:#999;display:none!important;margin:15px 0 0;padding:0 9px!important;float:left;font-size:12px;} @media screen and (max-width:600px){.related-post-by-title{width:100%;}} </style>  <script type='text/javascript'> //<![CDATA[ var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(json){for(var i=0;i<json.feed.entry.length;i++){var entry=json.feed.entry[i];relatedTitles[relatedTitlesNum]=entry.title.$t;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){relatedUrls[relatedTitlesNum]=entry.link[k].href;relatedTitlesNum++;break;}}}} function removeRelatedDuplicates(){var tmp=new Array(0);var tmp2=new Array(0);for(var i=0;i<relatedUrls.length;i++){if(!contains(tmp,relatedUrls[i])){tmp.length+=1;tmp[tmp.length-1]=relatedUrls[i];tmp2.length+=1;tmp2[tmp2.length-1]=relatedTitles[i];}} relatedTitles=tmp2;relatedUrls=tmp;} function contains(a,e){for(var j=0;j<a.length;j++)if(a[j]==e)return true;return false;} function printRelatedLabels(){var r=Math.floor((relatedTitles.length-1)*Math.random());var i=0;document.write('<ul>');while(i<relatedTitles.length&&i<3){document.write('<li><a href="'+relatedUrls[r]+'">'+relatedTitles[r]+'</a></li>');if(r<relatedTitles.length-1){r++;}else{r=0;} i++;} document.write('</ul>');document.write();}; //]]> </script> </b:if>

Untuk cara penempatannya semoga sesuai dengan harapan teman dimana akan tampilnya teman dapat gunakan Tag blockquote atau Tah <h2> maka artikel terkait dan iklan akan muncul sempurna dibawah blockquote atau tag h2

Bisa lihat demonya disini

Semoga artikel ini dapat dipahami dan semoga bermanfaat !