Cara Membuat Related Post di Widget blogger

Cara Membuat Related Post di Widget blogger

Jalak Ikal 03 October 0 komentar
Related post atau biasa kita dengar yaitu artikel terkait,yang dimana Related post ini menampilkan postingan postingan yang terkait dengan artikel yang sedang di baca oleh para pengunjung blog,Related post ini sangatlah penting kita pasang di blog kita
karena dengan ada nya related post ini para pengunjung yang sedang membaca artikel blog akan sangat mudah menelusuri isi blog kita dengan mengikuti artikel terkait tersebut atau Related post tadi

Mungkin bagi para pengunjung blog yang sedang membaca postingan bisa nya kalau mereka selesai membaca akan melihat kebagian bawah postingan sehingga related postingan tersebut akan sangat jelas terlihat oleh para pengunjung blog tersebut,dan mungkin bagi anda para pemilik blog related post di bawah postingan mungkin sudah terbiasa bukan,bagaimana jika related post tersebut berada di bagain widget blog.

Dan mungkin akan terasa unik apabila related post tersebut berada di bagian widget blog,tidak sedikit para blogger menggunakan related post yang berada di widget ini,salah satu nya adalah maskolis blog yang sudah tidak asing lagi bagi para blogger.

Related Post yang berada di widget ini tidak kalah keren nya dengan related post yang berada di bawah postingan tersebut,hanya berbeda tempat saja,asal nya berada di bawah postingan sekarang kita tempatkan di daerah widget blog,namun kegunaan nyasama menampilkan artikel yng terkait dengan postingan yang sedang di baca oleh para pengunjung.

Jika anda para blogger tertarik dengan menerapkan related post di widget ini,anda bisa mengikuti langkah langkah berikut agar anda bisa menerapkan widget related psot ini di antara nya
  1. Tentunya anda harus login atau masuk ke blogger anda
  2. Kemudian silahkan masuk ke daerah Dashboard\
  3. Setelah itu silahkan anda klik template kemudian edit html
  4. Setelah itu silahkan anda letakan kode berikut sebelum kode </head> untuk memudahkan pencarian anda silahkan anda tekan Ctrl+F secara bersamaan kemudian tempatkan kode berikut
<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>
Setelah anda menempatkan kode tersebut kemudian silahkan anda cari lagi kode seperti ini
<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 != &quot;true&quot;'>,</b:if>
  </b:loop>
  </b:if>

Jika sudah ketemu silahkan anda ganti semua kode tersebut menggunakan kode berikut
<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 != &quot;true&quot;'>,</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=10&quot;' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>

Pada bagian kode yang berwarna merah (max-results=10) adalah menunjukan jumlah postingan yang akan di tampilkan di widget
Kemudian silahkan anda Save Template

Langkah selanjutnya setelah anda menempatkan kode kode di atas silahkan anda menuju Layout>Add Gadget>Javascript/Html dan kemudian letakan kode berikut di kolom yang sudah di sediakan oleh blogger
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

Kemudian klik save dan silahkan lihat hasil nya.
Nah itulah bagaimana cara menempatkan Related Post berada di bagian widget,semoga artikel ini bisa membantu sobat blogger semua selamat mencoba.

loading...
Ratings: 
Posted by Jalak Ikal, Published at 03 October and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi