- Find a menu Layout - Edit HTML in your blog Dashboard.
- Back up your template before changing the template HTML to keep the template can be returned if there is a mistake! Click Download Full Template.
- Do not forget to check (tick) "Expand Widget Templates".
- Find the code </ head>
- Add the following code just before </ 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 { font-size : 20px; font-weight : normal; margin : 5px
7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; }
#related-posts a:hover { text-decoration : none; } #related-posts ul {
border : medium none; margin : 10px; padding : 0; } #related-posts ul li
{ display : block; background :
url("https://sites.google.com/site/rhakateza/rss.png") no-repeat 0 0;
margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px;
padding-left : 21px; margin-bottom : 5px; line-height : 2em;
border-bottom:1px dotted #cccccc; } </style> <script
src='http://related-post-untuk-blogger.googlecode.com/files/Related_posts.js'
type='text/javascript'/>
- Now look <data:post.body/>. or on some commonly used template <div class='post-body> or <data:post.body/>
- Add the following code under the code you are looking for above:
<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: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>
- Now save the template and we're done adding related post widget in blogspot.
- Addendum: To change the number of posts which appear in the Related Posts, max-fox numbers result in step 7 with the number of posts you want, for example: max-result=7
»
0 komentar:
Post a Comment