Get the New Email subscription Widget for blogger improved version

Email subscription Widget for blogger Improved version

Some days back we brought to you one of the best blogger email subscription widget.. Which was designed to suit your blogger template need or design.. Today we are bringing you the newest of the email subscription widget... This widget is not really new in the system but what makes it new now is that it has been updated with  beautiful social media icons embedded below it... The reason is to make it possible for your readers to navigate to your social network page and check out whats trending or new on your page.. The widget also make it possible to display the number of readers or subscribers your website or blog has.. Note this widget can also be embedded into a website.... We would get you updated of new blogger widget and tips.. stay connected to us...

 View the previous post...........   Email Subscription widget for blogger

1.  Log in to blogger  dashboard
2.  Select the blog you are editing by Clicking the  drop down arrow.

3. Select the layout as shown in the image

3. Select Add a Gadget depending on where you want it to appear/Show

4. Select HTML/JavaScript as shown in the Image below !!

5. Paste the code below in the empty box that would appear after clicking the HTML/JavaScript.....

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<!-- Newsletter Widget By -->
#byard-subsbox { height:365px; width:285px; background:hsla(0,0%,95%,0.4);
 border:5px solid hsla(0,0%,67%,0.19);
 border-radius:10px 10px 10px 10px;
#byard-subsboxh3 {
#byard-subsboxheader {
 border-bottom:1px solid #ddd;
 border-top:1px solid #ddd;
.byard-subsbox-form {
#byard-subsboxheader img {
.byard-subsbox-name {
 background:#fff url( no-repeat 7px 8px;
 border:1px solid #ddd;
 padding:5px 15px 5px 28px;
.byard-subsbox-email {
 background:#fff url( no-repeat 7px 10px;
 border:1px solid #ddd;
 padding:5px 15px 5px 28px;
.byard-subsbox-name:hover,.byard-subsbox-email:hover {
 border:1px solid #bebebe;
 box-shadow:0.5px 1.5px 2px rgba(5,95,255,.1);
.byard-subsbox-submit {
 -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
 -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
 box-shadow:inset 0px 1px 0px 0px #ffffff;
 background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#ededed),color-stop(1,#dfdfdf) );
 background:-moz-linear-gradient( center top,#ededed 5%,#dfdfdf 100% );
 border:1px solid #dcdcdc;
 padding:6px 24px;
 text-shadow:1px 1px 0px #ffffff;
.byard-subsbox-submit:hover {
 background:-webkit-gradient( linear,left top,left bottom,color-stop(0.05,#dfdfdf),color-stop(1,#ededed) );
 background:-moz-linear-gradient( center top,#dfdfdf 5%,#ededed 100% );
.byard-subsbox-submit:active {
 top: 1px;
    <link href='' rel='stylesheet' type='text/css'/>
    <link href='' rel='stylesheet' type='text/css'/>
<div id='byard-subsbox'>
 <div id='byard-subsboxh3'>
  Subscribe To Our Newsletter
 <div id='byard-subsboxheader'>
  <a href=''><img src='' style='float:left;'/></a>
  <p style='margin-top:13px;'>
   Sign Up Now To Get New,blogging tips, Software, Apps and Games Directly into Your Mail For Free ! Your mail is safe!!
 <form action='' class='byard-subsbox-form' method='post' target='_new'>
  <input class='byard-subsbox-name' name='name' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Name&apos;;}' onfocus='if (this.value == &apos;Your Name&apos;) {this.value = &apos;&apos;;}' value='Your Name'/>
  <input class='byard-subsbox-email' name='email' onblur='if (this.value == &apos;&apos;) {this.value = &apos;Your Email Adress&apos;;}' onfocus='if (this.value == &apos;Your Email Address&apos;) {this.value = &apos;&apos;;}' value='Your Email Address'/>
  <input class='byard-subsbox-submit' type='submit' value='Sign Up!'/>
 <p style='font-family:times new roman;margin-top:10px;font-size:15px;'>
<div id="wc-socico">
<table border="0" cellspacing="0" cellpadding="0" width="298">
<td valign="top" ><a href='' target='_blank' rel=nofollow' ><img id="wc-socicoimg" src="" alt="Subcribe to our RSS feeds" /></a></td>
<td valign="top" ><a href='' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="" alt="Join Us on Facebook" /></a></td>
<td valign="top" ><a href='' target='_blank' rel='nofollow'><img src="" alt="Add to Circles" id="wc-socicoimg" /></a></td>
<td valign="top" ><a href='' target='_blank' rel='nofollow'><img id="wc-socicoimg" src="" alt="Follow us on Twitter" /></a></td>
<td valign="top" ><p id="wc-rscount"><a href="" rel="nofollow"><img  src="" height="26" width="95" style="border:0" alt="" /></a><a href="" target="_blank"><span style="color: #666666; font-size: xx-small;">get Yours</span></a></p></td>

Modification: Remember to modify the following links... 

Locate :

  • and change 100computertech with your feedburner ID 
  •   just change 100computertech to your feedburner ID
  •  just replace 100computertech with your feedburner ID
  •  just replace 100comtech with your twitter username
  • 109180225763419238192    just replace with your google plus code
  •  just replace with your facebook page link

To edit the width and height please locate this code and change to your preference............. 

#byard-subsbox { height:365px; width:285px;

Caring is Sharing please share this for Us.... If you have any question please use our comment form below and leave us your comment  !!!!!!!!!!!!!!!!!!

0 default, disqus:

Post a Comment