Bagaimana Cara Memasang Kode Iklan dan Related Post di Tengah Artikel/Postingan ?
Penempatan posisi iklan merupakan salah satu faktor yang mensugesti pendapatan kita , kalau kita tidak menempatkan posisi iklan dengan baik dan benar maka jangan harap mampu menerima pendapatan yang diharapkan. Posisi iklan tergantung dengan jenis tamplate yang digunakan alasannya yaitu setiap masing - masing tamplate memiliki perbedaan jadi intinya kita harus melaksanakan banyak eksperimen atau percobaan dalam menempatkan posisi iklan semoga pendapatan kita stabil atau mampu bertambah.
Banyak studi kasus yang membahas bahwa posisi iklan didalam postingan memiliki nilai yang rupawan dan posisi ini sangat strategis untuk mampu menambah penghasilan. Setelah mencoba beberapa kali eksperimen ternyata iklan yang di tempatkan didalam postingan memang sangat baik dan mampu menambah pendapatan kita, alasannya yaitu ketika si user membaca artikel dari blog kita maka secara perlahan beliau akan melihat iklan yang tayang.
Silahkan baca juga : 5 Penempatan Iklan Yang Strategis
Di artikel kali ini aku akan menunjukkan sebuah script untuk menempatkan posisi iklan di tengah artikel dan di barengi bersama dengan related post , script ini aku dapatkan dari situs Bung Frangki dan ingin aku bagikan kepada sahabat - sahabat semuanya supaya lebih bermanfaat lagi.
Cara Memasang Kode Iklan dan Related Post di Tengah Artikel
Berikut ini yaitu cara memasang aba-aba iklan dan telated post di tengah artikel blog , bab kalian yang berminat mencobanya silahakan ikuti step by stepnya berikut ini.
1. Silahkan masuk ke Akun Blogger masing - masing , silahkan pilih blog mana yang akan di pasangi script ini selanjutnya masuk ke dalam Edit tamplate.
2. Langkah selanjunya tekan CTRL + F kemudian cari aba-aba </head> setelah ketemu silahkan letakkan aba-aba dibawah ini di atas aba-aba </head>
<b:if cond='data:blog.pageType == "item"'>
<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 < 20) { document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>'); if (r < relatedTitles.length - 1) { r++; } else { r = 0;} i++;} document.write('</ul>');}
//]]>
</script>
</b:if>
3. Berikutnya letakkan aba-aba CSS dibawah ini di atas aba-aba </style> atau aba-aba ]]></b:skin>
/* Related Post di dalam postingan by Bung Frangki */
.post-terkait {position:relative;background:#fff;padding:0;margin:10px 15px 0 0;float:left;width:165px;border:1px solid #1b71bc}
.post-terkait h4{background:#1b71bc !important;padding:5px 0 !important;margin:0;text-align:center !important;font-size:15px !important;font-weight:400;text-transform:uppercase;color:#fff !important}
.post-terkait ul {margin:0;padding:0}
.post-terkait ul li {list-style:none !important;padding:7px 0;margin:0 7px;border-bottom:2px dotted #ddd;line-height:1.4em !important;text-align:left !important}
.post-terkait ul li:last-child{border:none !important}
.post-terkait a {color:#1b71bc;font-size:13px !important}
.post-terkait a:hover {text-decoration:underline}
4. Cari Kode <data:post.body/> (yang kedua), kalau sudah ketemu ganti aba-aba tersebut dengan aba-aba dibawah ini.
<div expr:id='"post1" + data:post.id'/>
<!-- Kode Iklan diatas related post -->
Taruh aba-aba iklan disini
<div class='post-terkait'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=3"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<!-- Kode Iklan dibawah related post -->
Taruh aba-aba iklan disini
<div expr:id='"post2" + data:post.id' class='artbody' itemprop='articleBody description'><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/3);
var r=t.lastIndexOf("<br>");
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
</script>
5. Simpan Tamplate. Silahkan lihat hasilnya.
Itulah sedikit tips tentang Cara Memasang Kode Iklan dan Related Post di Tengah Artikel/Postingan , semoga dengan begitu dapat meningkatkan pendapatan kalian. selamat mencoba.
Sumber :