Ngomong-ngomong apa ya yang dimaksud
related post? Sesuai dengan namanya, kegunaannya adalah
menampilkan postingan terkait. Lalu apa
kegunaan dari related post ini? kegunaannya adalah para pengunjung jadi tahu postingan sejenis yang ada di blog kita, jadinya para pengunjung tidak perlu susah-susah mencari postingan terkait dengan postingan yang baru mereka baca, ngomong-ngomong juga... agar para pengunjung betah di blog kita. Selain itu ada manfaat lain yang tak kalah pentingnya dari manfat-manfaat di atas, yaitu untuk menampilkan postingan yang sudah lama, mengingat
related post menampilkan semua postingan yang sejenis dan ini tentunya akan membantu postingan kita yang lama untuk tidak kadaluarsa^.
Untuk membuat
related post ini tidaklah sulit, karena kita hanya membutuhkan beberapa kode untuk ditambahkan ke
Kode templet kita. Ya', agar tidak kelamaan kita dapat menyimak langkahnya-langkahnya sebagai berikut:
1. Login/ masuk ke akun
blogger anda.
2. Ketika anda berada di
Dasbor klik
Tata Letak.
3. Lalu klik
Edit HTML.
4. Jangan lupa untuk
mencentang kotak
Expand Widgets Template.
5. Selanjutnya carilah kode
<data:post.body/> (Gunakan
Ctrl+
F, agar lebih mudah).
6. Dan letaklah kode berikut ini tepat di bawah kode
<data:post.body/> tadi:
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
a.href = alturl;
if(a.href!=location.href) {
var txt = document.createTextNode(entry.title.$t);
a.appendChild(txt);
li.appendChild(a);
ul.appendChild(li);
}
}
for (var l = 0; l < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('data2007').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
document.documentElement.firstChild.appendChild(script);
}
var labelArray = new Array();
var numLabel = 0;
<b:loop values='data:posts' var='post'>
<b:loop values='data:post.labels' var='label'>
textLabel = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
7. Setelah anda menyelesaikan langkah-langkah di atas, jangan lupa klik tombol
Simpan Template.
8. Selesai...
Bagaimana, mudahkan? Sekarang anda bisa mencoba untuk melihat hasil kerjaan anda.
Apabila
tidak muncul, anda bisa mengakalinya dengan
membuat label di edit posting (
Baca:
Postingan cara membuat label), akan tetapi tidak perlu menambah Gadget Label ya!
Nb: tulisan
Related Post, dapat anda ganti dengan kata-kata lain seperti Baca juga artikel berikut ini..., mungkin anda mau membaca artikel-artikel berikut..., sudah bacakah anda artikel-artikel di bawah ini?, dll. Bagaimanakah caranya? Caranya tinggal anda ganti tulisan
Related Post yang telah ditandai dengan warna
Hijau.
Semoga bermanfaat []
READ MORE - Membuat Related Post