Cara Menciptakan Related Post Halaman Artikel

Hallo para blogger...
Hari ini, saya mencoba untuk memposting perihal cara menciptakan related post tanpa memakai Linkwithin, atau sanggup dijadikan sebagai alternatif lain dari widget yang ada.



Pertama saya menemukan cara menciptakan related post ini, dari o-om.com. Akan tetapi ada sedikit error dimana terdapat perubahan source java script yang disediakan oleh google untuk menunjang jalannya related post ini.

Disini saya akan coba memposting ulang keseluruhan script yang sudah saya perbaiki dan jalan 100%. Kebetulan saya perkuat lagi source ini dari pembuatnya eksklusif adalah Aneesh.

Tampilan dari realted post ini tidak jauh beda sama widget link within, pola nya menyerupai dibawah ini:

Kalau anda tertarik untuk mencoba nya, berikut dibawah ini script yang harus disisipkan dalam template.

1. Masuk ke blogger akun anda, pilih bab Template dan pilih Edit HTML.

2. Jangan lupa klik "Expand Widget Templates" sebelum melaksanakan pencarian

3. Cari arahan berikut ini

</head>
Ganti dengan arahan berikut ini:

<!--Related Posts with thumbnails Scripts and Styles Start--> <!-- remove --><b:if cond='data:blog.pageType == "item"'> <style type="text/css"> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 1.6em; font-weight: bold; color: black; font-family: Georgia, “Times New Roman”, Times, serif; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ color:black; } #related-posts a:hover{ color:black; } #related-posts a:hover { background-color:#d4eaf2; } </style> </div> <div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> <a href='https://marwanpedia.blogspot.com/search?q=new-related-posts-thumbnail-alternatif'><img style="border: 0" alt=" atau sanggup dijadikan sebagai alternatif lain dari widget yang ada Cara Membuat Related Post Halaman Artikel" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://bloggertemplates.bloggerplugins.org/' ><img style="border: 0" alt=" atau sanggup dijadikan sebagai alternatif lain dari widget yang ada Cara Membuat Related Post Halaman Artikel" src="http://image.bloggerplugins.org/blogger-templates.png" /></a> </b:if></b:if> <!-- Related Posts with Thumbnails Code End-->
5. Simpan dan lihat hasilnya

6. Untuk merubah jumlah tampilan related post, ubah arahan berikut ini

var maxresults=5;
7. Untuk menampilkan realted post di semua halaman dan bukan di halam posting saja,
hapus dua baris yang berawalan <!--remove--> didalam langkah ke 3 dan 4.

Baris ini

<!-- remove --><b:if cond='data:blog.pageType == "item"'>
Dan ini

<!-- remove --></b:if>

Selamat Mencoba dan biar bermanfaat.

Sejauh ini arahan tersebut berjalan dengan baik. Lihat kesudahannya disini.

Berbagi :

Anda mungkin menyukai postingan ini :

• 
  Cara Mengganti Kalimat 404 Error Pages
• 
  Menampilkan Instruksi Html Dan Javascript Di Artikel Blog
• 
  Cara Mengalihkan Halaman Artikel Blog
• 
  Cara Menambahkan Deskripsi Di Label