Posting yang berkaitan atau lebih dikenal dengan istilah Related Posts merupakan sebuah gadget yang menarik apabila ditampilkan dalam sebuah blog. Mengapa dikatakan demikian ? Karena saat kita mengbuka sebuah postingan, maka secara otomatis posting yang memiliki keterkaitan akan tampil pula (biasanya dibawah postingan yang kita buka tadi).
Tertarik ??? Bohong dong, kalau jawabannya "TIDAK".
Tertarik ??? Bohong dong, kalau jawabannya "TIDAK".
Pertama :
Masuk dulu ke Tata Letak, kemudian Edit HTML (Jangan lupa back-up dulu ya)
Letakkan (copy - paste) kode javascript dibawah ini diantara kode <head>...</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>
Kedua :
Masih di Edit HTML, beri tanda centang pada Expand Widget Template dan cari kode dibawah ini.
<b:if cond='data:post.labels'>Masih di Edit HTML, beri tanda centang pada Expand Widget Template dan cari kode dibawah ini.
<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>
Jika sudah ketemu, copy kode warna hijau di bawah ini. Kemudian Paste-kan di bawah kode warna merah di atas tadi.
<b:if cond='data:blog.pageType == "item"'><script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
Kemudian simpan
Jadi dong! Tunggu dulu kamu baru selesai pada tahap pengeditan HTML.
Ketiga :
Masuk ke Tata Letak -- Elemen Halaman -- buat elemen baru (tambah gadget) -- HTML/JavaScript, kemudian copy dan pastekan kode warna hijau di bawah ini dalam konten serta jangan lupa diberi judul ex : "Posting yang Berkaitan :".
<script type="text/javascript">Jadi dong! Tunggu dulu kamu baru selesai pada tahap pengeditan HTML.
Ketiga :
Masuk ke Tata Letak -- Elemen Halaman -- buat elemen baru (tambah gadget) -- HTML/JavaScript, kemudian copy dan pastekan kode warna hijau di bawah ini dalam konten serta jangan lupa diberi judul ex : "Posting yang Berkaitan :".
removeRelatedDuplicates();
printRelatedLabels();
</script>
Jika elemen halaman (tambah gadget) belum tersedia di tempat yang kamu inginkan, kamu bisa menambah sendiri, tapi kamu harus masuk kembali ke Tata Letak -- Edit HTML -- beri tanda centang pada Expand Widget Template.
Cari kode panjang berikut :
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'>
,...
( -- dan seterusnya -- )
,...
<!-- navigation -->
<b:include name='nextprev'/>
<!-- feed links -->
<b:include name='feedLinks'/>
</b:includable>
</b:widget>
</b:section>
Tambahkan kode ini di bawah kode di atas :
<b:section class='main' id='main2' showaddelement='yes'/>
Artinya kita menambah satu elemen halaman dibawah postingan (setelah komentar) yang dapat ditambah satu atau lebih gadget
Ke-empat atau terakhir :
Agar related post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -- Edit HTML -- jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan title yang kita masukan, sebagai contoh, tadi saya memberi nama dengan "Posting yang Berkaitan :", jika sudah ditemukan masukan ke dua kode berwarna hijau di bawah.
Agar related post ini tidak tampil pada halaman utama dan hanya tampil pada halaman posting tunggal maka kita perlu penambahan beberapa kode, caranya:
Masuk pada Template -- Edit HTML -- jangan lupa beri tanda centang pada Expand Widget Template -> cari kode dibawah ini, sebisanya cari sesuai dengan title yang kita masukan, sebagai contoh, tadi saya memberi nama dengan "Posting yang Berkaitan :", jika sudah ditemukan masukan ke dua kode berwarna hijau di bawah.
<b:widget id='HTML2' locked='false' title='Posting yang Berkaitan :' 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 != ""'>
<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>
Catatan: Kode HTML2 jangan dijadikan patokan pencarian, sebaiknya abaikan saja karena setiap elemen pasti berbeda-beda, cukup cari judul-nya saja ex ; "Posting yang Berkaitan :".
0 komentar:
Posting Komentar