Friday, May 11, 2012

Cara Membuat Related Articles di bawah Posting

Apabila anda membaca blog orang lain sering dijumpai adanya tampilan related article atau baca artikel terkait di bawah artikel yang diposting. Tampilan related article akan sangat membantu para pembaca untuk melihat artikel lain yang sejenis sebagai tambahan referensi bacaannya. Nah berikut ini ada Cara sederhana untuk membuat Related Article  seperti itu.
Sebelumnya silahkan masuk dahulu ke blogger dengan akun anda.
Kemudian masuk pada pengaturan Template kemudian anda klik pada bagian HTML.

Saran saya, sebaiknya anda copy dulu semua kode di dalam jendela HTML ini kemudian anda simpan di Word Pad, Microsoft Word  atau sejenisnya sebagai back up jika anda menginginkan bentuk tampilan semula.

Nah untuk membuat related articles, selanjutnya pada jendela HTML tersebut klik  terlebih dahulu kotak kecil di sebelah kiri Expand Template Widget.

Kemudian Carilah kode  </head> , lebih cepat bila anda menggunakan Ctrl + F untuk mencari kode tersebut.

Silahkan Copy kode berikut dan letakkan sebelum 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 carilah kode <data:post.body/> dan letakkan kode di bawah ini tepat setelah kode <data:post.body/> tersebut.


<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>Baca Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>

Jika sudah, sekarang simpan pengaturan ini dan tutup jendela HTML.
Dan coba anda lihat tampilan blog anda sekarang.

Oke Selamat Berkreasi

Salam Admin
Amru S.








Baca Juga » Info Kontes - Kompetisi Tingkat Nasional-International


0 komentar:

Follow Us

Daftar Artikel

Created by. Amru Sholihin. Powered by Blogger.

TIPS SEO HARI INI

Anda punya Blog? Atau website ingin meningkatkan Page Rank di Search Engine? Klik logo-logo di bawah ini untuk melihat caranya :
ping fast  my blog, website, or RSS feed for Free Ping your blog, website, or RSS feed for Free My Ping in TotalPing.com

PageRank Display

PageRank