tag:blogger.com,1999:blog-58251179168829864022024-03-13T20:12:44.818-07:00Blogger BlogSpot Tips & Tricks For YouAnonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-5825117916882986402.post-9500719558134938462012-09-24T04:22:00.000-07:002012-09-24T04:25:15.755-07:00How to add Scrollbar within the Blogger Post contents<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Sometimes your blog post contents or text gets too long and you wants to add some blog post paragraphs or certain lines of text into the ScrollBox. If you add the text in scrollbox, it improves the appearance of your blog post page length. </span><br />
<br />
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p>Look at the screenshot below for actual scrollbox within the post contents - </o:p></span><br />
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p>Or Click on image to see the live example. </o:p></span><br />
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="http://blogspothelp4u.blogspot.com/2012/09/floating-social-media-widget-facebook-googleplus-tweet-pinit-for-Blogger.html" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" hea="true" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjA3AGblhgDDmrVYoVz0ASVNliBOYeRhp4dkvEL12FVfQHcXo29NwzJ-leFTdtmqve9ksHvB1r8EqDBdxbzpYGnfNZ-YXPOD_x5olBVAjJc_xBGqtQaaSkRsA_jO_UNwu1RxWBlfSy0LJaf/s400/BlogSpotHelp4U-ScrollBox.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Verdana, sans-serif;">BlogSpotHelp4u - ScrollBox</span></td></tr>
</tbody></table>
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">If your blog post contains long text and you want to add scrollbar then follow below steps – <o:p></o:p></span><br />
<br />
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; tab-stops: 45.0pt; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">1)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Log in into the blogger account.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">2)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Go to you desired blog listed in dashboard.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">3)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Now Click on <b style="mso-bidi-font-weight: normal;">Template</b> which is in left pane.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">4)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on <b style="mso-bidi-font-weight: normal;">Edit HTML</b>.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">5)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on <b style="mso-bidi-font-weight: normal;">Proceed</b>.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">6)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Now find below code – <o:p></o:p></span></div>
<div style="margin-left: 45pt; text-indent: -27pt;">
<br /></div>
<div style="margin-left: 45pt; text-indent: -27pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">/* Comments<o:p></o:p></span></b></div>
<div style="margin-left: 45pt; text-indent: -27pt;">
<br /></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">7)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Just above it, paste following stylesheet code – <o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<br /></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">.blogspotHelp4u_ScrollBox {<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">height:<b style="mso-bidi-font-weight: normal;">400px</b>;<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">width:<b style="mso-bidi-font-weight: normal;">480px</b>;<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">overflow:auto;<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">}<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<br /></div>
<div style="margin-left: 45pt;">
<b style="mso-bidi-font-weight: normal;"><i style="mso-bidi-font-style: normal;"><u><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Note</span></u></i></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">: You can change the height and width of scrollbox by modifying the bolded px value in above code.<o:p></o:p></span></div>
<div style="margin-left: 45pt; text-indent: -27pt;">
<br /></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; tab-stops: 45.0pt; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">8)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Save the Template by clicking <b style="mso-bidi-font-weight: normal;">Save Template</b> button.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">9)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Now, the next step is to add actual post contents in ScrollBox. Create a new blog post or open existing post contents.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; tab-stops: 45.0pt; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">10)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on <b style="mso-bidi-font-weight: normal;">HTML</b> button. Your blog post text will be displayed in HTML format.<o:p></o:p></span></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; tab-stops: 45.0pt; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">11)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Now find the place where you want add the ScrollBox. Paste following code before the start of the contents that you want to display in ScrollBox. - <o:p></o:p></span></div>
<div style="margin-left: 45pt; tab-stops: 45.0pt;">
<br /></div>
<div style="margin-left: 45pt; tab-stops: 45.0pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><div class="blogspotHelp4u_ScrollBox"><o:p></o:p></span></b></div>
<div style="margin-left: 45pt; tab-stops: 45.0pt;">
<br /></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; tab-stops: 45.0pt; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">12)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">At the end of the post contents that you want to display in ScrollBox, paste following code. – <o:p></o:p></span></div>
<div style="margin-left: 45pt; tab-stops: 45.0pt;">
<br /></div>
<div style="margin-left: 45pt; tab-stops: 45.0pt;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"></div></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p></o:p></span></div>
<div style="tab-stops: 45.0pt;">
<br /></div>
<div style="margin-left: 45pt; mso-list: l0 level1 lfo1; text-indent: -27pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">13)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">That’s all. You have added the ScrollBox successfully in blog post. Now open your blog post and check the scrollbox appearing or not.<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<br /></div>
<div style="margin-left: 45pt;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">If you want to adjust the height and width of the ScrollBox just go to step 7 and change the height and width values as per your requirement.<o:p></o:p></span></div>
<div style="margin-left: 45pt;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.com4Viman Nagar, Pune, Maharashtra, India18.566644 73.915406918.551592 73.8956659 18.581696 73.93514789999999tag:blogger.com,1999:blog-5825117916882986402.post-11857033186222098002012-09-23T06:57:00.001-07:002012-09-24T03:42:56.302-07:00How to create floating social media widget for Blogger<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">There are so many methods available on internet; however the one that I am listing below is quite simple and more effective. <o:p></o:p></span><br />
<u1:p></u1:p><br />
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Steps – Considering you have already an account on <strong><a href="http://www.blogger.com/">www.blogger.com<o:p></o:p></a></strong></span><br />
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">1)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Go to your blogger account. <o:p></o:p></span></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">2)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on your desired blog name from the dashboard.<o:p></o:p></span></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">3)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on Template </span><span style="font-family: Wingdings; font-size: 11pt; mso-ascii-font-family: Verdana; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-char-type: symbol; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-font-family: Verdana; mso-symbol-font-family: Wingdings;"><span style="mso-char-type: symbol; mso-symbol-font-family: Wingdings;">à</span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Edit HTML </span><span style="font-family: Wingdings; font-size: 11pt; mso-ascii-font-family: Verdana; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-char-type: symbol; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin; mso-hansi-font-family: Verdana; mso-symbol-font-family: Wingdings;"><span style="mso-char-type: symbol; mso-symbol-font-family: Wingdings;">à</span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Proceed and then tick the Expand Widget Templates.<o:p></o:p></span></div>
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">4)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Find below code.<o:p></o:p></span></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in;">
<br /></div>
<div align="center" style="margin-left: 0.25in; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><b:includable id='post' var='post'><o:p></o:p></span></b></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">5)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Paste following code just below the above code.<o:p></o:p></span></div>
<u1:p></u1:p><br />
<div class="blogspotHelp4u_ScrollBox">
<div style="background: #eeece1;">
<span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!-- Begin floating Social Media Bar blogspothelp4u.blogspot.com --></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">b</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">if</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">cond</span><span style="color: blue;">='data:blog.pageType == &quot;item&quot;'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">style</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">position</span>: <span style="color: blue;">fixed</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">bottom</span>: <span style="color: blue;">10%</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-left</span>: <span style="color: blue;">-60px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">float</span>: <span style="color: blue;">left</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">width</span>: <span style="color: blue;">60px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-color</span>: <span style="color: blue;">#f7f7f7</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">padding</span>: <span style="color: blue;">5px</span> <span style="color: blue;">0</span> <span style="color: blue;">0px</span> <span style="color: blue;">0px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">border-top</span>: <span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#ddd</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">border-left</span>: <span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#ddd</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">border-bottom</span>: <span style="color: blue;">1px</span> <span style="color: blue;">solid</span> <span style="color: blue;">#ddd</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">z-index</span>: <span style="color: blue;">9999px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">border-radius</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">-moz-border-radius</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">-webkit-border-radius</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.blogspothelp4u_side_social_button</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-bottom</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">float</span>: <span style="color: blue;">none</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">height</span>: <span style="color: blue;">auto</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">width</span>: <span style="color: blue;">60px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.st_twitter_vcount</span>, <span style="color: maroon;">.blogspothelp4u_social_floating.st_plusone_vcount</span>, <span style="color: maroon;">.st_email</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-left</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.st_fblike_vcount</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-left</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.stButton_gradient</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background</span>: <span style="color: blue;">none</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">height</span>: <span style="color: blue;">21px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">padding-left</span>: <span style="color: blue;">0</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.chicklets</span>, <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.stMainServices</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background</span>: <span style="color: blue;">url(&#39;http://blogspottips4u.googlecode.com/files/blogspothelp4u_social_media.png&#39;)</span> <span style="color: blue;">no-repeat</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">height</span>: <span style="color: blue;">19px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">width</span>: <span style="color: blue;">45px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">padding</span>: <span style="color: blue;">0</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.st_email</span> <span style="color: maroon;">.chicklets</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-position</span>: <span style="color: blue;">0</span> <span style="color: blue;">-77px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-image</span>: <span style="color: blue;">url(&#39;http://blogspottips4u.googlecode.com/files/blogspothelp4u_social_media.png&#39;)</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.st_twitter_vcount</span> <span style="color: maroon;">.st-twitter-counter</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-position</span>: <span style="color: blue;">0</span> <span style="color: blue;">-58px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.stButton_gradient</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">border</span>: <span style="color: blue;">none</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.stBubble_count</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">width</span>: <span style="color: blue;">44px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">font-size</span>: <span style="color: blue;">15px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">font-weight</span>: <span style="color: blue;">normal</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">padding-top</span>: <span style="color: blue;">7px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">height</span>: <span style="color: blue;">23px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background</span>: <span style="color: blue;">none</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.st_twitter_vcount</span> <span style="color: maroon;">.stBubble_count</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">color</span>: <span style="color: blue;">#00a6df</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-color</span>: <span style="color: blue;">#f8fbfc</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.st_fblike_vcount</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-bottom</span>: <span style="color: blue;">0px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">display</span>: <span style="color: blue;">block</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.st_twitter_vcount</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-bottom</span>: <span style="color: blue;">3px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">display</span>: <span style="color: blue;">block</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.st_email</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-bottom</span>: <span style="color: blue;">5px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">margin-top</span>: <span style="color: blue;">3px</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">display</span>: <span style="color: blue;">block</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">.blogspothelp4u_social_floating</span> <span style="color: maroon;">.stBubble</span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> {</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">background-position</span>: <span style="color: blue;">21px</span> <span style="color: blue;">31px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">height</span>: <span style="color: blue;">35px</span> <span style="color: blue;">!important</span>;</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> }</span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">style</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">class</span><span style="color: blue;">='blogspothelp4u_social_floating'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'></span> <span style="color: blue;">var</span> switchTo5x = <span style="color: blue;">true</span>;<span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">src</span><span style="color: blue;">='http://w.sharethis.com/button/buttons.js'</span> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">script</span> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'></span> stLight.options({ onhover: <span style="color: blue;">false</span> });<span style="color: blue;"></</span><span style="color: maroon;">script</span><span style="color: blue;">></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">span</span> <span style="color: red;">class</span><span style="color: blue;">='st_fblike_vcount'</span> <span style="color: red;">displaytext</span><span style="color: blue;">=''/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">span</span> <span style="color: red;">class</span><span style="color: blue;">='st_twitter_vcount'</span> <span style="color: red;">displaytext</span><span style="color: blue;">=''</span> <span style="color: red;">st_via</span><span style="color: blue;">='a1ashiish'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">style</span><span style="color: blue;">='</span><span style="color: red;">margin</span><span style="color: blue;">:5px 0 0px 0;'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">center</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">a</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">class</span><span style="color: blue;">='pin-it-button'</span> <span style="color: red;">count-layout</span><span style="color: blue;">='vertical'</span> <span style="color: red;">expr</span><span style="color: blue;">:</span><span style="color: red;">href</span><span style="color: blue;">='&quot;http://pinterest.com/pin/create/button/?url=&quot; + data:post.url'></span>Pin It<span style="color: blue;"></</span><span style="color: maroon;">a</span><span style="color: blue;">></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">a</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">href</span><span style="color: blue;">='javascript:void(run_pinmarklet())'</span> <span style="color: red;">style</span><span style="color: blue;">='</span><span style="color: red;">margin-left</span><span style="color: blue;">:-46px; </span><span style="color: red;">width</span><span style="color: blue;">:43px; </span><span style="color: red;">height</span><span style="color: blue;">:20px; </span><span style="color: red;">display</span><span style="color: blue;">:inline-block;'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">src</span><span style="color: blue;">='http://assets.pinterest.com/js/pinit.js'</span> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;">function</span><span style="font-family: Consolas; font-size: 9.5pt;"> run_pinmarklet() { </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;">var</span><span style="font-family: Consolas; font-size: 9.5pt;"> e=document.createElement(&#39;script&#39;); </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">e.setAttribute(&#39;type&#39;,&#39;text/javascript&#39;); </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">e.setAttribute(&#39;charset&#39;,&#39;UTF-8&#39;); </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">e.setAttribute(&#39;src&#39;,&#39;http:<span style="color: darkgreen;">//assets.pinterest.com/js/pinmarklet.js?r=&#39; + Math.random()*99999999); </span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">document.body.appendChild(e); </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">} </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"></</span><span style="color: maroon;">center</span><span style="color: blue;">></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">style</span><span style="color: blue;">='</span><span style="color: red;">margin</span><span style="color: blue;">:0px 0 0 5px;'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: blue;"><</span><span style="color: maroon;">span</span> <span style="color: red;">class</span><span style="color: blue;">='st_plusone_vcount'</span> <span style="color: red;">displaytext</span><span style="color: blue;">=''/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">class</span><span style="color: blue;">='addthis_toolbox addthis_default_style '</span> <span style="color: red;">style</span><span style="color: blue;">='</span><span style="color: red;">margin</span><span style="color: blue;">:5px 0px 5px 8px;'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">a</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">class</span><span style="color: blue;">='addthis_counter'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">src</span><span style="color: blue;">='http://s7.addthis.com/js/250/addthis_widget.js'</span> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;">var</span><span style="font-family: Consolas; font-size: 9.5pt;"> addthis_config = { </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> ui_cobrand: &quot;Blogspot Help 4 You&quot;, </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">ui_header_color: &quot;#ffffff&quot;, </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;"> ui_header_background: &quot;#0080FF&quot; </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="font-family: Consolas; font-size: 9.5pt;">} </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">span</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">class</span><span style="color: blue;">='st_email'</span> <span style="color: red;">displaytext</span><span style="color: blue;">=''/></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">p</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">style</span><span style="color: blue;">=' </span><span style="color: red;">line-height</span><span style="color: blue;">:0px; </span><span style="color: red;">font-size</span><span style="color: blue;">:10px; </span><span style="color: red;">font-weight</span><span style="color: blue;">:bold; </span><span style="color: red;">text-align</span><span style="color: blue;">:center;'></span></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">a</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">href</span><span style="color: blue;">='http://blogspothelp4u.blogspot.com/2012/09/floating-social-media-widget-facebook-googleplus-tweet-pinit-for-Blogger.html'</span> <span style="color: red;">style</span><span style="color: blue;">='</span><span style="color: red;">color</span><span style="color: blue;">:#CAC8C8;'></span>Widget4u<span style="color: blue;"></</span><span style="color: maroon;">a</span><span style="color: blue;">></</span><span style="color: maroon;">p</span><span style="color: blue;">></span> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"> </span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">b</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">:</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">if</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><o:p></o:p></div>
<u1:p></u1:p><br />
<div style="background: #eeece1;">
<span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!-- End floating Social Media Bar - blogspothelp4u.blogspot.com --></span><o:p></o:p></div>
<u1:p></u1:p></div>
<br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">6)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;">Above code is customized for my tweeter id, just replace </span><b><span style="background: aqua; color: blue; font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Consolas; mso-highlight: aqua;">a1ashiish</span></b><b><span style="color: blue; font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Consolas;"> </span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;">with your tweeter name.</span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt;"><o:p></o:p></span></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">7)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;">Now save the template by clicking on <b>Save Template</b>.</span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt;"><o:p></o:p></span></div>
<u1:p></u1:p><br />
<div style="margin-left: 0.25in; mso-list: l0 level1 lfo1; text-indent: -0.25in;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">8)<span style="font: 7pt 'Times New Roman';"> </span></span></span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;">Just check your blog. </span><span style="font-family: Wingdings; font-size: 11pt; mso-ascii-font-family: Verdana; mso-bidi-font-family: Mangal; mso-char-type: symbol; mso-hansi-font-family: Verdana; mso-symbol-font-family: Wingdings;"><span style="mso-char-type: symbol; mso-symbol-font-family: Wingdings;">J</span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;"> </span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt;"><o:p></o:p></span></div>
<u1:p></u1:p><br />
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Mangal;">The original widget has been designed by <a href="http://www.mybloggertricks.com/"><span style="color: blue;">MBT</span></a>. I have just enhanced the code. </span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt;"><o:p></o:p></span><br />
<u1:p></u1:p><br />
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.com0Anand Vidya Niketan High School Rd, Clover Park, Sakore Nagar, Pune, Maharashtra, India18.566644 73.915406918.551592 73.8956659 18.581696 73.93514789999999tag:blogger.com,1999:blog-5825117916882986402.post-58820772654072760282012-09-18T08:15:00.000-07:002012-09-18T08:15:30.834-07:00How to make Blogger Title Centered of the Page<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<span style="font-family: 'Verdana','sans-serif';">Do you know how to make your blogger blog title and Description middle of the page? </span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<span style="font-family: 'Verdana','sans-serif';">Following steps will guide you on how to make blogspot blog title and blog description center aligned.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">1)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Login into your <b style="mso-bidi-font-weight: normal;"><u><a href="http://www.blogger.com/">blogger</a></u></b> account.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">2)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Click on your desired blog name.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">3)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Click on Template. (See below image to understand steps 3, 4 and 5)<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">4)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Click on Edit HTML.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">5)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Click on Proceed. <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<span style="font-family: 'Verdana','sans-serif';">Steps 3, 4 and 5 are given in below screenshot.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMERgc3ii2Yt9NluHMPFtaNlJY_tkUWyRZWMCwMWj8NehuFEGRDjcoH7sIGRXkGgkO8T6dXneBCunCdDrm2nOrCE5v_Bz3Hg9SZqhQXszj9pSSkQqaSnPjPxtLkuMGGdACSiJor1LYnGrp/s1600/BlogSpotHelp4U-BlogTitleCenter-Image1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" hea="true" height="280" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMERgc3ii2Yt9NluHMPFtaNlJY_tkUWyRZWMCwMWj8NehuFEGRDjcoH7sIGRXkGgkO8T6dXneBCunCdDrm2nOrCE5v_Bz3Hg9SZqhQXszj9pSSkQqaSnPjPxtLkuMGGdACSiJor1LYnGrp/s320/BlogSpotHelp4U-BlogTitleCenter-Image1.jpg" width="320" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;"><span style="font-family: Verdana, sans-serif;">BlogSpotHelp4U.BlogSpot.com - Center align the Blog Title</span></td></tr>
</tbody></table>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">6)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Now in opened HTML code window search following text. <o:p></o:p></span></div>
<div align="center" class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif';">.Header h1 {<o:p></o:p></span></b></div>
<div align="center" class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; text-align: center;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">7)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Just below the <b style="mso-bidi-font-weight: normal;">{</b> paste following code.<o:p></o:p></span></div>
<div align="center" class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif';">text-align: <span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">center</span>;<o:p></o:p></span></b></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<span style="font-family: 'Verdana','sans-serif';">It will make your Blog Title in center/middle of the page.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">8)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Now if you also want to make blog Description in center of the page then search following text.<o:p></o:p></span></div>
<div align="center" class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif';">.Header .description {<o:p></o:p></span></b></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">9)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Now put following code just below the <b style="mso-bidi-font-weight: normal;">{</b><o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div align="center" class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; text-align: center;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif';">text-align: <span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">center</span>;<o:p></o:p></span></b></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in;">
<span style="font-family: 'Verdana','sans-serif';">Note:<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 1in; mso-list: l0 level1 lfo2; text-indent: -0.5in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">i)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">If you want to display your blog title or description in left then replace <b style="mso-bidi-font-weight: normal;"><span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">center </span></b>with <b style="mso-bidi-font-weight: normal;"><span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">left.</span></b><o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 1in; mso-list: l0 level1 lfo2; text-indent: -0.5in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">ii)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">If you want to display your blog title or description in left then replace <b style="mso-bidi-font-weight: normal;"><span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">center </span></b>with <b style="mso-bidi-font-weight: normal;"><span style="color: #558ed5; mso-style-textfill-fill-alpha: 100.0%; mso-style-textfill-fill-color: #558ED5; mso-style-textfill-fill-colortransforms: 'lumm=60000 lumo=40000'; mso-style-textfill-fill-themecolor: text2; mso-themecolor: text2; mso-themetint: 153;">right. </span></b><o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 1in;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">10)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Save the template. And you are done. </span></div>
</div>
Anonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.com7Viman Nagar, Pune, Maharashtra, India18.566644 73.915406918.551592 73.8956659 18.581696 73.93514789999999tag:blogger.com,1999:blog-5825117916882986402.post-76808655783078698392012-09-16T00:03:00.000-07:002012-09-24T05:43:42.513-07:00Free Project and File Hosting on GoogleCode<div dir="ltr" style="text-align: left;" trbidi="on">
<span style="font-family: 'Verdana','sans-serif';"><div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<span style="font-family: 'Verdana','sans-serif';">There are time comes when you want to upload some files for your blogger blogs. The files might be some javascripts, or images, etc. As blogger.com itself doesn't allow uploading of files other than images, you would need some other free file hosting service providers. There are so many free file/project hosting service providers are available on internet. But GoogleCode is my preferred free file hosting service provider. <o:p></o:p></span></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt;">
<br /></div>
<div class="MsoNoSpacing" style="margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">1)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">Log in into your <span class="MsoHyperlink"><b style="mso-bidi-font-weight: normal;"><a href="http://code.google.com/"><span style="color: blue;">Google code</span></a></b></span> account with your Gmail id.<o:p></o:p></span></div>
<div class="MsoNoSpacing" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">2)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif';">On successful login following screen would appear – </span></div>
<div class="MsoNoSpacing" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin: 0in 0in 0pt 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<br /></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC2eg1-dHnEWFeHKKE_nU4x_0hDn3t_1xa32RyNmUkGqlHkF255hYnonN-n1CKM88rbtipBzSMwZcNVUX85O3imjlEYGir57EIn-4AUQs_xU18BLyrlf7RuMrjZZbhMQHW-XAII93uHC4r/s1600/Blogspottips_Image_1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="161" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhC2eg1-dHnEWFeHKKE_nU4x_0hDn3t_1xa32RyNmUkGqlHkF255hYnonN-n1CKM88rbtipBzSMwZcNVUX85O3imjlEYGir57EIn-4AUQs_xU18BLyrlf7RuMrjZZbhMQHW-XAII93uHC4r/s400/Blogspottips_Image_1.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - googleCode DashBoard<span style="font-family: Mangal, serif; font-size: 10pt; text-align: left;"> </span></td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
</div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">3)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Just fill in the details as shown in below screenshot.<o:p></o:p></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii3otl3cgcbK3PczlpAte3zNEze9YrSemL1z1MhE-4BWNL18gNyV8NoGu4BU2CDafOvMRNmlMMt1_5fwRGD9sZVPeCYNYsTYpPJDdDHd7nARal42NsntoPK9LoQAua9-RUuUFYPm4jP6mx/s1600/Blogspottips_Image_2.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="153" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii3otl3cgcbK3PczlpAte3zNEze9YrSemL1z1MhE-4BWNL18gNyV8NoGu4BU2CDafOvMRNmlMMt1_5fwRGD9sZVPeCYNYsTYpPJDdDHd7nARal42NsntoPK9LoQAua9-RUuUFYPm4jP6mx/s400/Blogspottips_Image_2.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode Project details</td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p></o:p></span></div>
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p></o:p></span><br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Project Name :</span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Name your project for ex. I have given project name as blogspottips4u<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Project Summary :</span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Enter project summary.</span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Description :</span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Enter your project description.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Version Control System : </span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Choose your preferred version control system. Google code supports 3 types of version controls systems that are –<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 2in; mso-list: l0 level1 lfo2; text-align: left; text-indent: -0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">i)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Git<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 2in; mso-list: l0 level1 lfo2; text-align: left; text-indent: -0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">ii)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Mercurial<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 2in; mso-list: l0 level1 lfo2; text-align: left; text-indent: -0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">iii)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Subversion<o:p></o:p></span></div>
<div style="margin-left: 0.5in; text-align: left;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> <o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Source Code License :</span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Choose your license code. If do not have source code license then choose “Other Open Source”.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<b style="mso-bidi-font-weight: normal;"><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Project Label(s) :</span></b><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"> Add tags to your project.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: left;">
<br /></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">4)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Once you filled all details, click on <b style="mso-bidi-font-weight: normal;"><i style="mso-bidi-font-style: normal;">Create Project</i></b> button.</span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">5)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">On successful project creation, a screen as shown in below screenshot would appear.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: center;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p> </o:p></span> </div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlRZCdKQQYExa2bKEq2HMnp5TutJSFiC8HeEo6dIJyjsB-PoR-5ouqds6kBaznbt1FXbMPJtPNta6-nxR_zz6M1uZNXsH-55eHip6y9A5H1I6DgMt5QAVjRuAVPwC38T6iKDRV2CIKDyW/s1600/Blogspottips_Image_3.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="197" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwlRZCdKQQYExa2bKEq2HMnp5TutJSFiC8HeEo6dIJyjsB-PoR-5ouqds6kBaznbt1FXbMPJtPNta6-nxR_zz6M1uZNXsH-55eHip6y9A5H1I6DgMt5QAVjRuAVPwC38T6iKDRV2CIKDyW/s400/Blogspottips_Image_3.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode DownLoads Window<span style="font-family: Mangal, serif; font-size: 10pt; text-align: left;"> </span></td></tr>
</tbody></table>
</div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">6)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on <b style="mso-bidi-font-weight: normal;"><i style="mso-bidi-font-style: normal;">Downloads</i></b> link as shown in red circle in above screenshot.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">7)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Now click on <b style="mso-bidi-font-weight: normal;"><i style="mso-bidi-font-style: normal;">New download</i></b> button.<o:p></o:p></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="clear: left; cssfloat: left; margin-bottom: 1em; margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjus0986SAKVJDoBbLVbNNSJThVYb5IMLIQPArP6QRo-Ek30y4Ox9Detwb2z71qi8skHxDqQXojmmfJFn8m1QpRu9bwY0L1LBn_dxDAxZIVN51HYGv8a3BXfYP4frEgRM4rq-jTB-lsYhlA/s1600/Blogspottips_Image_4.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjus0986SAKVJDoBbLVbNNSJThVYb5IMLIQPArP6QRo-Ek30y4Ox9Detwb2z71qi8skHxDqQXojmmfJFn8m1QpRu9bwY0L1LBn_dxDAxZIVN51HYGv8a3BXfYP4frEgRM4rq-jTB-lsYhlA/s1600/Blogspottips_Image_4.jpg" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode New Download<span style="font-family: Mangal, serif; font-size: 10pt; text-align: left;"> </span></td></tr>
</tbody></table>
</div>
<div style="text-align: left;">
</div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">8)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Fill the details in newly opened page as shown below.<o:p></o:p></span></div>
<div style="text-align: center;">
</div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmu6jeqyKro8SwDhZEFq3z35Q1MrgnO9ga9rRjKMjERk5X2yv3VQDazRdDSIBra-qgRh_fpnuBM-Q-Y6l3tKEhiv-lKNmZYwSi3kBo9KVnmmwA4GMJIwHhRi5c1i6k1h4MkAnM84QxBBk6/s1600/Blogspottips_Image_5.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmu6jeqyKro8SwDhZEFq3z35Q1MrgnO9ga9rRjKMjERk5X2yv3VQDazRdDSIBra-qgRh_fpnuBM-Q-Y6l3tKEhiv-lKNmZYwSi3kBo9KVnmmwA4GMJIwHhRi5c1i6k1h4MkAnM84QxBBk6/s320/Blogspottips_Image_5.jpg" width="288" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode Download File Details</td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p></o:p></span></div>
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p> </o:p></span> <br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Choose a file to upload. Please remember the max upload size is 200MB per file.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; text-align: left;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">Click on <b style="mso-bidi-font-weight: normal;"><i style="mso-bidi-font-style: normal;">Submit File</i></b> button.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p> </o:p></span> </div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">9)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">On successful upload, all uploaded files would appear on a page as shown in below screenshot.</span></div>
<br />
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhkrTLZaQCg7bPU1I8nhQGNEo-qRcdcQHc4vdaTrC0nCpe5C2YvefZXMbzbPPeLgxIFJ_fprax7R2IlajVKND34k96kV2RACAUjGfCEtvVtDeX7Hii-8kL6kwby78o0Hs8lXrRwctHvT9/s1600/Blogspottips_Image_6.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="118" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWhkrTLZaQCg7bPU1I8nhQGNEo-qRcdcQHc4vdaTrC0nCpe5C2YvefZXMbzbPPeLgxIFJ_fprax7R2IlajVKND34k96kV2RACAUjGfCEtvVtDeX7Hii-8kL6kwby78o0Hs8lXrRwctHvT9/s400/Blogspottips_Image_6.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode File Downloaded list<span style="font-family: Mangal, serif; font-size: 10pt; text-align: left;"> </span></td></tr>
</tbody></table>
<br />
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">10)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">To get the URL of a file, click on a file name.<o:p></o:p></span></div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; margin-left: 0.5in; mso-list: l1 level1 lfo1; text-align: left; text-indent: -0.25in;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: Verdana; mso-fareast-font-family: Verdana;"><span style="mso-list: Ignore;">11)<span style="font: 7pt 'Times New Roman';"> </span></span></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">In newly opened window, right click on a file name and select the appropriate option to copy the URL.</span> </div>
<div style="text-align: center;">
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihPs-K5aXFQRpsS7gOVmJWeCII0vPVUWz-rPINmMp5m9n8CWD48O57aYk9h4I6iK54mysMdvER8hRv-b0ZMsIrt45smvQ84KpsMWdBnoBvEHLzlcXQHJKnSpE3jI-HQ7q1Qps02rXtwcsH/s1600/Blogspottips_Image_7.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="207" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEihPs-K5aXFQRpsS7gOVmJWeCII0vPVUWz-rPINmMp5m9n8CWD48O57aYk9h4I6iK54mysMdvER8hRv-b0ZMsIrt45smvQ84KpsMWdBnoBvEHLzlcXQHJKnSpE3jI-HQ7q1Qps02rXtwcsH/s400/Blogspottips_Image_7.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">blogspottips4u - GoogleCode Copy the File Link<span style="font-family: Mangal, serif; font-size: 10pt; text-align: left;"> </span></td></tr>
</tbody></table>
</div>
<div style="text-align: center;">
</div>
<div style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; text-align: left;">
<span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;"><o:p> </o:p></span><span style="font-family: 'Verdana','sans-serif'; font-size: 11pt; mso-bidi-font-family: 'Times New Roman'; mso-bidi-theme-font: minor-bidi; mso-fareast-font-family: Calibri; mso-fareast-theme-font: minor-latin;">That’s it and your file is uploaded in GoogleCode now. Just link the URL copied on above steps in your blogger blogspot blogs. ZPPB694C87KN <o:p></o:p></span></div>
</div>
</div>
</span><br />
<div class="separator" style="border-bottom: medium none; border-left: medium none; border-right: medium none; border-top: medium none; clear: both; text-align: left;">
</div>
</div>
Anonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.com0Viman Nagar, Pune, Maharashtra, India18.566644 73.915406918.551592 73.8956659 18.581696 73.93514789999999tag:blogger.com,1999:blog-5825117916882986402.post-40099806884648614182012-09-15T08:05:00.000-07:002012-09-15T23:22:28.246-07:00Simple Related Post Widget For Blogger Blogspot<div dir="ltr" style="text-align: left;" trbidi="on">
<i><span style="font-family: "Mangal","serif"; font-size: 10.0pt;">What is Related Post
Widget?</span></i><br />
<div class="MsoNoSpacing">
<span style="font-family: "Mangal","serif"; font-size: 10.0pt;">Answer
– Related Post widget is actually a list of posts in a blog that are related to
the current blog post. This way let your blog visitor know that there are also
other relevant contents that might help a visitor.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing">
<i><span style="font-family: "Mangal","serif"; font-size: 10.0pt;">Why do each blog should
have a related post widget?<o:p></o:p></span></i></div>
<div class="MsoNoSpacing">
<span style="font-family: "Mangal","serif"; font-size: 10.0pt;">Answer
– This way you engage blog visitors on blog for longer time. This also helps to
reduce the bounce rate of blog. Maximum bounce rate is not good for your
monetized blogs. People visits your blog post from any search engines or social
sites, looks only one page and then moves to some other sites.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing">
<span style="font-family: "Mangal","serif"; font-size: 10.0pt;">Every
blogger should include Related Post widget that ultimately helps to relatively increase
your blog page views.<o:p></o:p></span></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing">
<span style="font-family: "Mangal","serif"; font-size: 10.0pt;">There
are so many methods available on internet; however the one that I am listing
below is quite simple and more effective. <o:p></o:p></span></div>
<div class="MsoNoSpacing">
<br /></div>
<div class="MsoNoSpacing">
<span style="font-family: "Mangal","serif"; font-size: 10.0pt;">Steps
– Considering you have already an account on <a href="http://www.blogger.com/">www.blogger.com</a></span></div>
<div class="MsoNoSpacing">
<b style="text-indent: -0.25in;"><span style="font-family: "Mangal","serif"; font-size: 10.0pt; mso-fareast-font-family: Mangal;"><span style="font-family: 'Times New Roman'; font-size: 7pt; font-weight: normal;"><br /></span></span></b></div>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<span style="text-indent: -0.25in;"><span style="font-family: Mangal, serif; font-size: x-small;"><b>1)</b><span style="font-weight: normal;"> </span></span><span style="font-family: 'Times New Roman'; font-size: 7pt; font-weight: normal;"> </span></span><span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;">Sign in into your blogger
account. Once you logged in, blogger will show you the list of all your blogs.</span></div>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><b>2)</b> Click on blog name to
open overview page.</span></div>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><b>3)</b> Click on <b>Template </b></span><b style="text-indent: -0.25in;"><span style="font-family: Wingdings; font-size: 10.0pt; mso-ascii-font-family: Mangal; mso-bidi-font-family: Mangal; mso-char-type: symbol; mso-hansi-font-family: Mangal; mso-symbol-font-family: Wingdings;">à</span></b><b style="text-indent: -0.25in;"><span style="font-family: "Mangal","serif"; font-size: 10.0pt;"> Edit HTML </span></b><b style="text-indent: -0.25in;"><span style="font-family: Wingdings; font-size: 10.0pt; mso-ascii-font-family: Mangal; mso-bidi-font-family: Mangal; mso-char-type: symbol; mso-hansi-font-family: Mangal; mso-symbol-font-family: Wingdings;">à</span></b><b style="text-indent: -0.25in;"><span style="font-family: "Mangal","serif"; font-size: 10.0pt;"> Proceed</span></b><span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"> and then tick the <b>Expand
Widget Templates. </b>These steps are given in below image.</span></div>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><br /></span></div>
<table align="center" cellpadding="0" cellspacing="0" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"><tbody>
<tr><td style="text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEide7B4zfjR0EYrUK9hwCtrNz63uxX3DE7rw6z4BR67KTe1bnlDOCoWtpr7zTLD6WOa_7UbAB9t6xwlZK_Hgtfkq5W0iyq-jjYhcVy2zQ8HZDBOW3S92O-5FvbM2URaapFAUNstl0XDcHsW/s1600/Related_Post_1.jpg" imageanchor="1" style="margin-left: auto; margin-right: auto;"><img border="0" height="212" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEide7B4zfjR0EYrUK9hwCtrNz63uxX3DE7rw6z4BR67KTe1bnlDOCoWtpr7zTLD6WOa_7UbAB9t6xwlZK_Hgtfkq5W0iyq-jjYhcVy2zQ8HZDBOW3S92O-5FvbM2URaapFAUNstl0XDcHsW/s400/Related_Post_1.jpg" width="400" /></a></td></tr>
<tr><td class="tr-caption" style="text-align: center;">Blogspottips4u - Editing Blogger HTML</td></tr>
</tbody></table>
<div class="MsoNoSpacing" style="text-indent: 0px;">
<span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><b>4)</b> Now search </span><b style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"></head></b><span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"> tag in the opened code window
and just above the </span><b style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"></head></b><span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"> tag
paste following code.</span></div>
<div class="MsoNoSpacing" style="margin-left: .5in;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!--Simple Related Post Widget
Starts--></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">style</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span>{ <span style="color: red;">float</span>:
<span style="color: blue;">left</span>; <span style="color: red;">width</span>: <span style="color: blue;">480px</span>; <span style="color: red;">margin-top</span>: <span style="color: blue;">20px</span>; <span style="color: red;">margin-left</span>: <span style="color: blue;">5px</span>; <span style="color: red;">margin-bottom</span>: <span style="color: blue;">20px</span>; <span style="color: red;">font</span>: <span style="color: blue;">11px</span> <span style="color: blue;">Verdana</span>; <span style="color: red;">font-weight</span>: <span style="color: blue;">bold</span>; <span style="color: red;">margin-bottom</span>: <span style="color: blue;">10px</span>;}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">.widget</span>{
<span style="color: red;">list-style-type</span>: <span style="color: blue;">none</span>;<span style="color: red;">margin</span>: <span style="color: blue;">5px</span> <span style="color: blue;">0</span> <span style="color: blue;">5px</span> <span style="color: blue;">0</span>; <span style="color: red;">padding</span>: <span style="color: blue;">0</span>; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">.widget</span>
<span style="color: maroon;">h2</span>, <span style="color: maroon;">#related-posts</span>
<span style="color: maroon;">h2</span> { <span style="color: red;">font-size</span>:
<span style="color: blue;">20px</span>; <span style="color: red;">font-weight</span>:
<span style="color: blue;">bold</span>; <span style="color: red;">margin</span>: <span style="color: blue;">5px</span> <span style="color: blue;">7px</span> <span style="color: blue;">0</span>; <span style="color: red;">padding</span>: <span style="color: blue;">0</span> <span style="color: blue;">0</span> <span style="color: blue;">5px</span>; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">a</span>
{<span style="color: red;">text-decoration</span>: <span style="color: blue;">none</span>;
}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">a:hover</span>
{ <span style="color: red;">text-decoration</span>: <span style="color: blue;">none</span>;
}<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">ul</span>
{ <span style="color: red;">border</span>: <span style="color: blue;">medium</span>
<span style="color: blue;">none</span>; <span style="color: red;">margin</span>: <span style="color: blue;">10px</span>; <span style="color: red;">padding</span>: <span style="color: blue;">0</span>; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"> <span style="color: maroon;">#related-posts</span> <span style="color: maroon;">ul</span>
<span style="color: maroon;">li</span> { <span style="color: red;">display</span>: <span style="color: blue;">block</span>; <span style="color: red;">background</span>: <span style="color: blue;">url(&quot;http://blogspottips4u.googlecode.com/files/Logo2_A1_For_Related_Post_Widget.png&quot;)</span>
<span style="color: blue;">no-repeat</span> <span style="color: blue;">0</span> <span style="color: blue;">0</span>; <span style="color: red;">margin</span>: <span style="color: blue;">0</span>; <span style="color: red;">padding-top</span>: <span style="color: blue;">0</span>; <span style="color: red;">padding-right</span>: <span style="color: blue;">0</span>;<span style="color: red;">padding-bottom</span>: <span style="color: blue;">1px</span>; <span style="color: red;">padding-left</span>: <span style="color: blue;">21px</span>; <span style="color: red;">margin-bottom</span>: <span style="color: blue;">5px</span>; <span style="color: red;">line-height</span>: <span style="color: blue;">2em</span>; <span style="color: red;">border-bottom</span>: <span style="color: blue;">1px</span> <span style="color: blue;">dotted</span> <span style="color: blue;">#cccccc</span>; }<o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">style</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">src</span><span style="color: blue;">='http://blogspottips4u.googlecode.com/files/simple-related-post-widget.js'</span>
<span style="color: red;">type</span><span style="color: blue;">='text/javascript'</span>
<span style="color: blue;">/></span><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!--Simple Related Post Widget
Ends--></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="font-size: 10pt; text-indent: -0.25in;"><span style="font-family: Consolas;"><b>5)</b> </span></span><span style="font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;">Next, Search following code</span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt; text-align: center; text-indent: -24px;">
<span style="font-family: Mangal, serif; font-size: 10pt;"><b style="line-height: 13.5pt;"><data:post.body/></b></span></div>
<div class="MsoListParagraphCxSpMiddle" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-add-space: auto; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;">
<br /></div>
<div class="MsoListParagraphCxSpMiddle" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="background-color: white; font-family: Mangal, serif; font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;"><b>6) </b>Paste following code just above or below </span><b style="background-color: white; font-family: Mangal, serif; font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;"><data:post.body/></b><span style="background-color: white; font-family: Mangal, serif; font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;">. If you paste above this tag then Related
Post widget will appear on above of every post contents. If you paste the code
below this tag then Related Posts will appear below every post contents.</span></div>
<div class="MsoListParagraphCxSpMiddle" style="background: white; line-height: 13.5pt; margin-bottom: .0001pt; margin-bottom: 0in; mso-add-space: auto; tab-stops: 45.8pt 91.6pt 137.4pt 183.2pt 229.0pt 274.8pt 320.6pt 366.4pt 412.2pt 458.0pt 503.8pt 549.6pt 595.4pt 641.2pt 687.0pt 732.8pt;">
<br /></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!-- Simple Related Post Widget
Starts--></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: yellow;"><b><i><span style="color: blue; font-family: Consolas; font-size: 12pt;"><</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: maroon; font-family: Consolas; font-size: 12pt;">b</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: blue; font-family: Consolas; font-size: 12pt;">:</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: maroon; font-family: Consolas; font-size: 12pt;">if</span></i></b><b><i><span style="font-family: Consolas; font-size: 12pt;"> <span style="color: red;">cond</span><span style="color: blue;">='data:blog.pageType == &quot;item&quot;'></span></span></i></b></span><b style="background-color: #ead1dc;"><i><span style="font-family: Consolas; mso-bidi-font-size: 9.5pt;"><o:p></o:p></span></i></b></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">id</span><span style="color: blue;">='related-posts'></span><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">font</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">face</span><span style="color: blue;">='Arial'</span> <span style="color: red;">size</span><span style="color: blue;">='3'><</span><span style="color: maroon;">b</span><span style="color: blue;">></span>Related Posts : <span style="color: blue;"></</span><span style="color: maroon;">b</span><span style="color: blue;">></</span><span style="color: maroon;">font</span><span style="color: blue;">><</span><span style="color: maroon;">font</span> <span style="color: red;">color</span><span style="color: blue;">='#FFFFFF'><</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">loop</span> <span style="color: red;">values</span><span style="color: blue;">='data:post.labels'</span>
<span style="color: red;">var</span><span style="color: blue;">='label'><</span><span style="color: maroon;">data</span><span style="color: blue;">:</span><span style="color: maroon;">label.name</span><span style="color: blue;">/><</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">if</span> <span style="color: red;">cond</span><span style="color: blue;">='data:label.isLast != &quot;true&quot;'></span>,<span style="color: blue;"></</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">if</span><span style="color: blue;">><</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">if</span> <span style="color: red;">cond</span><span style="color: blue;">='data:blog.pageType ==
&quot;item&quot;'></span><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">expr</span><span style="color: blue;">:</span><span style="color: red;">src</span><span style="color: blue;">='&quot;/feeds/posts/default/-/&quot; +
data:label.name +
&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;'</span>
<span style="color: red;">type</span><span style="color: blue;">='text/javascript'/></</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">if</span><span style="color: blue;">></</span><span style="color: maroon;">b</span><span style="color: blue;">:</span><span style="color: maroon;">loop</span><span style="color: blue;">></span> <span style="color: blue;"></</span><span style="color: maroon;">font</span><span style="color: blue;">></span><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"><</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="font-family: Consolas; font-size: 9.5pt;"> <span style="color: red;">type</span><span style="color: blue;">='text/javascript'></span> removeRelatedDuplicates(); </span><b><span style="font-family: Consolas; mso-bidi-font-size: 9.5pt;">printRelatedLabels(5)</span></b><span style="font-family: Consolas; font-size: 9.5pt;">;<o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc;"><span style="color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="color: maroon; font-family: Consolas; font-size: 9.5pt;">script</span><span style="color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; color: blue; font-family: Consolas; font-size: 9.5pt;"></</span><span style="background-color: #ead1dc; color: maroon; font-family: Consolas; font-size: 9.5pt;">div</span><span style="background-color: #ead1dc; color: blue; font-family: Consolas; font-size: 9.5pt;">></span><span style="background-color: yellow;"><b><i><span style="color: blue; font-family: Consolas;"></</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: maroon; font-family: Consolas;">b</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: blue; font-family: Consolas;">:</span></i></b><b><i><span style="background-position: initial initial; background-repeat: initial initial; color: maroon; font-family: Consolas;">if</span></i></b><b><i><span style="color: blue; font-family: Consolas;">></span></i></b></span><span style="background-color: #ead1dc; font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<span style="background-color: #ead1dc; color: darkgreen; font-family: Consolas; font-size: 9.5pt;"><!-- Simple Related Post Widget
Ends--></span><span style="font-family: Consolas; font-size: 9.5pt;"><o:p></o:p></span></div>
<div class="MsoNormal" style="margin-bottom: 0.0001pt;">
<br /></div>
<div class="MsoListParagraphCxSpFirst" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;"><span style="color: #444444; font-family: Courier New;">7)<b> </b></span></span><span style="font-family: Mangal, serif; font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;">The code is configured to display 5 related post by default.
If you want to increase or decrease the number of related posts then just search
</span><b style="line-height: 13.5pt; text-indent: -0.25in;"><span style="font-family: Consolas; mso-bidi-font-size: 9.5pt;">printRelatedLabels(5)</span></b><b style="line-height: 13.5pt; text-indent: -0.25in;"><span style="color: blue; font-family: Consolas; font-size: 14.0pt; mso-bidi-font-size: 9.5pt;"> </span></b><span style="font-family: Mangal, serif; font-size: 10pt; line-height: 13.5pt; text-indent: -0.25in;">and replace 5 with your desired number. That’s it.</span></div>
<div class="MsoListParagraphCxSpFirst" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="background-color: transparent; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="background-color: transparent; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><b>8)</b> The code is also
configured to not show Related Post widget on Home page. If you want to show
this widget in Home page also, then please either comment or remove highlighted
code in </span><span style="background-color: yellow; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;">yellow</span><span style="background-color: transparent; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;">.</span></div>
<div class="MsoListParagraphCxSpFirst" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="background-color: transparent; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><br /></span></div>
<div class="MsoListParagraphCxSpFirst" style="background-color: white; background-position: initial initial; background-repeat: initial initial; line-height: 13.5pt; margin-bottom: 0.0001pt; text-indent: 0px;">
<span style="background-color: transparent; font-family: Mangal, serif; font-size: 10pt; text-indent: -0.25in;"><b>9)</b> Save the template and you
are done.</span></div>
<div class="MsoNoSpacing" style="margin-left: .5in;">
<br /></div>
</div>
Anonymoushttp://www.blogger.com/profile/18329238574511631770noreply@blogger.com3Viman Nagar, Pune, Maharashtra, India18.566644 73.915406918.551592 73.8956659 18.581696 73.93514789999999