CikSukan
Blogger Moderator

- Messages
- 9,941
- Joined
- Aug 19, 2006
- Messages
- 9,941
- Reaction score
- 580
- Points
- 111
ada 2 bende lagi aku nak add kat blogspot ni.
maybe template aku ni pelik skit...
sape2 sudi, leh watkan aku (read more & related post) tak?
Tutorial Buat Sendiri Try and Error wat Read more & related post
Tu namanya Read More atau istilah lain dikenali sebagai expandable post summaries.
OK untuk buat blog awak jadi camtu ada dah link belajar benda ni di page 1.
Apapun ni ada satu blog ajar awak conform boleh pandai siap dengan gambar screen shot untuk anda TIRU.
Read More
Harap membantu anda KH![]()
Create Related Article atau Post - ini ialah tutorialnyer..
Step 1 : First of all add the below code just before (above) </head> .
<style>
#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#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 : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}
</style>
<script src='http://technotrixdebajyoti.googlepages.com/RelatedPostsByRealtrix.co.cc.js' type='text/javascript'/>
Now Save your template.
Step 2 : Now look for <p><data
Now add the code given below, just beneath <p><data
<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data
<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>
Credit to Mohamed Rias
Last edited: