Skip to main content

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog

Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog - Kali ini saya akan mengajarkan kepada anda Cara Membuat Artikel Terkait / Related Post Dibawah Postingan Blog. Apa kegunaanya Artikel Terkait / Related Post? Untuk mempermudah pengunjung jika ingin mengetaui Artikel lain di blog anda dengan Label yang sama. Nah contohnya seperti gambar di bawah ini:

Bagi anda yang tertarik untuk memasangnya, ikuti langkah-langkah berikut:

1. Login dulu di Blogger.
2. Klik Template => Edit HTML 
3. Silahkan cari kode </head>. Untuk mempermudah pencarian tekan Ctrl + F. 
4. Letakkan kode berikut diatas </head>
<!--Related Posts with thumbnails Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
height:100%;
min-height:100%;
padding-top:10px;
padding-left:15px;
padding-right:15px;
}
#related-posts h2{
font-size: 1.3em;
color: black;
font-family: Arial;
margin-bottom: 0.75em;
}
#related-posts a{
color:black;
}
#related-posts a:hover {
background-color:#eeeeee;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://lh5.ggpht.com/_15FopxVONSo/TD3yhixJLoI/AAAAAAAADaY/gk-KFA5_m7w/noimage.png";
var maxresults=5;
var splittercolor="#cccccc";
var relatedpoststitle="You might also like:";
</script>
<script src='https://sites.google.com/site/bangkolis/javascript/maskolis.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Related Posts with thumbnails End-->
5. Lalu cari <p class='post-footer-line post-footer-line-1'/>
6. Kalau tidak ketemu coba cari post-footer-line
7. Letakkan kode berikut dibawahnya.
<!-- Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>
<!-- Related Posts with Thumbnails Code End-->
8. Kemudian Simpan dan lihat hasilnya..


Keterangan: 

  • Kode yang berwarna Merah adalah untuk menunjukkan gambar yang muncul pada postingan yang tidak memiliki gambar. Anda bisa mengganti gambar tersebut dengan gambar lain. 
  • Kode yang berwarna Biru adalah jumlah Artikel Terkait / Related Post yang akan muncul.
  • Kode yang berwarna Hijau adalah judul Artikel Terkait / Related Post silahkan ganti judul tersebut dengan judul yang anda inginkan.

KLIK DISINI UNTUK DOWNLOAD



Comments

Popular posts from this blog

Cara memasang tombol follow dan dashboard di blog

Cara memasang tombol follow dan dashboard di blog Log in ke akun blog sobat. Klik rancangan --> Elemen laman --> Tambah gadget --> Pilih HTML/Javascript. Masukkan kode berikut pada kotak yang sudah tersedia. <div style="position: fixed; top: 5px; right: 90px;"><a class="linkopacity" href="http://www.blogger.com/follow-blog.g?blogID= 3317277797834091679 " target="_blank" rel="nofollow" title="Follow !" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img src="http://3.bp.blogspot.com/-feYAFwQF-GM/TtOSBVXcMmI/AAAAAAAAHvk/GH1PZPVvU7c/follow.png" border="0" /></a><div style="display:scroll; position:fixed; top:5px; right:2px;"><a class="linkopacity" href="http://blogger.com/home" target="_blank" rel="nofollow" title="Dashboard !" imageanchor="1" style="margin-left

Versi Teks Dragon Ball Z Episode 200 Bagian 3

Sebelumnya : Dragon Ball Z Episode 200 Bagian 2 "Hei Videl, apa menurutmu dia lebih kuat dari ayahmu?" Teman gadis di sebelah kirinya bertanya. "Jangan bodoh, ayah Videl adalah Mr.Satan, penyelamat Bumi!" ucap siswa yang duduk di depan Videl. "Tak seorangpun di dunia ini yang lebih kuat darinya." Setelahnya, pak guru masuk kelas. Videl kembali duduk di kursinya, dan pelajaran akan segera dimulai. Namun sebelum itu, pak guru hendak memperkenalkan seorang siswa baru. ya, dia tak lain adalah Son Gohan. "Selamat pagi semuanya, hari ini kita kedatangan mahasiswa baru. Silakan masuk." "Perkenalkan, namaku Son Gohan. Senang bertemu dengan kalian." "Wah, tampan sekali, dia adalah tipeku." ucap teman Videl. "Gohan? nama yang aneh." ucap siswa di depan Videl. Sejenak Videl terdiam, dan kemudian teringat kalau, "Sepertinya aku pernah bertemu dengannya." "Fufufu, dia terlihat seperti seorang kutu buku." ucap

The Dark Knight Rises Apk Game Android

download Game The Dark Knight Rises Free Android Anda pasti sudah mengenal super hero yang satu ini, ya Batman si manusia kelelawar. Cerita Komik yang sudah diadaptasi kedalam berbagai hal, mulai dari film kartun hingga layar lebar ini kini tersedia dalam bentuk game untuk android. dalam game The Dark Knight Rises anda akan memerankan diri sebagai BATMAN untuk menyelamatkan kota tercintanya: