Hubungi KamiJika ada pertanyaan silahkan hubungi kami

Cara Membuat Artikel Terkait/Related Post Tanpa Gambar

Cara Membuat Artikel Terkait/Related Post Tanpa Gambar-Sebelumnya saya sudah menjelaskan tentang cara dan fungsi dengan memasang artikel terkait pada blog/blogspot, pada artikel tersebut saya berbagi cara membuat artikel terkain di blogger dengan Thumbnail/Gambar.

Jika Anda tidak suka dengan tampilan tersebut dan lebih menyukai tampilan yang sederhana seperti tanpa menggunakan gambar. Artikel terkait ini seperti daftar isi yang muncul hanya judunya saja. Untuk cara membuatnya ikuti langkah berikut ini:

Panduan membuat Artikel Terkait Tanpa Thumbnail

  • Login ke akun blogger Anda
  • pada halaman dashboard pilih Template
  • Pilih Edit HTML
  • Cari kode </head>
  • Setelah ketemu copy kode dibawah ini tepat diatas kode </head> (Catatan: Lakukan BackUp terlebih dahulu untuk menghindari hal yang tidak diinginkan)
<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>
  • Cari lago kode <data:post.body/>(Gunakan CTRL+F untuk mempercepat pencarian)
  • Selanjutnya copy dan paste kode dibawah ini tepat dibawah kode <data:post.body/> (Biasanya terdapat 2 kode <data:post.body/>, tempatkan pada kode yang ke 2)
<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>Artikel Terkait</h4>
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>
</b:if>
  • Terakhir Simpan Template

Related Post merupakan navigasi yang tidak boleh dilewatkan, hal ini sangat berpengaruh dalam meningkatkan pageview blog karena artikel yang dibaca oleh pengunjung akan ada artikel lain yang bekaitan atau releven dengan topik yang sedang dibaca.

Demikian untuk artikel kali ini tentang Cara Membuat Artikel Terkait/Related Post Tanpa Gambar, semoga artikel kali ini dapat bermanfaat. Artikel yang mungkin berguna: Belajar Blog dan cara optimasi SEO untuk pemula

Baca Juga Cara Membuat toko online dengan mudah | CARA DAN KUMPULAN KERAJINAN UNIK DAN KEREN
3 Comments

Add a Comment

Your email address will not be published. Required fields are marked *

Read previous post:
Mendapat Penawaran Paid To Review (PTR) dari Urbanindo.com

Mendapat Penawaran Paid To Review (PTR) dari Urbanindo.com-Dari sekian banyak...

Close