√ Cara Pasang Iklan Dan Artikel Terkait Di Tengah Postingan

Assalamuallaikum Warahmatullahi Wabarakatuh

Artikel Terkait dan iklan di Tengah Postingan

Setelah sebelumnya membahas Cara Pasang Iklan Melayang Responsive kini aku akan membahas cara pasang iklan dan artikel terkait di tengah postingan

Dengan menerapkan iklan di tegah postingan sudah niscaya untuk dapat mendapat klik. Dan dengan mendapat klik kita dapat mendapat penghasilan

Trik ini hampir sama dengan tutorial cara pasang iklan di tengah postingan hanya saja trik ini di tambah dengan instruksi css supaya iklan dan artikel terkait dapat berdampingan

Untuk Preview/Demonya sama kaya blog ini dan berikut yaitu tutorial cara memasangnya

CARA PASANG IKLAN DAN ARTIKEL TERKAIT DI TENGAH POSTINGAN

Buka Blogger > Tema > Edit HTML lalu simpan instruksi di bawah ini di atas instruksi </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/j4vascript'> //<![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>

Lanjut ke tahap kedua

Cari instruksi ibarat di bawah ini

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

Mungkin tiap template berbeda beda cari saja yang hampir ibarat dengan instruksi tersebut

Kemudian ganti dengan instruksi di bawah 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>

Dan tambahkan instruksi ini sempurna di bawah instruksi 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/j4vascript'/></b:if> </b:loop> <script type='text/j4vascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div> </div> <div class='ads_middle'> // instruksi Iklan tengah   </div> </div> <script type='text/j4vascript'> 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>

Letakan iklan pada goresan pena yang sudah aku tandai

Jika sudah final anda dapat coba buka artikel anda dan lihat hasilnya

Semoga berhasil dan semoga bermanfaat

sumber: aciknadzirah.blogspot.com/search?q=memasang-iklan-dan-related-post-di-tengah-postingan

Sumber http://www.czrandy.com/