Cara Nak buat Related Post Pada Blog

by - Friday, July 06, 2012

Nampak tak related post pada bawah entry ini? ok, tutorial ini di request oleh kelantaner.blogspot.com sorry sebab lewat buat..sha ada hal, but tetap akan buat..hehe..hope kamu faham ya..

Open Dashboard > Design > HTML > Tick Expande widget template 

Step 1. Cari kod  </head>
Step 2. Kemudian Gantikan dengan kod bawah
<!--Related Posts Scripts and Styles Start--><!--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 .widget{padding-left:6px;margin-bottom:10px; }#related-posts .widget h2, #related-posts h2{font-size: 1.6em;font-weight: bold;color: black;font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;margin-bottom: 0.75em;margin-top: 0em;padding-top: 0em;}#related-posts a{color:blue;}#related-posts a:hover{color:blue;}#related-posts ul{list-style-type:none;margin:0 0 0px 0;padding:0px;text-decoration:bold;font-size:15px;text-color:#000000}#related-posts ul li{background:transparent url(http://2.bp.blogspot.com/_u4gySN2ZgqE/SnZhv_C6bTI/AAAAAAAAAl4/Rozt7UhvgOo/s200/greentickbullet.png) no-repeat ;display:block;list-style-type:none;margin-bottom: 13px;padding-left: 30px;padding-top:0px;}</style> <script type='text/javascript'>var relatedpoststitle="Related Posts";</script><script src='http://bloggergadgets.googlecode.com/files/related_posts_min.js' type='text/javascript'/> <!--Remove--></b:if><!--Related Posts Scripts and Styles End--></head>

**Kalau nak tukarkan ayat pada Related post ~> var relatedpoststitle="Related Posts"; 
Step 3. Kemudian cari kod dibawah 
<div class='post-footer-line post-footer-line-1'>
Step 4. Copy kod ini
<!-- Related Posts Code Start--><!--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><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=6&quot;' type='text/javascript'/></b:if></b:loop><a href='http://www.bloggerplugins.org/2009/08/related-posts-for-blogger-widget.html'><img style="border: 0" alt="Related Posts Widget for Blogger" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><script type='text/javascript'>var maxresults=5;removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);</script></div><!--Remove--></b:if><!-- Related Posts Code End-->
Step 5. Pastekan dibawah ayat tadi
**Kalau nak ubah bilangan post yang akan displayed ~> var maxresults=5;
Preview dulu, kalau takda salah means anda berjaya..yeah!!

Kalau blurr boleh tanya sha ok !! selamat mencuba

You May Also Like

7 Comments

  1. Wah Rajinnya wat tutor... Salam perkenalan..

    ReplyDelete
  2. Rajin nyer sha..akak yg bce ni pun dah berpinar tengok kod

    ReplyDelete
  3. terima kasih Sha.. akak akan cuba nanti.. :)

    ReplyDelete
  4. thanx for helping...insha allah akan buat sampai jadi

    ReplyDelete

Assalamualaikum..terima kasih sebab singgah, komen yang baik2 ja tau !! nanti sha singgah blog korang..In Sha Allah :)