Membuat Artikel Terkait Thumbnail Untuk Blogspot

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 yaitu 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 hidangan Template
3. Klik Edit HTML dan centang pada goresan pena Expand Widgets Template
4. Cari aba-aba </head>
5. Copy dan paste aba-aba berikut ini sebelum aba-aba </head>

<!-- Artikel Terkait thumbnails Blogger Blogspot Awal --> <!-- remove --><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: 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=&quot;http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/s1600/no_image.jpg&quot;; var maxresults=5; var splittercolor=&quot;#DDDDDD&quot;; var relatedpoststitle=&quot;Related Posts&quot;; </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 aba-aba "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 aba-aba <b:if cond='data:blog.pageType == &quot;item&quot;'> kalau ingin artikel terkait akan muncul juga di home page blog anda.

Setelah copy dan paste aba-aba di atas, kini lanjutkan dengan mencari aba-aba
<div class="post-footer">. Setelah menemukan, silahkan copy dan paste aba-aba berikut di atas aba-aba <div class="post-footer">

<!-- Artikel Terkait bab 2 Thumbnails awal --> <!-- 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=5&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> <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='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/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 aba-aba kalau ingin artikel terkait akan muncul juga di home page blog anda.

8. Langkah terakhir yaitu simpan perubahan template anda dan lihat hasilnya.