Solution Bux: Blogger

<br />
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 1em; padding: 0px; text-align: center; vertical-align: baseline;">
<img alt="Related Posts Widget For Blogger" class="aligncenter size-full wp-image-72" height="425" src="http://bloguider.com/wp-content/uploads/2014/01/Related-Post-widget-for-blogger.jpg" style="background-attachment: initial; background-clip: initial; background-image: initial; background-origin: initial; background-position: initial; background-repeat: initial; background-size: initial; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px; border: 1px solid rgb(211, 211, 211); display: block; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; height: auto; line-height: inherit; margin: 1em auto; max-width: 98%; padding: 5px; vertical-align: baseline;" title="Related Posts" width="640" /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b>Related</b> posts are very useful in <b>increasing</b> blog traffic by <b>presenting</b> them with this related posts widget to <b>blogger</b>. Its very important to show related posts to your <b>blog readers</b>, it increase your <b>pageviews</b> as well as reader will <b>engage</b> more happily in <b>you blog</b>.</div>
<div style="border: 0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><span style="color: #cc0000; font-size: x-large;"><i><u style="background-color: #cccccc;">Follow below steps:</u></i></span></b></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><u><span style="font-size: x-large;">1.</span></u></b><span style="font-size: 14px;"> Firstly login to <b>blogger</b> and then go to <b>Blogger dashboard.</b></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><u><span style="font-size: x-large;">2.</span></u></b><span style="font-size: 14px;"> In the Blogger dashboard, click </span><strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">DESIGN</strong><span style="font-size: 14px;"> and then, click </span><strong style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;">EDIT HTML</strong><span style="font-size: 14px;">.</span></div>
<div style="background-color: white; border: 0px; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b style="color: #333333;"><u><span style="font-size: x-large;">3.</span></u></b><span style="font-size: 14px;"><span style="color: #333333;"> Now Press </span><b style="color: #333333;">Ctrl+F</b><span style="color: #333333;"> and find red color code</span><b> </b></span><span style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><b></head></b></span><span style="color: #333333; font-size: 14px;"> and paste the below code after the <b>above</b> red colored code.</span></div>
<div style="background-color: white; border: 2px solid red; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; height: 100px; line-height: 25px; margin: 0px; overflow: scroll; padding: 0px; vertical-align: baseline; width: 728px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<style> #related-posts { float : left;<br />width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px;<br />font : 11px Verdana; margin-bottom:10px; } #related-posts .widget {<br />list-style-type : none; margin : 5px 0 5px 0; padding : 0; }<br />#related-posts .widget h2, #related-posts h2 { font-size : 20px;<br />font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; }<br />#related-posts a { text-decoration : none; } #related-posts a:hover {<br />text-decoration : none; } #related-posts ul { border : medium none;<br />margin : 10px; padding : 0; } #related-posts ul li { display : block;<br />background :<br />url(“https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbxnquwDe3vJGzDh2osAMKfBnYqU_cuvwxW0OL2VIwDGcH_0sisgLl-KIf7CNQQgDUatMw0c3P_5IThFfe3VpTgiV5FpUNMCnEdeMXSpKkIegceFbUiuEiaD33YTqits8BF4QQ_VL7sxc//”)<br />no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0;<br />padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px;<br />line-height : 2em; border-bottom:1px dotted #cccccc; } </style><br /><script<br />src=’http://theblogtemplates.com/scripts/Related_posts_hack.js’<br />type=’text/javascript’/></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><u><span style="font-size: x-large;">4.</span></u></b><span style="font-size: 14px;"> At last you have to <b>search</b> red color codes </span><span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><data:post.body/></span><span style="font-size: 14px;"> or </span><span style="border: 0px; color: red; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin: 0px; padding: 0px; vertical-align: baseline;"><div class=’post-body></span><span style="font-size: 14px;"> (find one of them) and <b>paste</b> the below code after above red<b> colored code.</b></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<span style="font-size: 14px;"><br /></span></div>
<div style="background-color: white; border: 2px solid red; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; height: 100px; line-height: 25px; margin: 0px; overflow: scroll; padding: 0px; vertical-align: baseline; width: 728px;">
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b:if cond=’data:blog.pageType == “item”‘></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<div id=”related-posts”></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<font face=’Arial’ size=’3′><b>Related Posts :<br /></b></font><font color=’#FFFFFF’><b:loop<br />values=’data:post.labels’<br />var=’label’><data:label.name/><b:if cond=’data:label.isLast<br />!= &quot;true&quot;’>,</b:if><b:if<br />cond=’data:blog.pageType == &quot;item&quot;’></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<script expr:src=’&quot;/feeds/posts/default/-/&quot; +<br />data:label.name +<br />&quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;’<br />type=’text/javascript’/></b:if></b:loop> </font></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<script type=’text/javascript’> removeRelatedDuplicates(); printRelatedLabels();</div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
</script></div>
<div style="border: 0px; font-family: inherit; font-size: inherit; font-style: inherit; font-variant: inherit; font-weight: inherit; line-height: inherit; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
</div></b:if></div>
</div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<br /></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><u><span style="font-size: x-large;">5.</span></u></b><span style="font-size: 14px;"> Now save your<b> template </b>and<b> enjoy</b> the widget(must preview).</span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<span style="font-size: 14px;"><br /></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<span style="font-size: 14px;"><b>Enjoy With..............</b></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<span style="font-size: 14px;"><b><br /></b></span></div>
<div style="background-color: white; border: 0px; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<span style="font-size: 14px;"><b><br /></b></span></div>
<div style="border: 0px; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><span style="background-color: white; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px;">                                                       </span><u><span style="color: blue; font-family: Helvetica Neue, Arial, Helvetica, sans-serif; font-size: x-large;"><i style="background-color: #999999;"><a href="http://solutionbux.blogspot.com/" target="_blank">Solution Bux</a></i></span></u><span style="background-color: white; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px;">       </span></b></div>
<div style="border: 0px; line-height: 25px; margin-bottom: 1em; padding: 0px; vertical-align: baseline;">
<b><span style="background-color: white; color: #333333; font-family: 'Open Sans', 'Helvetica Neue', Arial, Helvetica, sans-serif; font-size: 14px;"><br /></span></b></div>

Related Post Widget for Blogger

Related posts are very useful in increasing blog traffic by presenting them with this related posts widget to blogger. Its very important to show related posts to your blog readers, it increase your …

Learn More »