Cara Membuat Related Post / Postingan Terkait di Blog
Akhirnya aku bisa posting artikel lagi... setelah modem baruku yang agak lemot sampai menguras hatiku. untunglah sedikit demi sedikit aku mulai posting lagi tentang tutorial blog. nah kesempatan ini akan aku manfaatin untuk posting tentang cara membuat related post / postingan terkait. Teknik ini sebenarnya bukanlah teknik yang baru tetapi tidak salahkan jika aku sedikit berbagi bagaimana cara membuat related post / postingan terkait. perlu diketahui sebenarnya dengan adanya related post akan mempermudah pengunjung blog kita untuk mencari informasi terkait dengan artikel yang sedang dibacanya.
Ok lah tanpa panjang lebar aku akan memberi tau cara membuat related post / postingan terkait
1. Silahkan anda login ke account blog anda2. Masuk ke MENU Layout => Edit HTML
3. Jangan lupa 'Download Template Lengakap' untuk jaga-jaga bila template tidak sesuai
4. Centang kotak Expand Widgets Template
5. Cari kode ini <data:post.body/>
6. Setelah ketemu silah anda copy script dibawah ini tepat di bawah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>7. Simpan template
<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>
keterangan : pada tulisan Related Post anda bisa menggantinya dengan tulisan yang anda suka, semisal 'postingan terkait' atau 'artikel terkait'
Ok semoga postingan tentang cara membuat related post / postingan terkait sudah selesai, semoga postingan bisa bermanfaat bagi anda.
Postingan Terkait
Diposting oleh
danoeck
On
Jumat, Maret 11, 2011
Label:
Tutorial Blog
Langganan:
Posting Komentar (Atom)
MENU
- Cerita Lucu (2)
- Film Gaby dan Lagunya (1)
- IDM 5.18 Full Patch (1)
- Lagu Terbaru (8)
- PENDIDIKAN (3)
- Sahabat (2)
- Smadav 8.4 (1)
- SMS (3)
- software (3)
- Sport (2)
- TENTANG CINTA (4)
- TIPS TRIK (5)
- Tutorial Blog (5)
- VIDEO LUCU (3)
1 komentar:
Thank atas info dan ilmunya...
Posting Komentar