Loading...

Cara Membuat Related Post di Blogger

Bangiz - Related Post tentunya sangat berguna bagi pengunjung untuk mencari artikel-artikel lain yang berhubungan dengan artikel yang sedang dibaca oleh pengunjung tersebut. Related Post tersebut akan muncul biasanya di bagian bawah setiap postingan yang kita buat, tentunya postingan yang memiliki label atau tag yang sama. 

Untuk sebagian blog, ada juga yang menempatkan widget ini di bagian sidebar. Jika ada pengunjung yang membuka link artikel dalam related post ini pastinya akan meningkatkan jumlah pageview juga. Kalau di blog Anda belum ada related postnya dan ingin menambahkan, langsung saja ikuti cara-caranya berikut ini:

related post blogger
Related artikel
1. Masuk ke Dasbor Blogger 
2. Pilih Tata Letak 
3. Pilih Edit HTML
4. Cari kode <data:post.body/> (gunakan Ctrl+F untuk memudahkan)
5. Copy-Paste kode berikut ini tepat di bawah kode tadi
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<div class='widget-content'>
<h3>Related Posts</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement(&#39;ul&#39;);
var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i &lt; maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k &lt; entry.link.length; k++) {
if (entry.link[k].rel == &#39;alternate&#39;) {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement(&#39;li&#39;);
var a = document.createElement(&#39;a&#39;);
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 &lt; json.feed.link.length; l++) {
if (json.feed.link[l].rel == &#39;alternate&#39;) {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
var txt = document.createTextNode(label);
var h = document.createElement(&#39;b&#39;);
h.appendChild(txt);
var div1 = document.createElement(&#39;div&#39;);
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById(&#39;data2007&#39;).appendChild(div1);
}
}
}
function search10(query, label) {

var script = document.createElement(&#39;script&#39;);
script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
+ label +
&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
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 = &quot;<data:label.name/>&quot;;
var test = 0;
for (var i = 0; i &lt; labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel &lt; maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
</div>
</b:if>
Keterangan:
Silakan Anda ganti kalimat "Related Posts" dengan kalimat lain yang sesuai dengan keinginan masing-masing.

6. Simpan Template dan lihat hasilnya.

Sekian tips blogging kali ini tentang cara membuat atau pasang related post / artikel terkait pada blog dengan platform Blogger. Jangan lupa ikuti +Bangiz untuk mendapat tips dan trik terupdate lainnya. 

/fa-thumbs-up/ Related Posts$hide=home

Name

Android,5,Blogging,108,CorelDRAW,14,Desain Grafis,24,Facebook,22,Foto Sampul,34,Gambar,54,Info,18,Internet,31,Kata Mutiara,26,Kesehatan,31,Komputer,25,Microsoft Word,12,Office,12,PhotoScape,10,Resep,6,SEO,10,Sosial media,21,Tutorial,36,Wallpaper,20,
ltr
item
Bangiz: Cara Membuat Related Post di Blogger
Cara Membuat Related Post di Blogger
Cara membuat related post untuk blogg, pasang related post blog, Related post blog keren di blogspot, membuat artikel terkait di blog, mempercantik related post menjadi lebih bagus, related articles widget for blogger..
https://4.bp.blogspot.com/-3BUzA87zhqc/UcGNPKXwdQI/AAAAAAAAFgc/b1DTZLgdhQk/s320/related.jpg
https://4.bp.blogspot.com/-3BUzA87zhqc/UcGNPKXwdQI/AAAAAAAAFgc/b1DTZLgdhQk/s72-c/related.jpg
Bangiz
https://bangiz.blogspot.com/2012/12/cara-membuat-related-post-di-blog.html
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/
https://bangiz.blogspot.com/2012/12/cara-membuat-related-post-di-blog.html
true
5131493432912556385
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy