Tutorial Related Posts

Tutorial Related Posts

Tutorial ini berfungsi bagi menambah bilangan

pageview setiap entry anda..

related post ini akan keluar di setiap entry anda..

Jangan Lupa Untuk Download Templates Asal

utk mengelakkan templates anda rosak

1. login --> dashboard --> design --> edit html

2. klik pada Expand Widget Templates

 3. cari (ctrl+f) ]]></b:skin>    
dan paste code html dibawah ini selepas /skin

<!--Related Posts Scripts and Styles Start-->
<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;

}
<!-- Font saiz untuk tajuk Related Post -->
#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/AVvXsEj-x5XfJypvK2Mqh3fFOR5zDt1abNhR6cDCwchmJ22OQcRflWrpsmg2-hLZXraMqDY1TBHsEtc0yAT_yg52HbPzIRrORxCtJCwSKukgpSRBBYg_pS8yBm4vjQU1pkRzsM1fFVoPu2MM12c/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://blogergadgets.googlecode.com/files/related-posts-for-blogger.js' type='text/javascript'/>

</b:if>
<!--Related Posts Scripts and Styles End-->

4. Cari <data:post.body/>
dan paste code html dibawah ini selepas post.body


<!-- Related Posts Code Start-->

<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>

<script type='text/javascript'>
var maxresults=5;
removeRelatedDuplicates(); printRelatedLabels(&quot;<data:post.url/>&quot;);
</script>
</div>

</b:if>
<!-- Related Posts Code End-->

5. Save Templates and view

SELAMAT MENCUBA