Artikel terkait merupakan artikel yang mempunyai label yang sama dengan label yang sedang di baca
Ada begitu banyak ragam artikel terkait di blog dan beragam variasi yang di tampilkan oleh kebanyakan blogger
Cara membuat artikel terkait versi Baca juga
Silahkan simpan kode css di bawah letakan di bagian gaya template yang anda gunakan <b:skin>kode disini</b:skin> atau di antara <style>kode disini</style>
/* /////////BACA JUGA////////// */
#baca-juga {
position: relative;
}
#baca-juga h2 {
color: #888888;
position: absolute;
top: -15px;
left: 20px;
border: 2px solid #efefef;
padding: 2px 12px;
font-size: 14px;
background: #ffffff;
font-weight: 500;
z-index: 1;
}
#baca-juga a {
font-weight: 500;
font-size: 14px;
display: block;
padding: 0;
}
#baca-juga ul {
max-width: 75%;
margin: 30px 0 20px;
padding: 20px 20px 10px 40px;
position: relative;
border: 2px solid #efefef;
}
#baca-juga li {
padding: 0px;
margin: .6em 0;
}
Selanjutnya cari kode <data:post.body/> yang kedua ganti dengan
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function bacajuga(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random());l=0;if(relatedTitles.length>1){for(document.write("<h2>Baca Juga</h2>"),document.write("<ul>");l<relatedTitles.length&&l<20&&l<jumlahbacajuga;)document.write('<li><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>"),t<relatedTitles.length-1?t++:t=0,l++;document.write("</ul>")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
<div id='baca-juga'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=bacajuga&max-results=5"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var jumlahbacajuga=3;
removeRelatedDuplicates();
printRelatedLabels("<data:post.url/>");
</script>
</div>
Kurang lebih penampilan artikel terkait seperti di bawah
Ada begitu banyak ragam artikel terkait di blog dan beragam variasi yang di tampilkan oleh kebanyakan blogger
Cara membuat artikel terkait versi Baca juga
Silahkan simpan kode css di bawah letakan di bagian gaya template yang anda gunakan <b:skin>kode disini</b:skin> atau di antara <style>kode disini</style>
/* /////////BACA JUGA////////// */
#baca-juga {
position: relative;
}
#baca-juga h2 {
color: #888888;
position: absolute;
top: -15px;
left: 20px;
border: 2px solid #efefef;
padding: 2px 12px;
font-size: 14px;
background: #ffffff;
font-weight: 500;
z-index: 1;
}
#baca-juga a {
font-weight: 500;
font-size: 14px;
display: block;
padding: 0;
}
#baca-juga ul {
max-width: 75%;
margin: 30px 0 20px;
padding: 20px 20px 10px 40px;
position: relative;
border: 2px solid #efefef;
}
#baca-juga li {
padding: 0px;
margin: .6em 0;
}
Selanjutnya cari kode <data:post.body/> yang kedua ganti dengan
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array,relatedTitlesNum=0,relatedUrls=new Array;function bacajuga(e){for(var l=0;l<e.feed.entry.length;l++){var t=e.feed.entry[l];relatedTitles[relatedTitlesNum]=t.title.$t;for(var r=0;r<t.link.length;r++)if("alternate"==t.link[r].rel){relatedUrls[relatedTitlesNum]=t.link[r].href,relatedTitlesNum++;break}}}function removeRelatedDuplicates(){for(var e=new Array(0),l=new Array(0),t=0;t<relatedUrls.length;t++)contains(e,relatedUrls[t])||(e.length+=1,e[e.length-1]=relatedUrls[t],l.length+=1,l[l.length-1]=relatedTitles[t]);relatedTitles=l,relatedUrls=e}function contains(e,l){for(var t=0;t<e.length;t++)if(e[t]==l)return!0;return!1}function printRelatedLabels(e){for(var l=0;l<relatedUrls.length;l++)relatedUrls[l]==e&&(relatedUrls.splice(l,1),relatedTitles.splice(l,1));var t=Math.floor((relatedTitles.length-1)*Math.random());l=0;if(relatedTitles.length>1){for(document.write("<h2>Baca Juga</h2>"),document.write("<ul>");l<relatedTitles.length&&l<20&&l<jumlahbacajuga;)document.write('<li><a href="'+relatedUrls[t]+'">'+relatedTitles[t]+"</a></li>"),t<relatedTitles.length-1?t++:t=0,l++;document.write("</ul>")}relatedUrls.splice(0,relatedUrls.length),relatedTitles.splice(0,relatedTitles.length)}
//]]>
</script>
<div id='baca-juga'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=bacajuga&max-results=5"' type='text/javascript'/>
</b:loop>
<script type='text/javascript'>
var jumlahbacajuga=3;
removeRelatedDuplicates();
printRelatedLabels("<data:post.url/>");
</script>
</div>
Kurang lebih penampilan artikel terkait seperti di bawah
Terima kasih telah membaca artikel tentang Cara Membuat Artikel Terkait di blogspot di blog successful blogger jika anda ingin menyebar-luaskan artikel ini dimohon untuk mencantumkan link sebagai Sumbernya, dan bila artikel ini bermanfaat silahkan bookmark halaman ini di web browser anda, dengan cara menekan Ctrl + D pada tombol keyboard anda.