Membuat Artikel Terkait #1

Membuat Artikel Terkait #1
Artikel Terkait
Sobat tentunya tau apa itu Artikel Terkait. Biasanya terletak pada akhir sebuah posting yang mengarahkan pengunjung pada artikel-artikel yang berada pada label yang bersangkutan.
Fungsinya selain untuk seo, related post/artikel terkait ini juga bisa membantu pengunjung untuk membaca Artikel Anda yang lain mungkin ada yang belum di ketahuinya atau belum terbaca, atau mungkin akan ada artikel yang tak sengaja dibaca. Sehingga pengunjung bisa betah berada di blog kita.
Baiklah, berikut cara membuat related post/artikel terkait :
  • Masuk blogger > Template > edit html > centang expand template widget
  • Cari kode </head> kemudian letakkan script di bawah ini tepat di atas 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>
  • Kemudian Anda cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/>
<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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
  • Silakan ganti tulisan yang berwarna merah sesuai keinginan sobat
  • Terakhir simpan template dan lihat hasilnya. 

Semoga Membuat Artikel Terkait #1 bermanfaat bagi pengunjung 404 OK!. | » Follow » Comment.

Artikel Terkait dengan Membuat Artikel Terkait #1

Description: Membuat Artikel Terkait #1 Rating: 5.0 Reviewer: 404 OK! Reviewers ItemReviewed: Membuat Artikel Terkait #1
Komentar
2 Comments

2 comments

October 26, 2012 at 7:30 PM Reply

wahhh,,,bermanfaat banget nih sob,,di blog saya blm punya yg ky gini,,,saya simpen dulu klo sempat saya pasang..thanks sob sharenya....

October 27, 2012 at 12:50 AM Reply

Makasih sob...
pasang aja sob kalo belum punya, ya ada cman untung koqq..
:^D^:

Post a Comment, Berikan komentar sobat agar kita bisa lebih akrab... hehehe!

 
Ben Nafi | Share | kioseo | Warung Gratis | Warung Gratis