Cara bikin artikel terkait di blog

ikhsanudin on

Sunday, March 10, 2013

Cara bikin artikel terkait di blog. artikel terkait / related posts adalah sebuah menu / alat untuk memudahkan pengunjung dalam mencari artikel yang mirip atau berhubungan dengan artikel yang sedang dibaca, atau bahkan mungkin sama dengan artikel yang sedang dibaca tetapi beda versi. Misalnya Cara bikin artikel terkait di blog versi 1 kemudian artikel yang terkait adalah Cara bikin artikel terkait di blog versi 2, cara cepat bikin Cara cepat bikin artikel terkait di blog atau yang lainnya. Bisa juga penampakan artikel terkait / related posts adalah artikel-artikel dalam 1 label.
mari kita mulai Cara bikin artikel terkait di blog.
1. seperti biasa, kita harus login ke blogspot /blogger.com
2. Template > Edit html dan centang Expant Templat Widget
3. Cari kode </head>
4. Masukkan kode dibawah ini tepat diatas 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>

5. Lanjut, cari kode <data:post.body/>, dan copy lalu paste kode berikut dibawah 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=15"' type='text/javascript'/> </b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait <b:loop values='data:post.labels' var='label'><data:label.name/>
<b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop></h4>
<script type="text/javascript"> removeRelatedDuplicates(); printRelatedLabels();
</script>
</b:if>

6. Simpan hasil kerja kita dengan klik, SIMPAN TEMPLATE, silahkan lihat hasil kerja Cara bikin artikel terkait di blog. mudahan Cara bikin artikel terkait di blog telah berhasil

Labels: Blogger, Tutorial

Thanks for reading Cara bikin artikel terkait di blog. Please share...!