[Update] How to Add Related post in Blogger Blog

why to add  related post widget

 you should add this help user
you communicate with your blog easy and 
increase your page views and so that if you have

put any ads in your blog you get more page views.
so this is very useful thing for blogger. you can 
add some effects and action also , too much
effect make your  blog heavy and it is not good.
it is advised that use simple and to the point.
but choice is yours..

this is how your  related post widget looks in your
blog . it is very simple to add in blogger.

how to add blogger related post widget

blogger let you to add related post widget
in template.

step1: fist login to blogger and select your blog

and then go to template and edit html  

step2 : click any where inside template code area press

 ctrl+f and search box appear search for </head>  as you
see below

</head>

step3: now you have  copy code given below and 
paste before </head> .


<b:if cond='data:blog.pageType == "item"'><style type='text/css'>#related-posts { margin: 15px 5px; } #related-posts h2 { font-size: 27px; font-weight: normal; color: #fff; text-shadow: 1px 0px 2px #888; margin-bottom: 0.75em; } #related-posts a { font-size: 13px; color: #888; text-transform: capitalize; } #related-posts a:hover { text-decoration: none; color: #555; } #related-posts ul { list-style-type: none; margin: 0 0 0px 0; padding: 0px; text-decoration: none; color: #000000; } #related-posts ul { list-style-type: none; background: #f9f9f9; border-left: 5px solid #f2f2f2; } #related-posts li { padding: 10px; line-height: 1.4; border-bottom: 1px dotted #E2E2E2; } #related-posts li:hover { background: #F4F4F4; } </style><script type='text/javascript'>var relatedpoststitle="Related Posts"; </script><script src='http://helplogger.googlecode.com/svn/trunk/related_posts.js' type='text/javascript'/></b:if>

and  then save template . visit you blog and
open a page , you see it  the related post  
widget appear .

Share this post