maksud saya kali ini adalah membuat postingan blog lebih bagus lagi alias rapi dan berkaitan dengan label. Nah ketika pembaca menemukan satu artikel diblog anda, maka label related post yang tadi " Photoshop " akan tampil semua dibawah postingan anda. mantap kan, otomatis bikin si pengunjung betah baca. dan Cara ini juga sangat ampuh untuk menambah jumalah Page View Blog kita.
Berikut membuat artikel yang berhubungan :
1. Login ke Blogger
2. Pilih menu Tataletak lalu pilih edit HTML
3. Setelah itu beri tanda centang pada kotak "Expand Widgets Template".
4. Cari kode berikut dengan Ctrl+F masukkan </data:post.body>
5. Lalu paste kode dibawah ini, persis dibawah </data:post.body>
Copy Tulisan Yang Berwarna Biru yah :)
NB: kalau kamu sudah pasang readmore/baca selengkapnya, maka taruh di bawah yang pertama, bukan yang kedua
<b:if cond='data:blog.pageType == "item"'>
<H2>Related Post:</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 = 50;
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>
6. Save untuk finish dan preview hasilnya deh :)
Anda bisa ganti tulisan 'Related Post' dengan kalimat lain misalnya ' posting yang terkait ', ' artikel yang terkait ', dll.
Contoh bisa dilihat seperti di blog saya, dibawah postingan ini :)
Selamat mencoba semoga berhasil..
Tidak ada komentar:
Posting Komentar