0 Cara membuat Related post dibawah Postingan Blog

_GUzTY_ || Artikel: Cara membuat Related post dibawah Postingan Blog
Share Gan:

Related Post atau yang biasa kita kenal dengan Artikel terkait adalah Sebuah Elemen pada blogger yang berfungsi untuk menampilkan Beberapa Judul Artikel lain yang masih berkaitan dengan artikel yang sedang dibaca oleh pengunjung saat itu. Related post juga beguna untuk meningkatkan PageView pada Blog kita.
Nah Disini saya akan berbagi kepada sobat tentang cara membuat related post dibawah postingan blog, Buat sobat yang berminat, silahkan simak ya, Berikut caranya :

  • Login Ke Dashboard Blogger sobat.
  • Masuk Menu Template
  • Pilih Edit Html
  • Centang Expand Template Widget
  • Silahkan cari kode </Head>
  • Silahkan Letakkan Kode berikut tepat di atas 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>


  • Kemudian cari kode berikut  <data:post.body/>,
  • Jika sudah ketemu, silahkan letakkan kode berikut tepat dibawah kode <data:post.body/>tadi
<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&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<h4>Related Post</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();</script>
</b:if>


  • Langkah terakhir silahkan Simpan template sobat, dan lihat hasilnya. sobat akan melihat Elemen Related post dibawah postingan blog sobat.

Judul: Cara membuat Related post dibawah Postingan Blog
Rating: 100% based on 99998 ratings. 5 user reviews.
Ditulis Oleh gusti




Di Posting Oleh gusti, Pada 20.47 dan 0 komentar

Ditulis Oleh : GUSTI™ | Free Download Software

Anda sedang membaca sebuah artikel yang berjudul Cara membuat Related post dibawah Postingan Blog. Dengan url https://guztiansyah.blogspot.com/2014/03/cara-membuat-related-post-dibawah.html. Jika anda suka dengan artikel ini silahkan ambil dengan syarat Term of Use. Jika anda ingin meng copy-paste tolong berikan sumbernya dan baca terlebih dahulu Term of Use.

:: Thank's for visiting ! ::


Comments
0 Comments