« Menembus 1000 visitor | Home | Isabella Leong dan Film The Mummy 3 »
Related Post di Blogger
By Rudy Susanto | August 1, 2008
Sebelumnya, saya sudah pernah menulis artikel tentang bagaimana membuat link artikel yang bertautan (related post) di Wordpress. Related Post biasanya ditaruh di belakang postingan dari suatu artikel, berisi artikel lain yang memiliki keyword yang dianggap berdekatan atau sama.
Tapi related post di blogger tidaklah semudah di Wordpress. Jika di wordpress cukup hanya menginstal plug-in tertentu, maka di blogger kita harus sedikit memodifikasi link HTML nya.
Berikut langkah-langkah membuat related post di blogger (Kode HTML diambil dengan sengaja dari situs Cerita Seru Danny) :
1. Buka blogger dan masuk ke bagian Tata Letak
2. Edit HTML dan pastikan mencentang Expand Template Widget
3. Cari baris yang mengandung kata : <p><data:post.body/></p>
4. Tepat di bawah baris yang mengandung kata : <p><data:post.body/></p>, sisipkan kode HMTL berikut :
<b:if cond=’data:blog.pageType == “item”‘>
<div class=’similiar’>
<!–
http://dannybaskara.com 1. Hanya copy dan paste tersebut dibawah baris #2 atau <data:post.body/> –>
<div class=’widget-content’>
<h3>Related Posts per category</h3>
<div id=’data2007′/><br/><br/>
<div id=’hoctro’>
Widget by <u><a href=’http://dannybaskara.com/’ title=’Related Posts on Blogger Modified by danny. Read More?’>Related Post di Blogspot</a></u>
</div>
<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>
Popularity: 2% [?]
Related Posts
- Related post untuk membuat artikel bertautan
- Simple Tags di Wordpress versi 2.6
- Blogspot juga ikut diblokir Speedy
- Dawn Yong Blogger seksi dari singapore
- Tidak bisa buat website? Tidak masalah!
Topics: Blogging |
No comments yet.