Tutorial : Letak Related Post blog

Tutorial : Letak Related Post blog:

Salam dan selamat berpuasa semua....hari ni saya nak share dengan korang macammana nak letak widget related post dalam blog. Contoh related post adalah seperti dalam gambar di bawah yang terdapat di blog LEPAK.





Untuk pengetahuan, related post ni tak sama dengan linkwithin yang biasa kita letak dalam blog sebab dalam widget related post ni, post2 yang terpilih ialah post-post yang sama labels. Linkwithin pula akan pilih random post yang ada relate dengan post. Related post ni akan cari semua perkataan yang mempunyai label yang sama. (Ayat sedikit terbelit....huhuhu).

4. Cari code berikut dengan CTRL + F
  <data:post.body/> atau  <div class='post-body>



5. Kemudian copy code ini, dan paste selepas kod yang korang cari macam di step 4. 
    
<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>


6. Boleh ubah max-result=5 ikut kesesuaian.

7. Save dan Preview.



Sumber:

LEPAK the place u should be