അനുബന്ധ പോസ്റ്റുകള്‍ ബ്ലോഗില്‍.........

നിങ്ങളുടെ ബ്ലോഗ്‌ വായനക്കാര്‍ ഒരു പോസ്റ്റ്‌ വായിക്കുമ്പോള്‍ അതിനോട് ബന്ധപ്പെട്ട മറ്റു പോസ്റ്റുകളും അവര്‍ക്ക് കാണാന്‍ കഴിഞ്ഞാല്‍ അത് നിങ്ങളുടെ പോസ്റ്റുകള്‍ക്ക്‌ നിങ്ങള്‍ തന്നെ നല്‍കുന്ന ഒരു ചിലവുമില്ലാത്ത ഒരു പബ്ലിസിറ്റി ആയിരിക്കും.

                                  
എന്താ പടം കണ്ടിട്ട് ഇഷ്ടമായ ലക്ഷണം ഉണ്ടല്ലോ....
ഇത് വേണമെങ്കില്‍ ഞാന്‍ സഹായിക്കാം നിങ്ങളെ...

1. Go to Layout >Edit HTML in your Blogger Dashboard.
2. Back up your existing Template before making any changes!
3. Make sure to check the "Expand Widget Templates" box.
4. Search for the </head> tag.(ctrl +F ഉപയോഗിക്കുക)
5. Add the following code just before the </head> tag.

<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/AVvXsEi0s3nUzPUhQ4wzRwpVrGv53tWgYkff0Q2DkwB_aFAV-Gev94AFwDaUv7JbVa1dNXGVdd3iCywI7HsHLYLSGltVQAdmR4k053_Wbe34fvOKOIfTvLzjam7n1m5nA8jDa8-JbFY_UXdnkms/") 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='https://sites.google.com/site/widgetsforfree/scripts/Related_posts_hack.js' type='text/javascript'/>

ഇനി <data:post.body/> എന്ന ടാഗ് തിരഞ്ഞു നോക്കൂ... ചിലയിടത്ത് ഇത്

 <div class='post-body> എന്നായിരിക്കും കാണുക... ഒന്ന് കണ്ടില്ലെങ്കില്‍ മറ്റേതു തിരയുക..... ഇനി അടുത്ത പടിയിലേക്ക് കടക്കാന്‍ സമയമായി. കണ്ടുപിടിച്ച ടാഗിന് തൊട്ടു താഴെയായി താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ചേര്‍ക്കുക....

<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>

ഇനി ടെമ്പ്ലേറ്റ് സേവ് ചെയ്തോളൂ... എല്ലാം ശുഭമാകും.......