Cara Nak buat Related Post Pada Blog

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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjDVMC3quKaWwpTyP5BTVbyrO4fvCN65wp5RoF1VG_Q-fp7Ue2l6wr-XLQzhalPsujKnnndlho7C6BDOBn23yFOVBvWwBW84osckWZpc5xlLoxfqOQ03_gYUXEBotJcbSP5OIkMRcVPBDw/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

7 Comments

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

Post a Comment

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

Previous Post Next Post