Sudah lama saya tidak menuliskan postingan tentang blog tutorial, nah sekarang saya akan menuliskan cara membuat related post atau artikel terkait seperti punya saya yang dapat Anda lihat pada bawah postingan saya. Dengan memasang related post atau artikel terkait, pengunjung dapat mengakses langsung postingan yang berhubungan dengan tema postingan Anda yang telah dilihat sebelumnya.
Ikutilah langkah-langkah berikut untuk mulai membuatnya:
1. Login ke blog Anda.
2. Pilih Layout --> Edit Html.
3. Beri centang pada box "expand Widgets Template".
4. Cari kode berikut: <data:post.body/>
5. Copy/pastekan kode dibawah ini dan letakkan tepat dibawah kode <data:post.body/> :
<b:if cond='data:blog.pageType == "item"'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<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('albri').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>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>
7. Simpan Template
SELESAI deh..
Semoga berguna dan bermamfaat...
Gunakan layanan 4shared generator (klik di sini ) untuk mempermudah mendonwload file dari 4shared tanpa perlu login.
Artikel Terkait:
Blog Tutorial
- Alternatif Expand Template Widget
- Cara Membuat Widget Random Article
- Membuat Sendiri Aplikasi Android Untuk Blog
- Membuat Form Kontak Admin
- Pasang Tombol Sharing Lintas.Me
- Membuat Sendiri Aplikasi Symbian Untuk Blog
- Membuat Email Dengan Domain Sendiri Gratis
- Cara Mengarahkan Gambar Google Ke Blog
- Membuat Judul Blog Bergerak Di Browser
- Membuat Anti Select Text Pada Postingan
- Mengatasi Tata Letak Blog Yang Tidak Teratur
- Widget Free Proxy
- Cara Pasang Slider Carousel Di Blog
- Menampilkan Widget Hanya Pada Halaman Postingan
- Pasang Widget Follower Box Twitter
- Widget Random Ayat Al-Qur'an Di Blog
- Membuat Footer 3 Kolom Di Blog
- Widget Random Kata-Kata Mutiara Islami
- Parse HTML Tool
- Cara Praktis Pasang Foto Di Hasil Pencarian Google
- Pasang Meta Tag Friendly SEO Super
- Buat Flash Banner Online
- Cara Pasang Widget Pop-Up Di Tengah Blog
- Cara Upload File Flash Ke Google Site
- Widget Cek Lokasi Dari No.Handphone
ko gak jadi sih ?
@Fauzy Alvy bisa jadi template dan code diatas gak cocok sob. Coba pake kode related post lain yang banyak bertebaran di goole :)
kalo ada 4, nya
di pasang dimana nieh gan ?
sudah saya test dan berhasil :D thanks you ya gan :D
@perpustakaan nyamuk: udah saya coba nambah 4 tapi gak berhasil gan :(
@Teh manis: selamat gan :)