Cara Membuat Related Post Simple Fast Loading - Judul Tulisan Saja
July 8, 2018
Cara Membuat Related Post (Posting Terkait/Artikel Terkait) yang Simple Fast Loading di Bawah Postingan Blog blogspot. Daftar Judul Saja.
Related Posts adalah daftar tulisan/artikel yang satu label atau satu topik. Dimunculkan di bawah setiap postingan blog. Fungsinya sebagai internal link sekaligus navigasi halaman untuk meningkatkan pageviews.
Template bawaan blogger tidak menyertakan related post, sehingga harus dipasang sendiri.
Template premium atau template yang didesain pembuat template biasanya sudah menyertakan related post.
Jika ingin mengubahnya menjadi related post simple, agar loading blog lebih ringan, harus menghapusnya lebih dulu.
Ini penampakan related post simple di bawah postingan blogger.
2. Copas Kode berikut ini di atas kode ]]></b:skin>
CARA LAIN
Cara Cara Membuat Related Post Simple lainnya adalah dengan menambahkan kode di tata letak/layout. Semoga masih berfungsi.
1. Layout > Add a Gadget > pilih HTML/JavaScript
Related Posts adalah daftar tulisan/artikel yang satu label atau satu topik. Dimunculkan di bawah setiap postingan blog. Fungsinya sebagai internal link sekaligus navigasi halaman untuk meningkatkan pageviews.
Template bawaan blogger tidak menyertakan related post, sehingga harus dipasang sendiri.
Template premium atau template yang didesain pembuat template biasanya sudah menyertakan related post.
Jika ingin mengubahnya menjadi related post simple, agar loading blog lebih ringan, harus menghapusnya lebih dulu.
Ini penampakan related post simple di bawah postingan blogger.
Cara Membuat Related Post Simple Fast Loading
1. Klik Tema > Edit HTML2. Copas Kode berikut ini di atas kode ]]></b:skin>
#related-posts{float:left;width:100%;margin:10px;padding:1px 0 10px}3. Copas kode berikut ini di atas kode </head>
#related-posts .widget h2,#related-posts h3{font:18px Oswald;color:#000;text-transform:none;margin:0 0 10px;padding:0;font-weight:500}
#related-posts a{color:#0973CF;font:14px Arial,Sans-serif;}
#related-posts li{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5KZht0qo2gEVUG6WUsY35xGiPPmT4bz90AboT6y0qnS9OX4uD_YcovaGaLkAXNuigYr__iAHQpWSbfGV5fuAwTR0AY9AgwH1lFMiVAB6AcaTC3sjCWuqLAPcCNI-YpnTAjl_RF4-vN2c/s1600/bullet-list.gif) no-repeat 0 10px;text-indent:0;line-height:1.3em;border-bottom:1px dotted #ccc;margin:0;padding:3px 0 8px 12px}
#related-posts a:hover{color:#c00;text-decoration:none}
#related-posts .widget{margin:0;padding:0}
#related-posts ul{list-style:none;margin:0;padding:0}
<script type='text/javascript'>4. Copas kode berikut ini di bawah kode <data:post.body/> yang kedua atau ketiga.
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
<b:if cond='data:blog.pageType == "item"'>5 Simpan template!
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels("<data:post.url/>");
</script>
</div>
<div class='clear'/>
<div style='clear: both;'/>
</b:if>
CARA LAIN
Cara Cara Membuat Related Post Simple lainnya adalah dengan menambahkan kode di tata letak/layout. Semoga masih berfungsi.
1. Layout > Add a Gadget > pilih HTML/JavaScript
2. Judul widget kosongkan. Copas kode berikut ini di kolom konten.
3. Simpan! Selesai.
Jika ingin menggunakan related post dengan gambar, silakan cek: Cara Memasang Related Post Gambar Thumbnail Responsive.
Demikian Cara Membuat Related Post Simple Fast Loading - Judul Tulisan Saja. Good Luck and Happy Blogging! (www.contohblog.com).*
<!--SIMPLE RELATED POSTS-->
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = false;
var showpostdate = false;</script>
<script type='text/javascript'>
var relatedpoststitle="Related Posts";
</script>
<script type='text/javascript'>
//<![CDATA[
var relatedTitles=new Array();var relatedTitlesNum=0;var relatedUrls=new Array();function related_results_labels(c){for(var b=0;b<c.feed.entry.length;b++){var d=c.feed.entry[b];relatedTitles[relatedTitlesNum]=d.title.$t;for(var a=0;a<d.link.length;a++){if(d.link[a].rel=="alternate"){relatedUrls[relatedTitlesNum]=d.link[a].href;relatedTitlesNum++;break}}}}function removeRelatedDuplicates(){var b=new Array(0);var c=new Array(0);for(var a=0;a<relatedUrls.length;a++){if(!contains(b,relatedUrls[a])){b.length+=1;b[b.length-1]=relatedUrls[a];c.length+=1;c[c.length-1]=relatedTitles[a]}}relatedTitles=c;relatedUrls=b}function contains(b,d){for(var c=0;c<b.length;c++){if(b[c]==d){return true}}return false}function printRelatedLabels(a){for(var b=0;b<relatedUrls.length;b++){if(relatedUrls[b]==a){relatedUrls.splice(b,1);relatedTitles.splice(b,1)}}var c=Math.floor((relatedTitles.length-1)*Math.random());var b=0;if(relatedTitles.length>1){document.write("<h3>"+relatedpoststitle+"</h3>")}document.write("<ul>");while(b<relatedTitles.length&&b<20&&b<maxresults){document.write('<li><a href="'+relatedUrls[c]+'">'+relatedTitles[c]+"</a></li>");if(c<relatedTitles.length-1){c++}else{c=0}b++}document.write("</ul>");relatedUrls.splice(0,relatedUrls.length);relatedTitles.splice(0,relatedTitles.length)};
//]]>
</script>
relatedPostsWidget({
'containerSelector':'div.post-body'
,'loadingText':'loading...'
});</script>
<!--SIMPLE RELATED POSTS-->
3. Simpan! Selesai.
Jika ingin menggunakan related post dengan gambar, silakan cek: Cara Memasang Related Post Gambar Thumbnail Responsive.
Demikian Cara Membuat Related Post Simple Fast Loading - Judul Tulisan Saja. Good Luck and Happy Blogging! (www.contohblog.com).*
Previous
« Prev Post
« Prev Post
Next
Next Post »
Next Post »
SUDAH SAYA COBA .GAK MUNCUL APA APA. INI HOAX?
ReplyDeletePasang kode related post simple ini dengan baik dan benar serta teliti sesuai petunjuk
DeleteOk suksesngan, thank you
ReplyDelete