How to add email subscription widget below every post in blogger

Posted by Unknown
Hi geeks,welcome back to worldtrick360.I heared from many bloggers that they are writing nice and useful articles without any copyright even though they are not getting required amount of traffic.Here we have to know one thing that writing an article is also equals to publishing that article in a correct way.Many of the bloggers they write articles but some of them are unable to publish there articles in a correct path.We can get millions of traffic through social media networking and writing correct keywords for a post.Yes nowadays social media sites like facebook,twitter etc are became very popular.
worldtrick360.com

So,if you can utilise the social media networking properely then you can get your required amount of traffic easily.You are writing an nice articles but you need subscribers in order to view your articles regularly what you are updating.Adding subscriber widget below every post is one of the method to get a good amount of traffic.In this tutorial iam going to show you how to add email subscription widget below every post.

Steps to Follow


  • Sign in to your blogger dashboared.
    worldtrick360.com
  • Click on Template > Edit html.
    worldtrick360.com
  • Now search for  "]]></b:skin>"  by pressing ctrl+F in your template.
    worldtrick360.com
  • Now copy below code and paste just before "]]></b:skin>" .
    worldtrick360.com
Lock a folder without any softwares

Code to copy

@import url("http://fonts.googleapis.com/css?family=Oswald&;amp;text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw%20");
.w2bOldSocial ul {
font-family: 'Oswald', sans-serif;
margin: 15px 0;
overflow: hidden;
}
.w2bOldSocial ul li {
float: left;
width: 90px;
padding: 0 0 0 55px !important;
margin: 0 0 0 5px !important;
line-height: 48px !important;
}
.w2bOldSocial ul li a {
font-size: 20px !important;
text-decoration:none;
padding:0 !important;
margin:0 !important;
text-decoration:none;
}
.w2bOldSocial ul li a:hover {
text-decoration:underline;
}
.w2bOldSocial ul li.w2brss {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjsWdS5X6G7_VtLwkjRydoLlnFwTKGTNDQRHiFSTLQ3x-UNKxycTK9iCpf2aIrwXv0xn-FBoXLRdloTJsLE1JpUMPfGHIiMs065XdMG0nCbIItvhixCZj3XtaJJkkff6M2hv1XG67sA2N2/s48/RSS.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bmail {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEieaWnXJ3_wakE_gBN9mtEFkemEjLWLmmiyljbRKLy5cwQvko8lhrxJhyzGggkSegUXWv8hRfWuySq4Cw7h1sxU7qIP7QJ6luo-MKyzpeRRS5jflG6gLJTAFqpLOFdOnnhK1CaHFLxLV0Ff/s48/Mail.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2btwitter {
background: url("http://www.worldtrick360.com/-d8fPV2jD2p0/TeTFVkAMFOI/AAAAAAAAA4k/0jYlyJGVmXM/s48/Twitter2.png") no-repeat scroll left center transparent !important;
}
.w2bOldSocial ul li.w2bfacebook {
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqZ2gGQPXi7nl76IodtdbOooxYJNC-vH7ezDBk413Yvp3TcSvNgHXWovc2QE7RwutPLqVuQ5GdfRs8IWCiJV7jfF9se3OBBZzs0fI8Hm2bSNgOEtNN84nvy2c6QnPVj6pixqAJdNHJJ0Dn/s48/Facebook.png") no-repeat scroll left center transparent !important;
}
#w2bEmailsub {
display: block;
clear: both;
margin: 10px 0;
}
form.w2bEmailform {
margin: 20px 0 0;
display: block;
clear: both;
}
.emailText {
background: url("http://www.worldtrick360.com/-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE/dkyZEzF2HIw/s28/w2b-mail.png") no-repeat scroll 4px center transparent;
padding: 7px 15px 7px 35px;
color: #444;
font-weight: bold;
text-decoration: none;
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
-moz-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.emailButton {
color: #444;
font-weight: bold;
text-decoration: none;
padding: 6px 15px;
border: 1px solid #D3D3D3;
cursor: pointer;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fbfbfb;
background: -moz-linear-gradient(top, #fbfbfb 0%, #f4f4f4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4));
background: -webkit-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
background: -ms-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

  • Now go to your blogger dashboared
    worldtrick360.com
  • Click on Layout > Add a Gadget.
    worldtrick360.com
  • Now click on Html/javascript and paste the below code in content space.
    worldtrick360.com

Code to be copy

<div class="w2bOldSocial">
<ul>
<li class="w2brss"><a href="http://feeds.feedburner.com/worldtrick360">RSS</a></li>
<li class="w2bmail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=worldtrick360" >Email</a></li>
<li class="w2btwitter"><a href="http://twitter.com/Harish88888888">Twitter</a></li>
<li class="w2bfacebook"><a href="http://facebook.com/Worldtrick360">Facebook</a></li>
</ul>
</div>
<div id="w2bEmailsub">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=worldtrick360', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="w2bEmailform">
<input type="hidden" value="worldtrick360" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" 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;}" value="Enter your email..." name="email" class="emailText" />
<input type="submit" class="emailButton" value="SignUp" title='' />
</form>
</div>

Now customize the above code

  1. http://feeds.feedburner.com/worldtrick360 with your feed burner url.
  2. href="http://feedburner.google.com/fb/a/mailverify?uri=worldtrick360.
  3. http://twitter.com/Harish88888888 with your twitter url.
  4. http://facebook.com/Worldtrick360 with your facebook url.
  5. <input type="hidden" value="worldtrick360" name="uri" />  with your feed burner Id. 

  • After that click on save thats all guys now you check your site there will be an subscription widget.
Add flying twitter bird to blog

0 comments:

Post a Comment