Halo sobat blogger , jumpa lagi dalam episode membuat related post atau artikel terkait pada blogger, pada postingan kali ini admin akan share artikel terkait yang sangat sederhana banget,Related Post (Artikel Terkait) yang ada pada sebuah blog maupun website adalah merupakan suatu navigasi yang memudahkan pengunjung dalam mencari info apa yang di inginkan, dengan adanya Related Post akan sangat memudahkan dan memanjakan pengunjung sehingga bisa membuat betah pengunjung berada dalam blog sobat .seperti apakah kiranya tampilan sederhanya ,berikut cuplikanya;
Cara Membuat Related Post di Blog Tanpa Gambar :
1, Buka Blogger
2. Klik Template -> Edit HTML
3. Cari kode </head> menggunakan CTRL+F pada keyboard
4. Copy dan paste kode dibawah ini diatas kode </head>
<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;}}}}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];}}
relatedTitles = tmp2;
relatedUrls = tmp;}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' +
relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;}
i++;}
document.write('</ul>');}
//]]>
</script>
5. Cari kode <div class='post-footer-line post-footer-line-3'>------------</div> gunakan CTRL+F
6. Copy dan paste kode dibawah ini dibawah kode ( </div> )<div class='post-footer-line post-footer-line-3'>------------</div>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
7. Simpan templat sobat setelah semua sudah tepat.
NB:
jika sobat ingin mengurangi atau menambah jumlah postnya silahkan ganti nominal 5 yang berwarna merah
KUTUNGGU KOMENTAR SOBAT DISINI