Cara Membuat Related Post atau Artikel Terkait di Blogspot

Jumat, 31 Mei 2013

Artikel Terkait


Cara Membuat Related Post atau Artikel Terkait di Blogspot ~ related post atau yang sering di kenal sebagai artikel terkait ialah dimana di dalam suatu artikel terdapat beberapa link dari artikel yang lainnya sehingga di sebut saling terkait.berikut tata cara membuat related post atau artkel terkait ...




1. lankah pertama login ke blogger anda
2. backup template untuk mengembalikan blog ke keadaan semula dengan cara di upload 
    apabila gagal.
3. pilih edit html
4. apabila anda mengunakan blogger versi lama maka centang tulisan "expand template widged "
5. lalu cari kode </head> ( anda dapat mengunakan ctrl + f untuk mempermudah pencarian )
6  paste kode di bawah ini pada tepat di atas kode tersebut ( </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>




7. Kemudian 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=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> 


8. Terakhir simpan template anda


Artikel Terkait Blogger

Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

 
Support : Creating Website | Perpus Kit | I was Here..
Copyright © 2011. perpus mini - All Rights Reserved
Template Created by Creating Website
Proudly powered by Blogger