Add Email Subscription Form For Blogger

Many visitors on the blog subscribe to the blogs to remain updated with their content. So they can know whats going on the blogs. Google Feed Burner provides us a very simple subscription email form for our blog. Today every blog we see has a stylish email subscription form hanging on their blogs. So don't get bored by a simple subscription form and follow the steps below to add a stylish email subscription form to your blog's sidebar.



1. Login to your Blogger account.
2. Go to Design tab and then Page Elements.
3. Then click Add a Gadget and select HTML / Javascript.
4. Now add the following code in the big text field.

<div style="border: 2px dotted #000; padding: 5mm;"> <center>

<center>

<img src="https://lh4.googleusercontent.com/-AIJzcrjWis8/TYCLJ6mMlDI/AAAAAAAAALg/0kpGU22CClg/s1600/MagentoMagik-email-subscription-extension.jpg" 

border="0" width="250px" height="140" /></center>

<div style="text-align: justify; font-size: 13px; font-family: sans-serif; font-weight: bold; color: rgb(102, 102, 102);">

Subscribe This Blog Via Email and Receive Our Articles To Your Inbox</div>

<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px;" target="popupwindow" method="post" onsubmit="window.open('http://feedburner.googlejavascript:void(0).com/fb/a/mailverify?uri=IdeasandReviews', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true">

<input style="width: 150px;height:20px;" class="ft00" name="email" type="text" /><input value="IdeasandReviews" name="uri" type="hidden" />

<input value="en_US" name="loc" type="hidden" />  

<input onmouseover="this.className=&#39;ft fthov&#39;" onmouseout="this.className=&#39;ft&#39;" class="ft"

 value="Subscribe Me!!" type="submit" />

</form></center>

</div>

3. Now change the red code with your feed name and save your widget.

You can also change the subscribe button text by changing the code in the blue.

Add Facebook Send and Like Button Under Posts In Blogger

 

  Add Facebook Like and Send Button To Blogger Posts

1. Go to Blogger Dashboard > Your Blog > Template > Edit HTML

2. Backup your template.

3. Check the box of expand widget template.

4. Search for <data:post.body/>.

5. Now if you want to add the plugin at the end of posts, then add the following code below <data:post.body/>. If you want to add the plugin just below post titles, then add the below code before <data:post.body/>.

<div id="fb-root"></div><script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="" send="true" layout="button_count" width="450" show_faces="false" font=""></fb:like>

6. Now save your template and you're done !

Add Facebook Like, Tweet, +1 and Share Button Below Post Title

1. Go to Addthis.

2. Now on the left side, you will see many widgets. Select Facebook Like, Tweet and +1 buttons' widget as pointed in the image below.

3. Now copy the code in the filed at the right side of the widget you selected.

4. Now go to Blogger > Template > Edit HTML.

5. Check the box of expand widget template.

6. Search for <data:post.body/>.

7. Now place the copied code just before it and save your template.

Note: Your buttons will appear only on blogger post pages.