Membuat Artikel Terkait Thumbnail Untuk Blogspot - Cara menciptakan artikel terkait thumbnail di blogspot ini sudah banyak blogger yang menulis di blog mereka, namun juga menulis artikel ini alasannya ada beberapa pengunjung yang mengharapkan semoga artikel ihwal cara menciptakan artikel terkait atau bahasa Inggrisnya Realated Post ini diposting juga di blog Belajar Komputer dan Internet terbaik ini.
Bagi anda yang mau mempraktekkan menempatkan artikel terkait bab bawah postingan anda, silahkan ikuti tutorialnya berikut ini. Baca satu persatu semoga anda tidak salah dalam praktek cara menciptakan artikel terkait untuk blogger atau blogspot ini.
1. Login ke dashboard blogger anda
2. Klik sajian Template
3. Klik Edit HTML dan centang pada goresan pena Expand Widgets Template
4. Cari arahan </head>
5. Copy dan paste arahan berikut ini sebelum arahan </head>
<!-- Artikel Terkait thumbnails Blogger Blogspot Awal --> <!-- 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: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihm8nmVuSF2dfk4TwYPRI1xIfhC9rA51hpBme0hpkCIzk-BKfAFdvC74mPMbYLa2Y0OZOk3EiMjHiEU4lcNdDkQkFmjf-eL8XTTpVJSz19FD6nQnO37fUWLNuKaNoMpcqiZuA73uMK7szQ/s1600/no_image.jpg"; var maxresults=5; var splittercolor="#DDDDDD"; var relatedpoststitle="Related Posts"; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if> <!-- Artikel Terkait thumbnails Blogger Blogspot Akhir -->
6. Perhatikan arahan "var maxresult=5" itu menyatakan bahwa ada 5 artikel terkait yang akan ditampilkan, silahkan mengubah jumlah artikel terkait yang tampil sesuaikan dengan template blog anda. Hapus arahan <b:if cond='data:blog.pageType == "item"'> kalau ingin artikel terkait akan muncul juga di home page blog anda.
Setelah copy dan paste arahan di atas, kini lanjutkan dengan mencari arahan
<div class="post-footer">. Setelah menemukan, silahkan copy dan paste arahan berikut di atas arahan <div class="post-footer">
<!-- Artikel Terkait bab 2 Thumbnails awal --> <!-- remove --><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> <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=5"' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script> </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='http://helplogger.blogspot.com'><img alt='Blogger Tricks' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGmVrK_Gj6pn_MxJjaR_feBa7LpQwmTmZMbT_5dk-pgVHupkgjXMGw4aQzNBDf7pWrtxApyMLyMRURzW4YUOWbPVHQ0UhKNQIN80GINP_EFVTy_wdWhN_LmVm3JRHtlQXPfyZiTqHRpMbE/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Artikel Terkait bab 2 Thumbnails akhir-->
7. Ubah angka Max-results=5, anda dapat mengubahnya menjadi 4 atau 6 atau sesuai dengan thems blog anda. Hapus juga arahan
8. Langkah terakhir ialah simpan perubahan template anda dan lihat hasilnya.
