Cara Buat Artikel Terkait Di Blogger

Memang menjadi salah satu trik agar menjadi SEO Friendly, cara ini beda, yang dulu saya buat itu terletak disidebar sedangkan yang ini dibawah postingan. untuk membuatnya silahkan ikuti langkah berikut :

Langkah I
  1. Seperti biasa login dulu ke blogger.
  2. Masuk ke Elemen Halaman.
  3. Kemudian Tuju Edit HTML.
  4. Klik Expand Template Widget.
  5. Letakkan kode berikut ini sebelum kode </head>





<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>/div>


     6. Kemudian cari kode seperti dibawah ini : 

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

     7. Lalu sisipkan kode yang berwarna hijau, sehingga hasilnya menjadi seperti ini :

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

     8. Simpan Template, sampai disini proses Edit HTML sudah selesai.

     9. Sekarang sobat tuju Tata Letak, kemudian klik Tambah Gadget pada sidebar milik sobat.

     10. Pilih yang HTML/Javascript, kemudian masukkan kode berikut :

 <script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
  1. Jangan lupa beri judul, lalu klik Simpan.

Sampai disitu sudah selesai pembuatan artikel terkait di sidebar. Namun artikel terkait akan selalu muncul di halaman depan blog, untuk membuat artikel terkait hanya muncul pada halaman postingan saja, maka sobat harus mengubah beberapa kode lagi.


Langkah II
  1. Klik Edit HTML.
  2. Klik Expand Template Widget.
  3. Cari kode yang seperti ini, dan sisipkan kode yang berwarna merah : 
<b:widget id='HTML11' locked='false' title='Artikel Terkait Lainnya' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>
<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>


  1. Kemudian klik Simpan Template.
  2. Untuk tulisan HTML 11 dan Artikel Terkait Lainnya, hanya mengambil dari template saya, silahkan sobat sesuaikan dengan template dan judul artikel terkait yang tadi sudah sobat buat.

Mudahkan? yang bilang susah berarti orang yang malas berpikir ! Laughing
Selamat mencoba ! have a nice day..

Posting Komentar

Para pengurus Rifqi's Blog tidak selalu online untuk memantau komentar yang masuk, Jadi diharapkan berikan komentar Anda dengan pantas dan layak untuk dikonsumsi oleh publik. No SARA, SPAM dan Sejenisnya

Iklan Banner