Cara Membuat Related post berdampingan dengan Iklan

Also Read Other Articles

Lihatlah gambar diatas... bagaimana tertarik buat memasangnya...

Sedikit deskripsi tentang apa fungsi memasang related artikel berdampingan dengan iklan.

Membuat kasat mata sobat blogger apabila ingin mendapatkan dolar ataupun rupiah dengan tips dan trick ini. Keuntungannya adalah apabila Iklan dengan Artikel saling berhubungan maka kemungkinan besar para pengunjung akan mengeklik Iklan tersebut, apalgi kalau iklan kita adalah PPC (pay per click) hemmm, karena kita hanya menunggu pengunjung untuk mengeklik iklan kita untuk kita bisa mendapatkan sedikit penghasilan dengan blog....

Penasaran untuk memasangnya, Ikuti langkah demi langkah berikut ;

1. Masuk akun blog sobat

2. Masuk Dasbor

3. Klik Templat lalu edit HTML (centang) / Expand templat

4. Cari kode berikut... ]]></b:skin> (Lakukan pencarian kode dengan menekan Control F)

5. Lalu taruh kode berikut di atas kode No. 4

#related-articles{float:left;width:275px;border-right:1px solid #ddd;margin:5px 0 0;padding:0 15px 0 0}

#related-articles .widget{margin:0;padding:0}

#related-articles .widget h2,#related-posts h2{font:bold 13px Droid Serif;color:#000;text-transform:none;margin:0 0 5px;padding:0}

#related-articles a{color:#333;font:12px Droid Serif}

#related-articles a:hover{color:#f9ab39}

#related-articles li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj85fh3c6x9oqaLYr1JFrbPcS9Das1m6VafdCbDNjfgtkLKm7BKLFOEwpDPxPTAfRIn-4WEvThranEdibG-5wgRrGAur5mEhduv-CWcxxflohZPimznalr8fG82sofbgZtcSnuOsoht-wo/s1600/bullet-list.gif) no-repeat 0 8px;text-indent:0;line-height:1.2em;margin:0;padding:2px 0 2px 10px}

#banner-ads{float:right;width:300px;margin:5px 0}

6. Lalu cari kode </head>

7. Masukkan kode berikut tepat di atas kode No. 6

<script type='text/javascript'>

var relatedpoststitle=&quot;Related Articles&quot;;

</script>

<script src='http://jamu-martin.googlecode.com/files/related-martin.js' type='text/javascript'/>

8. Masih di Edit template, lalu sobat cari kode <data:post.body/>

9. Apabila kode di atas terdapat 3 atau 4 maka taruh kode berikut di bawah kode yang no.3 dan jika terdapat 2 kode maka taruh di bawah kode No. 2nya..

10. masukkan kode berikut tepat di bawah salah satu kode di bawah Read More atau kode No. 2 atau 3

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div id='under-wrapper'>

<div id='related-articles'>

<b:loop values='data:post.labels' var='label'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=8&quot;' type='text/javascript'/></b:loop>

<script type='text/javascript'>

var maxresults=6;

removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);

</script>

</div>

<div id='banner-ads'>

KODE IKLAN

</div>

11. Ganti kode Iklan yang berwarna merah dengan kode iklan sobat

12. Klik Pratinjau...

13. Simpan templat

Selamat Mencoba dan Salam Sukses !!!

Sumber : Jamu Martin