UPDATE!! Sebelumnya aku nak mintak maaf sebab banyak dah orang cuba tutorial ni dan complain tak menjadi. Jadi aku dah update code di bawah ini dan ini adalah 100 peratus berjaya sebab aku sendiri guna kode di bawah ini.
Okay, sekarang kan ramai sedia maklum pasal linkwithin widget kan ? and now aku just nak bagi option kat korang bagi nampak blog korang tuh official sikit .. try guna widget .. smart ! firstly :
<!--Related Posts Start-->
<style>
#related-posts {
float : left;
width:580px;
margin-top:0px;
margin-left : 5px;
font : 10px Verdana;
padding:5px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 12px;
text-decoration : none;
}
#related-posts a:hover {
color : #0080ff;
text-decoration : none;
}
#related-posts ul {
list-style:none;
padding:0px !important;
}
#related-posts ul li {
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_EqQWcZ-xlk0edHUb9rUENlF-o9dP4Wy_Smfo60_g0Vxt-JWfQta6y7YZ2KKFJpYR70lIAKiUQcFcZeRKV_v-vFP0QDoxBJz7JYi9TmKh_DL3GqeET0JVeM82LGHU1JaBuc2mwzgYSZ8/s400/255.gif) no-repeat scroll 0px 6px; margin: 0.3em 0 !important; padding: 0 0 0.8em 20px; line-height : 2em; border-bottom:1px dotted #cccccc;
}
#related-posts ul li:hover{
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhNoVof8cb_RFxxUDbQ-jlcHD5yQ74d54mb1bS0Emrg_gui20sNM_mv4cT_lbSpr9LNSV7CowA5hQAQ1AMKivuyPF-QwB7XIiewFZc8NS4s22heTA9OglWmTfUuiEbhXfm7GRiwie9nvjE/s400/251.gif) no-repeat scroll 0px 6px !important;
}
</style>
<!--Related Posts js Start-->
<script src='http://broblogger-net.googlecode.com/files/related%20post%20widget.js' type='text/javascript'/>
<!--Related Posts js Stop-->
<!--Related Posts End-->
Lepas tu, korang search <data:post.body/> .. Kalau korang jumpa ada lebih dari satu tag macam tu, pastekan code yang ada kat bawah ni selepas tag yang terakhir. Faham tak?
Begini, contoh kalau korang jumpa 3 tag <data:post.body/> tu, pilih tag yang ketiga dan paste selepas tag yang ketiga tu. Kadang sesetengah blog punya macam ni <div class='post-body> .. dan copy this one pulak selepas tag tuh ..
<!--related code start-->
<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>
<font color='#000000' face='Georgia' size='2'><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 != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>
<!--related code end-->
ARAHAN PENTING : Blog aku ni menggunakan sistem backlink secara automatik, jadi sila delete perkataan seperti ini :
teruskan membaca : http://www.broblogger.net/2011/09/tutorial-cara-nak-letak-related-post.html ixzz2PleFFG00 Under Creative Commons License: Attribution
save and done ! tengok dulu ade error ke tak. Kalau tak boleh jugak, boleh komen kat bawah ni. Nanti aku cuba tolong macamana. Sharing is caring! :D
ericoanaci20 September, 2011
