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 sebab ada beberapa pengunjung yang mengharapkan biar artikel perihal 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 potongan bawah postingan anda, silahkan ikuti tutorialnya berikut ini. Baca satu persatu biar 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 isyarat </head>
5. Copy dan paste isyarat berikut ini sebelum isyarat </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="http://3.bp.blogspot.com/-PpjfsStySz0/UF91FE7rxfI/AAAAAAAACl8/092MmUHSFQ0/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 isyarat "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 isyarat <b:if cond='data:blog.pageType == "item"'> jikalau ingin artikel terkait akan muncul juga di home page blog anda.
Setelah copy dan paste isyarat di atas, kini lanjutkan dengan mencari isyarat
<div class="post-footer">. Setelah menemukan, silahkan copy dan paste isyarat berikut di atas isyarat <div class="post-footer">
<!-- Artikel Terkait potongan 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='http://3.bp.blogspot.com/-K65p5zLLKQk/T3ObCINoP7I/AAAAAAAABmI/dF84-alnOu4/s1600/best+blogger+tips.png'/></a> </b:if></b:if> <!-- Artikel Terkait potongan 2 Thumbnails akhir-->
7. Ubah angka Max-results=5, anda dapat mengubahnya menjadi 4 atau 6 atau sesuai dengan thems blog anda. Hapus juga isyarat
8. Langkah terakhir yakni simpan perubahan template anda dan lihat hasilnya.
Posting Komentar untuk "Membuat Artikel Terkait Thumbnail Untuk Blogspot"