How To Make a Related Post on Blogspot

Prior to step tutorial how to make a related post I should first explain what it is related post, ok maybe if you are a long-known bloggers would you already know what he meant, I only had it for peer review colleagues who know and know not related post, ok related post is usually related articles based on Category, it is basic and seo techniques and the bloggers had already been tau function and usefulness. than I am mending strings attached directly to the scene.

Steps following steps:

• Go to Layout >Edit HTML in your Blogger Dashboard.
• Back up your existing Template before making any changes!
• Make sure to check the "Expand Widget Templates" box.
• Search for the </head> tag.
• Add the following code just before the </head> tag. Clik Here For Code
or copy below
<br /> <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://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsiGFWeW0AuTolw_e_6SDfZJi5cgCmphUcCPpkuVWVTQcttTpmVY_su_Ifab0zsYuiI4FvhWybklH449gRDyodSCWigFN1XprYtFSLfMNQQ-p3Xb_ny8pyZlQ-suSfOqJJ1d9jhkcNmMU/") 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://sites.google.com/site/bloggerwidgetinc/relatedpostbloggerwidget.js' type='text/javascript'/>
• Now search for . In some of the templates this code may look like this
• Add the following code just beneath the code you just searched for. Clik Here For Code
Or Copy code below
<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 != &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=5&quot;' type='text/javascript'/></b:if></b:loop> </font> <script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels(); </script> </div></b:if>
• Now Save your Template and you're done!
• Enjoy Blogging

About the Author

I'm Hung Duy, the founder of Xml Blogger Templates (XBT). I'm a freelance writer on topics related to Website Optimization (SEO), blogger customizations and making money online. I'm blogging since 2006 and I'm currently a guest blogger on Blogging With Success.
Follow Me on Twitter or On Facebook

Visit xmlbloggertemplates.com for more Blogger Templates

Widget

• Cara Membuat Popular Post Dengan Animasi
• Menyisipkan Twitter Melayang Di Blogspot
• Cara Membuat Whos Amung Di Blospot
• How To Add Automatically Link To This Post Widget To Blogger
• Two Latest Gadgets From Blogger
• How to Display The Recent Post By Category
• How to Insert Share Buttons On Blogspot
• How to Create A Site Map On Blogspot
• Create Animated Banner In Online
• How to Create a Slide Panel On Blogger
• How to Create Tabbed Widget In Blogger
• Add Google Buzz Button To Blogger
• Create Twitter Widgets And Buttons In Twitter Goodies
• Web Site Photo Editing Online
• How To Insert a Service Ping In Your Blog
• Add Alexa Widget To Blog/Website
• How To Make Block all Text
• How to Make a Tag Cloud Version Blogspot

Posted in: Widget