Monday, 14 August 2017

Bagaimana Cara Memasang Kode Iklan dan Related Post di Tengah Artikel/Postingan ?

A ssalamu'alaikum Wr. Wb. - Selamat datang di Seikoku Ananta tempat beragam informasi seputar Android , Lifestyle , Tutorial Editing Foto , Aplikasi , Tips dan Trik serta beragam informasi menarik dan bermanfaat lainnya. Semoga apa yang telah kami sampaikan disini bermanfaat bagi kita semua Amin

Baca Juga

Penempatan posisi iklan merupakan salah satu faktor yang mempengaruhi pendapatan kita , jika kita tidak menempatkan posisi iklan dengan baik dan benar maka jangan harap bisa mendapatkan pendapatan yang diharapkan. Posisi iklan tergantung dengan jenis tamplate yang digunakan karena setiap masing - masing tamplate memiliki perbedaan jadi intinya kita harus melakukan banyak eksperimen atau percobaan dalam menempatkan posisi iklan agar pendapatan kita stabil atau bisa bertambah.

Bagaimana Cara Memasang Kode Iklan dan Related Post di Tengah Artikel/Postingan ?

Banyak studi kasus yang membahas bahwa posisi iklan didalam postingan memiliki nilai yang bagus dan posisi ini sangat strategis untuk bisa menambah penghasilan. Setelah mencoba beberapa kali eksperimen ternyata iklan yang di tempatkan didalam postingan memang sangat baik dan bisa menambah pendapatan kita, karena saat si user membaca artikel dari blog kita maka secara perlahan dia akan melihat iklan yang tayang.

Silahkan baca juga : 5 Penempatan Iklan Yang Strategis

Di artikel kali ini saya akan memberikan sebuah script untuk menempatkan posisi iklan di tengah artikel dan di barengi bersama dengan related post , script ini saya dapatkan dari situs Bung Frangki dan ingin saya bagikan kepada teman - teman semuanya supaya lebih bermanfaat lagi.

Cara Memasang Kode Iklan dan Related Post di Tengah Artikel


Berikut ini adalah cara memasang kode iklan dan telated post di tengah artikel blog , bagian 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 kode </head> setelah ketemu silahkan letakkan kode dibawah ini di atas kode </head>

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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 kode CSS dibawah ini di atas kode </style> atau kode ]]></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), jika sudah ketemu ganti kode tersebut dengan kode dibawah ini.

<div expr:id='&quot;post1&quot; + data:post.id'/>
<!-- Kode Iklan diatas related post -->
Taruh kode 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 == &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>
</b:if>
<h4>Baca Juga</h4>
<script type='text/javascript'>
removeRelatedDuplicates();
printRelatedLabels();
</script>
</div>
<!-- Kode Iklan dibawah related post -->
Taruh kode iklan disini
<div expr:id='&quot;post2&quot; + data:post.id' class='artbody' itemprop='articleBody description'><data:post.body/></div>
<script type='text/javascript'>
var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
var s=obj1.innerHTML;
var t=s.substr(0,s.length/3);
var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
if(r&gt;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 : http://www.bungfrangki.com/2015/12/membuat-related-pos-dalam-postingan.html

0 komentar

Post a Comment