Sabtu, 14 Juli 2012

Cara Membuat Artikel Terkait / Related Post


Related Post atau posting terkait atau artikel terkait besar manfaatnya untuk blog kita, karena Artikel yang besangkutan dengan apa yang pengunjung baca ada pada menu Related post ini.  Biasanya Artikel terkait ini di letakan di bagian bawah artikel untuk memberitahu pengunjung bahwa artikel yang sama yang sedang di baca ada di bawahnya.




Berikut Cara Membuat Related Post / Artikel Terkait:
  1.  Masuk blogger > rancangan > edit html
  2. centang expand template widget
  3. 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>

       4. Kemudian cari kode <data:post.body/> kemudian letakkan script berikut ini di bawah kode <data:post.body/> 
       5.  Jika kamu sudah memasang 'Readmore Otomatis' maka kamu harus menempatkan script related post di bawah kode    <data:post.body/> </b:if>

<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> 
  
                     6.Save template tersebut

Semoga bermanfaat

follow: @ardimoviz

Tidak ada komentar:

Poskan Komentar

LinkWithin

Related Posts Plugin for WordPress, Blogger...
;