Cara Membuat Related Post di Blogger
1. Login ke akun blogger sobat
2. Masuk ke menu Design-->Edit HTML, jangan lupa centrang Expand Widget Templates
3. Cari kode
<p><data:post.body/></p>
(tekan Control+F untuk mencari)4. Copy-paste kode berikut tepat di bawah kode
<p><data:post.body/></p>
<div style='-moz-border-radius: 5px 5px 5px 5px;border: 1px solid rgb(238, 238, 238);padding: 3px; overflow: auto; width: 470px; height: 300px;background-color: #F5F5F5'>
<h2 class='related-to'>Related to <data:post.title/> : </h2><br/>
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/>
<script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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> </div>
<h2 class='related-to'>Related to <data:post.title/> : </h2><br/>
<div class='similiar'>
<div class='widget-content'>
<div id='data2007'/>
<script type='text/javascript'> var homeUrl3 = "<data:blog.homepageUrl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 10; 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> </div>
sorry numpang singgah disini ya gan.. :)
BalasHapusthnak sinfo nya
BalasHapusThanks Info Nya
BalasHapusmakasih sobat sudah mampir di blog reyot ane..salam persahablogan
BalasHapusartikel yang bermanfaat
BalasHapusKomentar ini telah dihapus oleh pengarang.
BalasHapusmakasih atas artikelnya sob...
BalasHapusgan, ini related post nya otomatis atau berdasarkan label ?
BalasHapusbales, and visit sini gan : http://azula-share.blogspot.com
thx gan, moga sukses.
ini berdasarkan label bos..
BalasHapusthenks infonya....langsung di praktek... jadi deh okey infonya mantaf....
BalasHapussipp...infonya. sya baru di blog, jadi harus banyak nyari info. ok makasih lam kenal
BalasHapusuntuk step num 3 kodenya kok ga da bos?
BalasHapusmksih infonya
BalasHapusthanx ats infonya :-D
BalasHapusmksih infonya
BalasHapusmakasih kang infonya
BalasHapusBererapa cara saya coba.akhirnya berhasil juga...
BalasHapuspnya ku kok ga muncul mas,,cuma tulisan related post aja yg muncul
BalasHapussilahkan dicoba kembali, semoga berhasil. Copy paste script diatas
BalasHapusThenk Kyu monggo mampir di blog saya
BalasHapusterima kasih atas infonya gan...
BalasHapusmakasih banyak sob, atas tutorialnya ;)
BalasHapus