Cara Membuat Related Post by Categories
Posted by Abdul Roqib | Friday, December 11, 2009
18
comments
Berikut cara membuat related post by categories (artikel berhubungan) di blogger:
1. silahkan login di blogger.com
2. pilih tata letak kemudian pilih edit html
3. jangan lupa anda kasih tanda centang atau cecklist pada tulisan "Expand Widgets Template"
4. kemudian cari dan temukan code script seperti ini <data:post.body/>
5. copy dan paste script di bawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts by Categories</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>
6. pilih save template
Setelah langkah-langkah cara membuat related post by categories (artikel berhubungan) selesai maka template sobat akan jauh lebih seo friendly. Cara membuat related post by categories (artikel berhubungan) memang mudah….
Selamat mencoba….
18 comments: to "Cara Membuat Related Post by Categories"
thanks tipsnya
thx for share, bro
mampir bro
lebih sederhana dari tips yng lain
keren bro
Aku ga berhasil ni Bos..bingun caranya..ada yg salah kali??
Panjang banget ya scriptnya, ga bikin lemot pada loading blog neh....?
b-( :-t :)] pusing gan.... tolong...
nice article...thx
itu related post yang dibawah halaman ya?
thanks sobat, tutorialnya sangat lengkap buat pemula seperti saya
Maturnuwun Mas Roqib, bahasanya sederhana dan bersahabat sehingga mudah dimengerti oleh pemula seperti saya. Tidak seperti artikel serupa yang pernah saya baca sebelumnya.
mas kok di blog saya ga ada <data:post.body/ ?
kalo g d trus caranya gmn mas?
bagaimana cara mengeditnya supa menyesuaukan dengan blog kita
info yang keren ,lengkap dan sangat membantu,,makasih sobat dah berbagi infonya,,,sukses slalu,,,
mantap bgt tuh..langsung aza ke tkp buat dicoba,,,moga lancar dan berhasil,,,sukses trus
Waduh, aku baru tahu, nih... Tahnks Gan,,,,
Salam,
Rahasia Sutarto
kok gak work ya ?
Post a Comment
What's your comment about Cara Membuat Related Post by Categories, type in the comment form below. Please Don't Spam.!!!