Membuat Related Post pada Blogger

Posting ini adalah tentang hack indah untuk menampilkan link ke posting terkait di bawah setiap posting blog Anda. Artikel-artikel terkait dipilih dari posting lain dalam kategori yang sama / label / tag. Dengan hack ini banyak dari pembaca Anda akan tetap di situs Anda untuk waktu yang cukup lama ketika mereka melihat posting terkait kepentingan.

Bagaimana menambahkan Widget Related Posts untuk Blog Anda?

1. Pergi ke Layout> Edit HTML di Dashboard Blogger Anda.


2. Back up Template Anda yang sudah ada sebelum membuat perubahan!


3. Pastikan untuk memeriksa "Expand Template Widget" kotak.


4. Cari tag </ head>.


5. Tambahkan kode berikut sebelum tag </ head>.
   

   <style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 11px Verdana; margin-bottom:10px; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEga7elt1SGeB0hTopn1Ld7QgLbsbAvxm8AREOdL5PCj5sMXicRPgPSQURrHUSYZSlzBte0SSK-bcVR2oRR26RJUIocSuMft3GJ1PmNfk4O0TR0edwwsoqCxc3qce7bSZ4TWya13FF0-6kU/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='https://sites.google.com/site/kuraigawadatabase/files/new_related_posts_hack.js' type='text/javascript'/>



6. Sekarang mencari <data:post.body/>.
   Dalam beberapa template kode ini mungkin terlihat seperti ini
   <div class='post-body> atau <data:post.body/> 


7. Tambahkan berikut kode persis di bawah kode tadi.
   

   <b:if cond='data:blog.pageType == "item"'>
   <div id="related-posts">
   <font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><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&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
   <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
   </script>
   </div></b:if>



8. Sekarang Simpan Template dan selesai!

Kustomisasi

Untuk mengubah jumlah maksimum posting terkait yang ditampilkan untuk setiap pencarian, label untuk kode di bawah ini (dalam kode yang diberikan dalam langkah 7) dan mengubah nomor "5" ke nomor yang diinginkan.

max-results=5

Tweet