Tutorial Blog: Cara Memasang Artikel Related Post Dibawah Postingan Dengan Gambar
Cara ini mungkin sudah banyak yang telah menerapkannya, mungkin saja ada teman-teman blogger yang ingin mengetahui dari blog saungjiwa ini. Langsung saja cara pembuatan Related Post atau artikel terkait Dibawah Posting Dengan Thumbnail Gambar :
- Sobat Login ke akun blog sobat.
- Pilih Template =>> Edit HTML. (Saya sarankan untuk mem-backup dulu template sobat untuk menghindari hal-hal yang tidak diinginkah / error)
- Sobat cari kode berikut </head> Untuk mempercepat pencarian sobat tekan Ctrl+F di kotak script Edit HTML sobat.
- Kemudian letakan kode dibawah ini tepat diatas kode </head>
<!--Related Posts saungjiwa2012.blogspot.com Styles Start-->
<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>
<script src='http://my-project-favicon.googlecode.com/files/relatedposts.js.txt' type='text/javascript'/>
</b:if>
<!--Related Posts saungjiwa2012.blogspot.com Styles End-->
- Jangan disimpan dulu template sobat.
- 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 saungjiwa2012.blogspot.com Styles Start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=12"' type='text/javascript'/></b:if></b:loop>
<h3><b>Related Posts</b></h3>
<script type='text/javascript'>
var currentposturl="<data:post.url/>";
var maxresults=10;
var relatedpoststitle="";
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='https://saungjiwa2012.blogspot.com/' style='display:none;'></a>
</b:if>
</b:if>
<!--Related Posts Related Posts saungjiwa2012.blogspot.com Styles End-->
- Kode yang berwarna Orange bisa sobat ganti dengan kata-kata sobat sendiri apakah Artikel Terkait / Related Post.
- Kode yang berwarna Merah adalah kode banyaknya artikel terkait yang akan di tampilkan di blog sobat, jadi modifikasikan sesuai dengan keinginan dan kebutuhan sobat.
- Kode yang berwarna Biru sobat ganti dengan alamat URL blog sobat.
- Kemudian Simpan Template dan lihat hasilnya.
Discl:
Blog ini berisi Artikel yang merupakan artikel dari Tahun 2013 lalu, namun dalam prakteknya masih dapat digunakan ataupun bisa juga tidak dapat digunakan pada era jaman sekarang Setelah di Perbaharui Kembali. Kalau teman teman blogger penasaran trik dan tips jadul ini, silahkan dicoba.
- Khusus Artikel Game dan Aplikasi, untuk link unduhan/download akan saya perbaharui sesuai yang disarankan oleh peraturan T.O.S Google tahun ini. Dan juga bisa saya link-kan pada situs lain (bisa situs resmi atau situs yang menyediakan) yang berhubungan dengan artikel tersebut. Terimakasih.
- Gambar diambil dari mana saja saat itu.
Demikianlah artikel saya tentang "Cara Memasang Artikel Related Post Dibawah Postingan Dengan Gambar " Semoga dapat diambil manfaatnya untuk para pengguna blogger semuanya. Akhir kata saya ucapkan terimakasih telah berkunjung ke Saungjiwa Blog ini, semoga teman teman semua dapat berkreasi dengan tutorial yang saya tampilkan. 🙏
Berkomentarlah dengan Sopan, Sara, SPAM akan dihapus...