Blog Tips...Artikel Terkait yang muncul disidebar

Diposting oleh putu on Minggu, 16 Mei 2010


Informasi terbaru Blog Tips...Artikel Terkait yang muncul disidebar
Nulis Tips Blogger, tips blog, tips blogspot emang sudah jarang, karna sedikit males, ribet nulis nulis script. Tapi sometimes kepikir juga mau nulis tips blogspot, tips blog gitu..Seperti sore ini, gak tau kenapa mau share tips membuat Artikel terkait, tapi yang versi tampil di sidebar gitu...


Nah, kalau sudah nulis, tentu Pede donk, suatu hari bisa di temukan orang melalui Google, atau mana saja. Oleh sebab itu nulisnya juga di pede pede-in, biar enak di baca gitu..Ok, bila ada blogger yang mencari tips membuat artikel terkait, tapi dalam versi artikel terkait yang muncul di sidebar, tips ini bisa diikuti..http://bonargati.blogspot.com/

http://bonargati.blogspot.com/

1. Login ke blogger, terus pergi ke halaman Layout / Tata Letak, dasbord >> Layout.


2. Lanjutkan ke Edit Template dan centeng Kolom kecil expand template widget, dan temukan kode ini : </head>
tips : biar senang carinya tekan saja ctrl + F , (dua keyboard ditekan secara bersama-an).

3. Letakan Kode pada no 4 dibawah ini, keatas Kode </head> diatas.

4.

<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. Cari lagi kode ini :
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

</b:loop>
</b:if>

6. Sudah? Tambahkan kode hingga menjadi seperti dibawah ini.(warna biru)
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>

<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=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Sampai disini, bisa save template dulu..
Catatan : tulisan max-results= 10 adalah jumlah artikel terkait yang ingin di tampilkan perlabel, bisa dikurangi maupun ditambahkan..

7. Pergi kembali ke halaman Layout / Tata Letak, dan Pilihlah Add Gadget/Tambah Gadget >> HTML/Javascript..


8. Masukan Kode dibawah kedalam body content dan klik save, seperti contoh gambar diatas.
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Sampai disini, artikel terkait sudah jadi, namun sayang tulisan artikel terkait juga muncul di halaman utama, untuk itu tambahan perlu dilakukan, yakni supaya artikel terkait hanya muncul dihalaman selanjutnya..Kembalilah ke Edit Template (langkah 1 - 6), dan cari berdasarkan Nama yang kamu kasih pada widget ini, ingat!!!!, harus dalam keadaan expand template widget..


Contoh saja artikel terkait blog ini judulnya Artikel Terkait, di edit template aku cari letak lokasinya, seperti dibawah ini :

Tambahkan script supaya widget ini hanya muncul dihalaman selanjut, setelah read more atau artikel dibaca Full. Kodenya seperti ini :


<b:if cond='data:blog.pageType == "item"'>
</b:if>

Cara pemasangannya seperti ini :
<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='HTML3' locked='false' title='Artikel terkait' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.pageType == "item"'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != &quot;&quot;'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:if>
</b:includable>
</b:widget>

Kode diatas akan menjamin artikel terkait hanya muncul dihalama selanjutnya..Ok Try it.
Tinggalkan komentar anda tentang Blog Tips...Artikel Terkait yang muncul disidebar

0 komentar:

Posting Komentar