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.
- Click on Template > Edit html.
- Now search for "]]></b:skin>" by pressing ctrl+F in your template.
- Now copy below code and paste just before "]]></b:skin>" .
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
- Click on Layout > Add a Gadget.
- Now click on Html/javascript and paste the below code in content space.
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 == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailText" />
<input type="submit" class="emailButton" value="SignUp" title='' />
</form>
</div>
Now customize the above code
- http://feeds.feedburner.com/worldtrick360 with your feed burner url.
- href="http://feedburner.google.com/fb/a/mailverify?uri=worldtrick360.
- http://twitter.com/Harish88888888 with your twitter url.
- http://facebook.com/Worldtrick360 with your facebook url.
- <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.
0 comments:
Post a Comment