Cara Membuat Menu Artikel Terkait Dibawah Postingan Blog

Pada kesempatan kali ini saya akan kasih info cara membuat Menu Artikel Terkait di bawah postiangan dengan persi bergambar yang sangat keren ya tentu bikin blog kita lebih cantik dan bagus, bagi anda yang mau memasang menu artikel terkait di blog/website dan juga wordpress .supuya memudahkan bagi pengunjung blog kita yang sedeng membaca artikel bisa mengrahkan pada judul yang tampil di bawah postingan blog, ya itu menu artikel terkait namanya ,tapi saya sarankan ke pada anda script widget menu artikel terkait kadang cocok kadang ga soal tergangtung Teamplate anda yang anda guanakan ,contoh blog saya pakai Template Awesome ,template bawan dari blogger asli jadi anda kalau anda tidak bisa memasang menu artikel di blog anda mungkin tidak cocok pada teamplate anda ,tapi anda bisa di tes dulu mudah mudahan  template anda cocok dengan kode script menu artikel terkait yu kita langsung aja langkah langkah berikut di bawah ini .

1 Sobat Login ke akun Blogger sobat masing masing
2 Pilih Template =>> Edit HTML. (Saya sarankan untuk mem-backup dulu template sobat untuk 3 menghindari hal-hal yang tidak diinginkah / error)
3 Sobat cari kode berikut </head> Untuk mempercepat pencarian sobat tekan Ctrl+F di kotak script Edit HTML sobat.
4 Kemudian letakan kode dibawah ini tepat diatas kode </head>

<!--Related Posts toturialblogcom.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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>
<script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts toturialblogcom.blogspot.com Styles End-->

5 Jangan disimpan dulu template sobat.

6 Kemudian sobat cari lagi kode <data:post.body/> Untuk mempermudah pencarian gunakan Ctrl+F di kotak Edit HTML. (biasanya ada 3 kode seperti ini. Jika memang benar, pilih kode yang ke 2)

Copy kode berikut, dan letakan di bawah kode <data:post.body/>

<!--Related Posts toturialblogcom.blogspot.com Styles Start-->

<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>

<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_thumbs&amp;max-results=12&quot;' type='text/javascript'/></b:if></b:loop>

<h3><b>Related Posts</b></h3>

<script type='text/javascript'>

var currentposturl=&quot;<data:post.url/>&quot;;

var maxresults=10;

var relatedpoststitle=&quot;&quot;;

removeRelatedDuplicates_thumbs();

printRelatedLabels_thumbs();

</script>

</div><div style='clear:both'/>

</b:if>

<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>

<a href='http://toturialblogcom.blogspot.co.id/' style='display:none;'></a>

</b:if>

</b:if>

<!--Related Posts toturialblogcom.blogspot.com Styles End-->

7 Kode yang berwarna Merah bisa sobat ganti dengan kata-kata sobat sendiri dan apakah Artikel Terkait / Related Post. bebas anda bisa mengantinya dengan kata kata anda sendiri.

Kode yang berwarna Biru adalah kode banyaknya artikel terkait yang akan di tampilkan di blog sobat, jadi modifikasikan sesuai dengan keinginan dan kebutuhan anda masing masing.

Kode yang berwarna Ijo sobat ganti dengan alamat URL blog anda masing masing

Kemudian Simpan Template dan lihat hasilnya ,mudah mudahan anda berhasil Jika anda Tidak berhasil atau tidak cocok sama Teamplete anda ,anda bisa coba yang persi tampa gambar di Sini Artikel Terkait Tampa Gambar mudahan mudahan cocok sama teamplate anda .

8 Demikian artikel yang saya buat mengenai Cara Memasang Artikel Terkait Bergambar di Bawah Postingan yang Sangat Keren di blog Terbaru. Semoga artikel yang saya buat anda dan sobat ini dapat bermanfaat dan berguna buat sobat blogger bagi  yang membutuhkan. Jika ada yang ingin ditanyakan atau mengalami error dalam pembuatan silahkan berkomentar di kolom komentar atau di chatbox. Facebook saya di atas Terima kasih anda telah mengunjingi blog saya semoga anda sukses selalu dan selamat anda melakukan atipitas anda masing masing salam dani blogger

Tweet

Subscribe to receive free email updates: