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

3 ulasan

Unknown berkata...

ok makasih atas info yang sangat berguna ini. semoga berguna juga bagi yang lain. Amin...salam persahabatan blogger dan ditunggu kunjungan baliknya. makasih atas infonya dan mahesa (makin hebat saja) buat blog ini. keep spirits and do the best

fyna berkata...

waaaa..manyak bagus ini tuto..

AbgferOz berkata...

blogonol : thanks bro.. amin..

sis fyna : heee.. thanks yeah

Dikuasakan oleh Blogger.