tag:blogger.com,1999:blog-35442993276105819252024-10-24T19:35:03.291-07:00WidGetsfreeSandyhttp://www.blogger.com/profile/02388059430732018284noreply@blogger.comBlogger3125tag:blogger.com,1999:blog-3544299327610581925.post-47793234317476274312012-02-09T03:14:00.000-08:002012-02-09T03:40:13.628-08:00Surprise, New Facebook Comments Box For Blogger In Very Easy And Simple Steps – Fixed ( Full Guide )<br />
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Again, this is the most waited feature for blogger users ( specially from allblogtools.com ), and now<span id="more-6226" style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span> it’s available for allblogtools.com visitors only ( Exclusively again ), this is the first and the only tutorial around the web that tells you in really easy steps the integration of <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">the new</strong> facebook comments box and blogger (blogspot) blogs.</div>
<div align="center" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<a href="http://holly-bolly-actress.blogspot.in/2012/02/sonal-chauhan-in-hot-dress.html" style="color: #26a5da; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;" target="_blank"><img alt="Demo Of New Facebook Comments Box For Blogger" class="postimage" height="39px" src="http://www.allblogtools.com/imgup/4-2011/allblogtools-demo.gif" style="background-attachment: initial; background-clip: initial; background-color: #ebf6f8; background-image: initial; background-origin: initial; border-bottom-color: rgb(143, 143, 143); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(143, 143, 143); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(143, 143, 143); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(143, 143, 143); border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-style: solid; border-top-width: 1px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;" title="Demo Of New Facebook Comments Box For Blogger" width="190px" /></a></div>
<div class="announce2" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(251, 195, 24); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(251, 195, 24); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(251, 195, 24); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(251, 195, 24); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-top: 15px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; width: 577px;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Please note:</strong> If you think that you saw this tutorial before, The answer is no, it looks exactly like the old tutorial but this is an updated one, And a lot of problem are solved now, If you met any problems with our old tutorial, please try this one out.</div>
<div class="announce2" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(251, 195, 24); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(251, 195, 24); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(251, 195, 24); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(251, 195, 24); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-top: 15px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; width: 577px;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">For Upgrade:</strong> If you already have the old comments box on your blog, And don’t want to lose your current comments, Please <a href="http://www.allblogtools.com/tricks-and-hacks/upgrade-the-old-facebook-comments-box-for-the-new-one-in-blogger/" style="color: #26a5da; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;">Click here</a> to learn how to upgrade easily.</div>
<div class="announce2" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(251, 195, 24); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(251, 195, 24); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(251, 195, 24); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(251, 195, 24); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-top: 15px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px; text-align: left; width: 577px;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Warning :</strong> Before you start applying any changes to your blogger template code, We encourage you to Backup it, by clicking on <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Download Full Template</strong> link.</div>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
What is the new facebook comments features.</div>
<ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Threaded comments : reply to comments.</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">User network : now it’s displaying the comment author not only name, but his profile info as well</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Permalink to specific comments : Permalinks have now been assigned to each comment so people can share links and be directed to specific comments.</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Notifications : sent to users will also go to the permalink, making it easier to respond. For example, clicking on the notification below will take you to the permalink of the original comment.</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">2 Color schemes, regular light, and the new dark colors.</li>
</ul>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
now let’s do it, don’t worry, i know that must of you tried to add it to blogger blogs, with no result, but today you’ll see how to add it in really easy steps and it’s 100% working. but please be careful and pay attention for all the details.<br />
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">This tutorial is updated.</strong></div>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Step 1. Disable Default Comments.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
The first thing you should do it to disable blogger default comments. because you don’t want to have 2 comments forms.<br />
go to your blogger account, navigate to <em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">settings >> comments</strong></em><br />
and next to comments field choose <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Hide</strong>, then scroll down and click <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Settings</strong></div>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Step 2. Generate your Facebook App ID.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
now you should generate your own facebook app id, it’s really easy and one step process,<br />
just go to this page, <a href="http://developers.facebook.com/setup/" style="color: #26a5da; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; outline-color: initial; outline-style: none; outline-width: initial; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-decoration: none;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">facebook developers</strong></a></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
then click <strong style="background-color: #ececec; border-bottom-color: rgb(153, 153, 153); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(153, 153, 153); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 153, 153); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 153, 153); border-top-style: solid; border-top-width: 1px; color: #333333; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">+ Set Up New Application</strong></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
enter your application name,<em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ( you can type any name )</em></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and check <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">agree </strong>and click <strong style="background-color: #3b5998; border-bottom-color: rgb(14, 31, 91); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(14, 31, 91); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(14, 31, 91); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(14, 31, 91); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Create Application</strong></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
then click on Connect tab <em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(on the left tabs-list) or see the next image.</em></div>
<div align="center" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<img alt="facebook comments box for blogger" class="postimage" height="350px" src="http://allblogtools.com/imgup/1-2010/face-10.jpg" style="background-attachment: initial; background-clip: initial; background-color: #ebf6f8; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(143, 143, 143); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(143, 143, 143); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(143, 143, 143); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(143, 143, 143); border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-style: solid; border-top-width: 1px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;" title="facebook comments for blogger" width="400px" /></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and fill the following info.<br />
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Connect URL :</strong> Enter your blog url and you must enter it with an ending dash. <em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">(for example: http://myblogname.blogspot.com/) </em>.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Base Domain</strong> you must type <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">blogspot.com</strong></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
then click strong>agree and click <strong style="background-color: #3b5998; border-bottom-color: rgb(14, 31, 91); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(14, 31, 91); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(14, 31, 91); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(14, 31, 91); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Changes </strong><br />
on the next page facebook will generate you alot of info. you’ll need only one line, it’s <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">App ID:</strong><br />
just copy it and keep any where, we’ll need it in the next steps. please see the following image to see where you’ll find your facebook <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">App ID:</strong>.</div>
<div align="center" style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">
<img alt="facebook comments box for blogger" class="postimage" height="350px" src="http://allblogtools.com/imgup/1-2010/face1.jpg" style="background-attachment: initial; background-clip: initial; background-color: #ebf6f8; background-image: initial; background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-color: rgb(143, 143, 143); border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; border-bottom-style: solid; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(143, 143, 143); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(143, 143, 143); border-right-style: solid; border-right-width: 1px; border-style: initial; border-top-color: rgb(143, 143, 143); border-top-left-radius: 10px; border-top-right-radius: 10px; border-top-style: solid; border-top-width: 1px; margin-bottom: 20px; margin-left: 20px; margin-right: 20px; margin-top: 20px; padding-bottom: 5px; padding-left: 5px; padding-right: 5px; padding-top: 5px;" title="facebook comments for blogger" width="400px" /></div>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Step 3. Codes To Add To Your Template.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
you must add the following codes to your blogger template to ensure that the comments box will work for your blog in the right way.<br />
and in this step we’ll add the following codes,<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></strong></div>
<strong style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;"></strong><br />
<ul style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">xmlns attribute</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">SDK script</li>
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Open Graph protocol tags</li>
</strong></ul>
<strong style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
</strong><br />
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></strong></div>
<span style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; text-align: left;"></span><br />
<ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Adding the xmlns attribute :</strong></li>
</ul>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
please go to your blogger account again, and navigate to, <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">layout >> edit html >></strong> and check<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Expand Widget Templates</strong><br />
then find the following code,</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><html</pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
you’ll find it on the top of your code. second or third line, and after it add the following code,</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;">xmlns:fb='http://www.facebook.com/2008/fbml'</pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
you must type a space before it and after it,<br />
here is an example.</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"> <html <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">xmlns:fb='http://www.facebook.com/2008/fbml'</strong> expr:dir='data:blog..............2005/gml/expr' ></pre>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Adding the SDK script Code :</strong></li>
</ul>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
search for</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><body></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and after it add the following code,</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : '<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR APP ID</strong></span>',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true // parse XFBML
});
};
(function() {
var e = document.createElement('script');
e.src = document.location.protocol + '//connect.facebook.net/en_US/all.js';
e.async = true;
document.getElementById('fb-root').appendChild(e);
}());
</script></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
but please don’t forget to change <span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR APP ID</strong></span> to your app id ( you got it in the previous step ).</div>
<ul style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<li class="single" style="line-height: 1.9em; list-style-image: url(http://www.allblogtools.com/wp-content/themes/blockstockmagazine/images/urhere.png); list-style-position: inside; margin-bottom: 0px; margin-left: 10px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">Adding the Open Graph protocol tags:</strong></li>
</ul>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
copy the following code.</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<meta expr:content='data:blog.pageTitle' property='og:title'/>
<meta expr:content='data:blog.url' property='og:url'/>
<b:else/>
<meta expr:content='data:blog.title' property='og:title'/>
<meta expr:content='data:blog.homepageUrl' property='og:url'/>
</b:if>
<meta content='<span style="color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">MY-SITE-NAME</strong></span>' property='og:site_name'/>
<meta content='<span style="color: blue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://google.com/help/hc/images/logos/blogger_logo.gif</strong></span>' property='og:image'/>
<meta content='<span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR-APP-ID</strong></span>' property='fb:app_id'/>
<meta content='<span style="color: #ff6600; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR-FACEBOOK-PROFILE-ID</strong></span>' property='fb:admins'/>
<meta content='article' property='og:type'/>
</pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and change the colored text to the following,<br />
Change <span style="color: #009900; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">MY-SITE-NAME</strong></span> with the one you want to appear when a user likes a page. (Gil likes Helping on Facebook)</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Change<span style="color: blue; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">http://google.com/…/blogger_logo.gif</strong></span> with your blog logo, or remove the all tag if you don’t want it.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Change <span style="color: red; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR-APP-ID</strong></span> with your application ID number.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Change <span style="color: #ff6600; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">YOUR-FACEBOOK-PROFILE-ID</strong></span> with your own facebook user profile ID.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
after making this changes add the above code just before</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"></head></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
now we finished adding the facebook codes to your template, please don’t touch anything and continue to the next step.</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
Step 5. Adding the Comments Box to your blogger template.</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
please find the following code.</div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><data:post.body/></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and after it, please paste one of the following codes.<br />
For Light Comments box<em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ( like the one in the demo )</em></div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><span style="color: #575757; font-family: Tahoma, Arial;"><span style="font-size: 12px;">
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='600' expr:title='data:post.title' expr:href='data:post.url' expr:xid='data:post.id'/></div>
</b:if></span></span></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
For Dark Comments box<em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ( If you prefer to display the comments box in a dark colors. )</em></div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><data:post.body/></pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and after it, please paste one of the following codes.<br />
For Light Comments box<em style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"> ( like the one in the demo )</em></div>
<pre style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(181, 181, 181); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(181, 181, 181); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(181, 181, 181); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(181, 181, 181); border-top-left-radius: 5px; border-top-right-radius: 5px; border-top-style: solid; border-top-width: 1px; color: #575757; font-family: Tahoma, Arial; font-size: 12px; margin-bottom: 15px; margin-top: 15px; max-height: 400px; overflow-x: auto; overflow-y: auto; padding-bottom: 10px; padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left; width: 565px;"><b:if cond='data:blog.pageType == &quot;item&quot;'>
<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>
<div><fb:comments width='<span style="font-size: small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span><span style="color: #cc0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">450</strong></span>' expr:title='data:post.title' expr:href='data:post.url' <strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">colorscheme='dark'</strong> expr:xid='data:post.id'/></div>
</b:if>
</pre>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
To change the width of your comments box, please change <span style="font-size: small; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"></span><span style="color: #cc0000; margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;"><strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">450</strong></span> to what ever you want, it’s in pixels,</div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
and now please click <strong style="background-color: #ff7700; border-bottom-color: rgb(153, 51, 0); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(153, 51, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(153, 51, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(153, 51, 0); border-top-style: solid; border-top-width: 1px; color: white; margin-bottom: 2px; margin-left: 2px; margin-right: 2px; margin-top: 2px; padding-bottom: 2px; padding-left: 2px; padding-right: 2px; padding-top: 2px;">Save Template </strong>, then check your blog. i wish it looks great and works perfectly.</div>
<div class="sprtr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(252, 217, 84); border-bottom-style: solid; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(252, 217, 84); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(252, 217, 84); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(252, 217, 84); border-top-style: solid; border-top-width: 1px; color: #7d7d7d; font-family: Verdana; font-size: 12px; height: 2px; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 25px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; position: relative; text-align: left; width: 589px;">
</div>
<div class="heads" style="background-color: white; color: #d35b25; font-family: 'Century Gothic', sans-serif; font-size: 22pt; margin-bottom: 10px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<br /></div>
<div style="background-color: white; color: #7d7d7d; font-family: Verdana; font-size: 12px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; text-align: left;">
<strong style="margin-bottom: 0px; margin-left: 0px; margin-right: 0px; margin-top: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px;">warning,</strong> if you have facebook like button installed on your blog please remove it before </div>Sandyhttp://www.blogger.com/profile/02388059430732018284noreply@blogger.com0tag:blogger.com,1999:blog-3544299327610581925.post-7516197376580322512012-01-28T03:57:00.000-08:002012-01-28T03:57:15.080-08:00New Shoutmeloud Top Subscribe SignUp Widget For Blogger/Wordpress<div dir="ltr" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div dir="ltr">
<div style="background-attachment: initial; background-clip: initial; background-color: #fefefe; background-image: initial; background-origin: initial; border-bottom-width: 0px; border-color: initial; border-image: initial; border-left-width: 0px; border-right-width: 0px; border-style: initial; border-top-width: 0px; margin-bottom: 15px; outline-color: initial; outline-style: initial; outline-width: 0px; padding-bottom: 0px; padding-left: 0px; padding-right: 0px; padding-top: 0px; vertical-align: baseline;">
<div>
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 25px;">Are you currently still using the older subscription common box delivered from FeedBurner.com ? Would you jealous of whenever various popular wordpress websites have got customizable registration box along with background pictures and also with personalized CSS ? Would you like to find out the way to achieve that , then simply below is really a guide for those Newbie Blogger end users and creative designers. Utilizing this type of tutorial you can able to include a subscription box for your blogger blog.Previous version</span><span style="color: #cc0000;"><span style="font-family: Verdana,sans-serif; line-height: 25px;"> </span><span style="font-family: Verdana,sans-serif;"><span style="line-height: 24px;"><a href="http://softechnogeek.blogspot.com/2012/01/how-to-add-mashable-popup-subscribe-box.html" style="color: #666666; text-decoration: none;" target="_blank">How To Add Mashable Popup Subscribe Box For Blogger And Wordpress</a></span></span></span><br />
<a href="http://draft.blogger.com/blogger.g?blogID=3544299327610581925" name="more" style="color: #bf0100; text-decoration: none;"></a></div>
<div style="color: #333333; line-height: 25px;">
<span style="font-family: Verdana,sans-serif;"></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-family: Verdana,sans-serif;">The Reason Why To Switch To New Shoutmeloud Subscribe Widget:</span></h4>
</div>
<div style="color: #333333; line-height: 25px;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white; color: black; line-height: 22px; text-align: justify;">A large number of the<span class="Apple-converted-space"> </span></span>blogosphere<span style="background-color: white; color: black; line-height: 22px; text-align: justify;"><span class="Apple-converted-space"> </span>desire to learn how to<span class="Apple-converted-space"> </span></span><span style="background-color: white; color: black; line-height: 22px; text-align: justify;">get</span><span style="background-color: white; color: black; line-height: 22px; text-align: justify;"> the 'Add your email to Blog Updates' via Email box and also the huge orange colored 'Sign up to to Blog Feed' buttons links inside their blog. Setting out blog feeds and getting a leading Email subscribe box/buttons are a couple of powerful methods to grow targeted visitors for your blog.</span></span></div>
<div style="color: #333333; line-height: 25px;">
<span style="font-family: Verdana,sans-serif;"><span style="background-color: white; color: black; line-height: 22px; text-align: left;">Here is definitely a trendy subscribe box with good sized applying<span class="Apple-converted-space"> </span></span>jquery<span style="background-color: white; color: black; line-height: 22px; text-align: left;"><span class="Apple-converted-space"> </span>which will really attract visitor towards your blog.</span></span></div>
<span style="font-family: Verdana,sans-serif;"></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-family: Verdana,sans-serif;">Features Of Shoutmeloud Subscribe Box For Blogger:</span></h4>
<div>
<ol style="color: #333333; line-height: 25px; text-align: left;">
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">Fast Loading Doesn't affect blog speed.</span></li>
<li><span style="font-family: Verdana,sans-serif;">Seo</span><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;"><span class="Apple-converted-space"> </span>Optimized Added<span class="Apple-converted-space"> </span></span><span style="font-family: Verdana,sans-serif;">Nofollow</span><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;"><span class="Apple-converted-space"> </span>tags.</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">Big size box to force the readers to subscribe to your updates</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">Increase subscribe feed count within few days.</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">You can place this widget anywhere you want.</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">Just one step process.</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">It works on<span class="Apple-converted-space"> </span></span><span style="font-family: Verdana,sans-serif;">wordpress</span><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;"><span class="Apple-converted-space"> </span>also.</span></li>
<li><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;">Latest Shoutmeloud</span><span style="background-color: white; color: black; font-family: Verdana,sans-serif; line-height: 22px; text-align: left;"><span class="Apple-converted-space"> </span>Sign-up for FREE weekly Newsletter.</span></li>
<li><span style="background-color: white; font-family: Verdana,sans-serif; line-height: 21px; text-align: left;">L</span><span style="background-color: white; color: #333333; font-family: Verdana,sans-serif; text-align: left;">ocated on top of the blog.</span></li>
<li><span style="font-family: Verdana,sans-serif;"><a href="http://softechnogeek.blogspot.com/search/label/Blogger%20Widgets" style="color: #666666; text-decoration: none;" target="_blank">Blogger Widget for Subscribe Box</a></span></li>
</ol>
</div>
</div>
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 24px;">Simply Stick to this detailed process to generate e-newsletter subscription box Plugin for Blogger with your own personal customizable CSS.</span><br />
<br />
<div style="text-align: center;">
<span style="display: inline ! important;"><a class="demobutton button" href="http://mtv-rodies-8.blogspot.com/" rel="nofollow" style="-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px; background-attachment: scroll; background-clip: initial; background-color: #bf0100; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial initial; border-bottom-color: rgba(0, 0, 0, 0.246094); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px; color: #666666; cursor: pointer; display: inline !important; font-size: 17px; font-weight: bold; line-height: 1; overflow-x: visible; overflow-y: visible; padding-bottom: 9px; padding-left: 19px; padding-right: 19px; padding-top: 8px; position: relative; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px; width: 100px;" target="_blank">Live Demo</a></span></div>
<span style="font-family: Verdana,sans-serif;"></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-family: Verdana,sans-serif;">Instructions To Install This Shoutmeloud Widget:</span></h4>
<div>
<span style="font-family: Verdana,sans-serif;">Add the CSS code before <span style="color: #cc0000;">]]></b:skin></span><span class="Apple-converted-space"> </span>and save your template.</span></div>
<div dir="ltr" style="text-align: left;">
<div style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-style: dashed; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(0, 0, 0); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: dashed; border-top-width: 1px; height: 250px; overflow-x: auto; overflow-y: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left; width: 600px;">
<span style="background-color: white; font-family: arial; font-size: 12px;">/*Custom Header Styling*/</span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">#headline{background:</span>url<span style="font-size: 12px;">('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTnN1h-4KWR462yjaSGTp9WUYsUkCuZZ7AFqkyR_-mORxcXNzeapSbYgq22-NONvTCTw6MZoDCw2Wsz9K0AEiskglEHgZEiB0zajv2wwjpGBNBquWeiPqSOUSVUO6zfLBF-H5ZxM1mY5Os/s1600/headline-bg.png') repeat; color:#</span>fff<span style="font-size: 12px;">; margin:0 auto; border-top: 1px solid #000; height:30px; font-size:12px; position:fixed; bottom:0; z-index:1000; width:100%;border-top-left-radius:20px;border-top-right-radius:20px; display:block;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#headline:hover{background:#333;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#headline p{line-height:30px; font-size:12px; text-align:center; width:95%; float:left;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#headline p a{ text-decoration:blink; color:#ffcc00; border-bottom:1px dashed;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>#headline li.widget, #headline li.widget p{margin:0; line-height:30px; list-style:none; font-size:12px; text-align:center;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.kill-btn{display:block; position:relative; right:15px; float:right;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>.kill-btn a{font-size:18px; font-weight:bold; font-family:"Comic Sans MS"; color:#fc0; line-height:30px;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">/* Subscription Box */</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">#sleek-subscribe{display: block; margin:0 auto; } </span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.newsheadline {color:#222; font-size:16px; line-height:50px; float:left; font-weight:bold;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>.newsheadline span{font-size:38px; color:#444; line-height:14px; font-family:"Trebuchet MS"; font-weight:normal;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>.newsheadline cite{font-style:normal; color:#f00;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.signform{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGrTqWYls6-VsdrGwdzpT2eH5aYTWva0ZuxLgQPd6664qZ4sFfaFQupJFjzyZawhPdMadVaoVSXcJYYKwK9sdW_WyyZRWTc7eLl1Nk_X9etgEE5DTqnBruXHMBv3uD5GzL5Bi1K_WRBJI/s1600/dwd.PNG') no-repeat;padding:0 0 10px 100px; float:right; }</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"> .txt2, .txt2:focus{width:140px; font-size:15px; background:#fff; color:#92c3c3; border:1px solid #E36B0A; margin:0 5px; float:left; padding:10px; width:160px; border-radius: 10px;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"> .btn2, .btn2:focus {background:#E36B0A; margin:0 5px; padding:8px 10px 9px; border:1px solid #AD5513; color:#fff; font-size:15px; border-radius:10px;}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"> .btn2:hover{background:#6689b0; }</span></span></div>
</div>
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 24px;"><br /></span><br />
<span style="color: #cc0000; font-family: Verdana,sans-serif; line-height: 24px;">Add HTML/JavaScript widget</span><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 24px;"><span class="Apple-converted-space"> </span>to your blog and add this following snippet in it and save it</span><br />
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 24px;"></span><br />
<div dir="ltr" style="text-align: left;">
<div style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-style: dashed; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(0, 0, 0); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: dashed; border-top-width: 1px; height: 250px; overflow-x: auto; overflow-y: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left; width: 600px;">
<span style="font-family: arial;"><span style="font-size: 12px;"></span></span><br />
<div id="sleek-subscribe"><br />
<div class="newsheadline"><span>Sign-up</span> for <cite>FREE</cite> daily Updates.</div><br />
<form action="http://feedburner.google.com/fb/a/mailverify?uri=MtvRodies8" class="signform" method="post" target="_new"><br />
<input class="txt2" name="name" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Your Name...&#39;;}" onfocus="if (this.value == &#39;Your Name...&#39;) {this.value = &#39;&#39;;}" value="Your Name..." /><br />
<input class="txt2" name="email" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Your Email Address...&#39;;}" onfocus="if (this.value == &#39;Your Email Address...&#39;) {this.value = &#39;&#39;;}" value="Your Email Address..." /><br />
<input class="btn2" type="submit" value="Subscribe Me!" /><br />
</form><br />
<br />
<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<div dir="ltr" style="text-align: left;" trbidi="on"><br />
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif; font-size: xx-small;"><a href="http://softechnogeek.blogspot.com/" target="_blank" title="Blogger Widget">Widget»</a></span></div><br />
></div><br />
</form><br />
<div class="clear"></div><br />
</div><br />
<br />
<span style="font-family: arial;"><span style="font-size: 12px;"></span></span><br />
<span style="font-family: arial;"></span><span style="font-family: arial;"></span></div>
</div>
</div>
<span style="font-family: Verdana,sans-serif;"></span><br />
<div>
<span style="font-family: Verdana,sans-serif;"><span style="font-family: Verdana,sans-serif;"><br /></span></span></div>
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-family: Verdana,sans-serif;">Customization For Shoutmeloud Subscribe Widget:</span></h4>
<span style="font-family: Verdana,sans-serif;"></span><br />
<ol style="text-align: left;">
<li><span style="font-family: Verdana,sans-serif;">Edit the highlighted<span class="Apple-converted-space"> </span><span style="color: #cc0000;">red coloured text<span class="Apple-converted-space"> </span></span>with your RSS id That's it.</span></li>
<span style="font-family: Verdana,sans-serif;">
<li>You can change the<span class="Apple-converted-space"> </span><span style="color: #cc0000;">Signup free daily</span><span class="Apple-converted-space"> </span><span style="color: #cc0000;">updates and Subscribe Me</span><span class="Apple-converted-space"> </span>with your own text.</li>
</span></ol>
</div>
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 1px 1px 2px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-origin: initial; background-position: 4px 4px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(225, 181, 0); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(225, 181, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(225, 181, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(225, 181, 0); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.398438) 1px 1px 2px; color: #333333; display: block; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; orphans: 2; padding-bottom: 10px; padding-left: 45px; padding-right: 10px; padding-top: 10px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 531px; word-spacing: 0px;">
<span style="font-family: Verdana,sans-serif;">Note: For best results use this widget at top of your blog comment on below for any debug error</span></blockquote>
<img alt="Shoutmeloud-bloggerwordpress-subscribebox" border="0" height="125" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCMULEetc3tOD67kpzw2LSgM2StHUKNf3VylS09qxXocpq9Dd3yTissTm7q3PcqR9CYhPLl_d2I2PA6YaqUjT_T5ZwM5FZwu3Mc-FHVRsxfjUgiwo4H-K0QRnGsi3tbbepeLP4xWBqx5af/s640/Shoutmeloud+Signup+subscribe+box.png" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana, sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; max-width: 100%; orphans: 2; text-align: center; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: auto; word-spacing: 0px;" width="640" />Sandyhttp://www.blogger.com/profile/02388059430732018284noreply@blogger.com0tag:blogger.com,1999:blog-3544299327610581925.post-27259251577995010332012-01-28T03:48:00.000-08:002012-01-28T03:57:34.895-08:00All In One New Cool Buttons Subscribe By Email Widget For Blogger<div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: justify; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div class="separator" style="clear: both; text-align: center;">
<a alt="All In One New Cool Buttons Subscribe By Email Widget For Blogger" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zU8NFR9PRRGyEqozjlNdH77bBHXxDxlL7JG9P2ndiq9dplyZovlGGlD1lsZfIYP2ZzabkeJtVNmTuJFlinynd6fG2Q2nCwipAKL4v64yRDkfC5BEajDdiclcwyNE-AAm76D3-b8Il7vM/s1600/Elegant+Subscribe+Box+For+Blogger+And+Wordpress.png" style="color: #666666; margin-left: 1em; margin-right: 1em; text-decoration: none;"><img alt="All In One New Cool Buttons Subscribe By Email Widget For Blogger" border="0" height="400" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0zU8NFR9PRRGyEqozjlNdH77bBHXxDxlL7JG9P2ndiq9dplyZovlGGlD1lsZfIYP2ZzabkeJtVNmTuJFlinynd6fG2Q2nCwipAKL4v64yRDkfC5BEajDdiclcwyNE-AAm76D3-b8Il7vM/s400/Elegant+Subscribe+Box+For+Blogger+And+Wordpress.png" style="border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; border-top-width: 0px; max-width: 100%; width: auto;" width="345" /></a></div>
<div class="separator" style="clear: both; text-align: left;">
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px; text-align: justify;"><a href="http://softechnogeek.blogspot.com/2012/01/how-to-add-mashable-popup-subscribe-box.html" style="color: #666666; text-decoration: none;" target="_blank">A new subscription box<span class="Apple-converted-space"> </span></a>it contains your backlink to your RSS OR ATOM feeds along with a fabulous Email Form this brings you targeted visitors.They can easily submit their Email address username id so that they can obtain latest updates right from your website. Blog site without having a subscription form makes no experience. Subscribers are actually the central source for every profitable website. A lot more audience you have got the better you will get. Most people subscribe for your Rss feeds exclusively whenever you share high quality articles. </span></div>
</div>
<div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px; text-align: justify;"></span><br />
<a href="http://draft.blogger.com/blogger.g?blogID=3544299327610581925" name="more" style="color: #bf0100; text-decoration: none;"></a><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px; text-align: justify;">For that reason it is extremely valuable that you can test every single practical way of<span class="Apple-converted-space"> </span><a href="http://softechnogeek.blogspot.com/2012/01/new-shoutmeloud-top-subscribe-signup.html" style="color: #666666; text-decoration: none;" target="_blank">boosting the amount of subscribers on your blog</a><span class="Apple-converted-space"> </span>site no matter whether you can be a Wordpress end user or even Blogger user. Just one simple and most prominent option to take is always to squeeze in a subscription box widget to all your blog page and spot the plugin close to the top part region of your blog just beneath the header.</span></div>
<span style="background-color: white; color: #333333; font-family: Verdana,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;"></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-style: normal; font-variant: normal; font-weight: 400; letter-spacing: normal; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; orphans: 2; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-align: left; text-indent: 0px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; white-space: normal; widows: 2; width: 568px; word-spacing: 0px;">
<span style="font-size: medium;">What Is The Right Place To Place This Widget On A Blog?</span></h4>
<span style="background-color: white; color: #333333; font-family: Verdana,sans-serif; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">Make sure your subscription box towards the top right or eventually left placement of the sidebars to catch the attention of plenty of people as you can.An outstanding subscription form by using pleasant icons and Email Text box does always draw in people to sign up for your updates.That will increase your loyal readers</span><br />
<div style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;"></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-size: medium;">Special Features Of This Subscribe Box Widget</span></h4>
<ul style="list-style-type: circle; text-align: left;">
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">SEO optimized added nofollow tag to external links.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">Fast loading coding are located on their own server.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">Unique widget to attract your loyal readers.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">East to use no complicated stuff.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">Just two-step installation.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">A large email image and a tag line can be modified.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">Subscribe to<span class="Apple-converted-space"> </span><a href="http://softechnogeek.blogspot.com/search/label/Facebook" style="color: #666666; text-decoration: none;" target="_blank">facebook</a>,Twitter,RSS,<a href="http://softechnogeek.blogspot.com/search/label/YouTube" style="color: #666666; text-decoration: none;" target="_blank">Youtube</a><span class="Apple-converted-space"> </span>and email listings.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">Hover effect for icons.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">You can also<span class="Apple-converted-space"> </span><a href="http://softechnogeek.blogspot.com/search/label/Blogger%20Widgets" style="color: #666666; text-decoration: none;" target="_blank">add this plugin to you wordpress</a>.</span></li>
<li style="color: #ac0100; line-height: 1.5em;"><span style="color: #333333; font-family: Verdana,sans-serif; line-height: 18px;">No javascript coding so it can load much more faster than ever.</span></li>
</ul>
<div style="text-align: center;">
<a class="demobutton button" href="http://mtv-rodies-8.blogspot.com/" rel="nofollow" style="-webkit-box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px; background-attachment: scroll; background-clip: initial; background-color: #bf0100; background-image: initial; background-origin: initial; background-position: 0px 0px; background-repeat: initial initial; border-bottom-color: rgba(0, 0, 0, 0.246094); border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-bottom-style: solid; border-bottom-width: 1px; border-top-left-radius: 5px; border-top-right-radius: 5px; box-shadow: rgba(0, 0, 0, 0.246094) 0px 1px 3px; color: #666666; cursor: pointer; display: inline !important; font-family: Verdana, sans-serif; font-size: 17px; font-weight: bold; line-height: 1; overflow-x: visible; overflow-y: visible; padding-bottom: 9px; padding-left: 19px; padding-right: 19px; padding-top: 8px; position: relative; text-align: center; text-decoration: none; text-shadow: rgba(0, 0, 0, 0.246094) 0px -1px 1px; width: 100px;" target="_blank">Live Demo</a></div>
<span style="color: #333333; font-family: Verdana,sans-serif;"><span style="line-height: 18px;"> </span></span><br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-size: medium;">Css Part</span></h4>
Add this below code to above ]]></b:skin> tag and save it.<br />
<br />
<div dir="ltr" style="text-align: left;">
<div style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-style: dashed; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(0, 0, 0); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: dashed; border-top-width: 1px; height: 250px; overflow-x: auto; overflow-y: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left; width: 600px;">
<br />
<span style="font-family: arial;"><span style="font-size: 12px;">/* Social &Newsletter Widget *//* Social */.social {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:#fcfcfc;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>height:80px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0 15px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom:1px solid #f0f0f0;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social li {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>width:52px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-right:15px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-align:center;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social li.last {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-right:0;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social li a {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:0.6;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>filter:alpha(opacity=60);</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>font-size:11px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#666;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top:42px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>line-height:34px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social li a:hover {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>opacity:1.0;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>filter:alpha(opacity=100);</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#666;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social .social-feed {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhws9LiOkOPDStxNnZvBYSG6-0qYfFCjsMqsJieIDql2vPhwgo3-h5_k1mrhdLzFtQvFI5CLaVIICH96SpdS_kBN7FUFy2GXxbXY5PYV7Fc1D16nguVMQm1mSh8ZwZkZhN7J6oyTNPsUAk/s1600/ico-social-rss.png) no-repeat;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social .social-twitter {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPShY9ROyVhfl-HCIB84Cv7X7_yPUt5Q4Y7HLxTQNcN76CkvcTes_Cbg1cVkOKcisLiEaKsKfzU9r3u53zNl5oPRH_wciRAwox0s3pdXHFOQftXxXew6Ymi90IDT_eygo9q2OF3HGXvU0/s1600/ico-social-twitter.png) no-repeat;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social .social-facebook {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRKt9AO-aPg1DWMBDXYmczCfH1se-3_M4UNVvqLKUI47Y2kljuhtOm0yyOCrg7eaM8nEiYyv4Fvzm2XvMW_sHLq4A3iIKp_YEA68c91waBXIImWchHq5MGaNKggmC34s4quYNcsfKlNGc/s1600/ico-social-facebook.png) no-repeat;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><br /></span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">.social .social-youtube {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEielXVpGto0tbsKLHWofYpgunnSt1ZzTle1n6uutyyH199xgtty3_88ZoQFM1kOxRkyBnXD8OMo-23Ev0b8Kh41Wfmg5FcQmmGuYTm3YK2BKhhzX7c4W0iB4ms3Hl7Atc6CYUnnzlebqbk/s1600/ico-social-youtube.png) no-repeat;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin-right:0;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<span style="font-family: arial;"></span><br />
<div style="font-size: 12px;">
<span style="font-family: arial;">form.emailform {</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:20px 0 0;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>clear:both;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;">}</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><br /></span></div>
<br />
<span style="font-family: arial;"><span style="font-size: 12px;">.emailtext {</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNfB263XkkbGG-300GLQFN75REKJbXBRuqGR3JvZ1oqdgKAx6AWy-iP77sVQn1pF-FTFNc3vJd0Gj3J4zT_KWPN6CqIjYBVxtyRJYzooaQsG9TYg3BSkOfqtWtr_JqE0TYJWVDVCadumXq/s28/w2b-mail.png) no-repeat scroll 4px center transparent;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:7px 15px 7px 33px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#444;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight:bold;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border:1px solid #D3D3D3;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius:4px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius:4px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius:4px;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-box-shadow:1px 1px 2px #CCC inset;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-box-shadow:1px 1px 2px #CCC inset;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;"><span class="Apple-tab-span" style="white-space: pre;"> </span>box-shadow:1px 1px 2px #CCC inset;</span></span><br />
<span style="font-family: arial;"><span style="font-size: 12px;">}</span></span><br />
<div style="font-size: 12px;">
<span style="font-family: arial;"><br /></span></div>
<br />
<div style="font-size: 12px;">
<span style="font-family: arial;"><br /></span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;">.ebutton {</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#444;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>font-weight:bold;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration:none;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>padding:6px 15px;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border:1px solid #D3D3D3;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>cursor:pointer;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-moz-border-radius:4px;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-webkit-border-radius:4px;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>-goog-ms-border-radius:4px;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>border-radius:4px;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:#fbfbfb;</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:-moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:-webkit-gradient(linear, left top, left bottom, color-stop(0%, #fbfbfb), color-stop(100%, #f4f4f4));</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:-webkit-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:-o-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:-ms-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4', GradientType=0 );</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;"><span class="Apple-tab-span" style="white-space: pre;"> </span>background:linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);</span></div>
<div style="font-size: 12px;">
<span style="font-family: arial;">}</span></div>
</div>
</div>
<br />
<h4 style="-webkit-box-shadow: rgb(51, 51, 51) 1px 1px 2px; background-attachment: initial; background-clip: initial; background-color: initial; background-image: -webkit-linear-gradient(top, rgb(191, 1, 0) 0%, rgb(191, 1, 0) 100%); background-origin: initial; background-position: initial initial; background-repeat: initial initial; border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-left-color: rgb(173, 0, 0); border-left-style: solid; border-left-width: 18px; border-top-left-radius: 6px; border-top-right-radius: 6px; box-shadow: rgb(51, 51, 51) 1px 1px 2px; color: white; font-family: 'Francois One'; font-size: 18px; font-weight: 400; line-height: 1.4em; margin-bottom: 10px; margin-left: 0px; margin-right: 15px; margin-top: 0px; padding-bottom: 2px; padding-left: 15px; padding-top: 1px; text-shadow: rgb(51, 51, 51) 1px 1px 1px; text-transform: capitalize; width: 568px;">
<span style="font-size: medium;">HTML Part</span></h4>
Add this below code to html/javasript widget to your layout of your blog and save it.</div>
<div style="background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div dir="ltr" style="-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-color: white; color: #333333; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; orphans: 2; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;">
<div style="background-color: white; border-bottom-color: rgb(0, 0, 0); border-bottom-style: dashed; border-bottom-width: 1px; border-image: initial; border-left-color: rgb(0, 0, 0); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(0, 0, 0); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(0, 0, 0); border-top-style: dashed; border-top-width: 1px; height: 250px; overflow-x: auto; overflow-y: auto; padding-bottom: 4px; padding-left: 4px; padding-right: 4px; padding-top: 4px; text-align: left; width: 600px;">
<span style="font-family: arial;"><div class="widget-content"><br /><br /><div style="border: 1px solid DodgerBlue; padding: 1mm;"><br /><center><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNm95pUKlzqwlEQ8vDk00rPUczj_0sdVj21buX63I8uMuQbKPub6OCg_ZCxVtUNpcdIezAW3rn5I-v2CLDPijwmNrPH_DBh0BVaa8wdfXZAGURbB8T_dKaY4paps7mpp9PB1ZYNWAXSuk/s1600/email-px-png.png" /></center><br /><center><span style="font-weight: bold;font-size:small;">Subscribe by E-mail &amp; receive free updates of these cool Tips N Tricks straight to your inbox!</span><br /><br /><br /><ul class="social"><br /> <li><a class="social-facebook" href="http://www.facebook.com/pages/mtv-roa7ies/180963302319" rel="nofollow" target="_blank">Facebook</a></li><br /> <li><a class="social-twitter" href="http://twitter.com/newideas86" rel="nofollow" target="_blank">Twitter</a></li><br /><li><a class="social-feed" href="http://feeds.feedburner.com/MtvRodies8" rel="nofollow" target="_blank">RSS</a></li><br /> <li><a class="social-youtube" href="http://www.youtube.com/user/newideas86" rel="nofollow" target="_blank">YouTube</a></li> <br /> </ul><br /></center><br /><br /><br /><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" class="emailform" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=MtvRodies8', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><br /><br /><br /><input type="hidden" value="MtvRodies8" name="uri" /><br /><input type="hidden" name="loc" value="en_US" /><br /><input type="text" value="Enter your email..." name="email" class="emailtext" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" /><br /><input type="submit" class="ebutton" value="SignUp" title="" alt="" /><br /></form><br /><center><br /><span class="Apple-style-span" style="color: rgb(51, 51, 51); font-family: 'Trebuchet MS', Trebuchet, Arial, Verdana, sans-serif; font-size: 10px; font-style: italic; background-color: rgb(255, 255, 255); ">Your email address will not be shared with anyone</span><br /></center><br /><div dir="ltr" style="text-align: left;" trbidi="on"><br /><a href="http://widgetsforfree-007.blogspot.com/2012/01/all-in-one-new-cool-buttons-subscribe.html" target="_blank" title="Blogger Widget"><span style="font-size: xx-small;">Blogger Widget »</span></a></div><br /></div><br /></div> </span></div>
</div>
<br />
<blockquote class="tr_bq" style="-webkit-box-shadow: rgba(0, 0, 0, 0.398438) 1px 1px 2px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; background-attachment: initial; background-clip: initial; background-color: white; background-origin: initial; background-position: 4px 4px; background-repeat: no-repeat no-repeat; border-bottom-color: rgb(225, 181, 0); border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; border-bottom-style: solid; border-bottom-width: 1px; border-left-color: rgb(225, 181, 0); border-left-style: solid; border-left-width: 1px; border-right-color: rgb(225, 181, 0); border-right-style: solid; border-right-width: 1px; border-top-color: rgb(225, 181, 0); border-top-left-radius: 4px; border-top-right-radius: 4px; border-top-style: solid; border-top-width: 1px; box-shadow: rgba(0, 0, 0, 0.398438) 1px 1px 2px; color: #333333; display: block; font-family: Verdana; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 22px; margin-bottom: 0px; margin-left: auto; margin-right: auto; margin-top: 0px; orphans: 2; padding-bottom: 10px; padding-left: 45px; padding-right: 10px; padding-top: 10px; text-align: left; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; width: 531px; word-spacing: 0px;">
Note:<span style="color: #cc0000;">Highlighted red part</span><span class="Apple-converted-space"> </span>should be changed with you suitable id If you have any bug or modification just post below your comments so that i can solve it</blockquote>
</div>Sandyhttp://www.blogger.com/profile/02388059430732018284noreply@blogger.com0