BlogTariff


Earlier we've discussed about various types of Social subscribers widget for blog. Here,BlogTariff come up with another stylish Social sharing buttons with Email subscription from to get updates widget for blogger. This widget contains, Facebook button, Twitter button, Google plus button, Email Subscription form box with stylish look to attract more visitors/readers. This widget surely increases not only Traffic of blog also crafts-in gaining of Subscribers with simple adding code method. No need to work hard just copy and pasting below the post converts visitors/readers to subscribe to blog. Lets' begin the tutorials to install this widget to blogger.


How to Add Email Subscription widget for blogger?

Sign into your blogger account
Click on "EDIT HTML" link tab
(Before you do implement this experiment on your blog backup template if any thing goes wrong you can reuse it again)
Mark "Expand Widget Template" Check box
Now, Search for code
<data:post.body/>
After finding the code copy the below code and paste it after/below to it
<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
form.feedburner {
    margin: 20px 0 0;
    display: block;
    clear: both;
}

.blogtariffstyle {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSSnK_9YsGBKAauDmvUGE8tWQF-6A9L4MCDVSht1RxZRheg22kwnw-lpayNhOP815pyIiu-yC8XjkZT0Y51SyoU_CV7CsVeFvXRTPCaCHz8txBnjkuJ3chZjx1O5f73Roz_0HqKo1x1Ok/s660/blogtariff.com-email-icon.png) no-repeat scroll 4px center transparent;
    padding: 7px 15px 7px 35px;
    color: #666;
    font-weight: bold;
    text-decoration: none;
    border: 1px solid #D3D3D3;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}

.blogtariffsubmit {
    color: #666;
    font-weight: bold;
    text-decoration: none;
    padding: 6px 15px;
    border: 1px solid #D3D3D3;
    cursor: pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -goog-ms-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=&#39;
    #FBFBFB&#39;, endColorstr=&#39;#F4F4F4&#39;,GradientType=0 );
background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);
}

#blogtariff-widget {
    -moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    -goog-ms-border-radius: 10px 10px 10px 10px;
    border-radius: 10px;
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    padding: 8px;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    -webkit-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
    width: 480px;
    -webkit-box-shadow: inset 0px 0px 8px rgba(50, 50, 50, 0.75);
    -moz-box-shadow: inset    0px 0px 8px rgba(50, 50, 50, 0.75);
    box-shadow: inset         0px 0px 8px rgba(50, 50, 50, 0.75);
    -webkit-box-shadow: inset 0px 5px 0px 0px #D8D8D;
}

#blogtariff-widget:hover {
    background: none repeat scroll 0 0 #FFF;
    -moz-box-shadow: 1px 1px 2px #CCC inset;
    -webkit-box-shadow: 1px 1px 2px #CCC inset;
    box-shadow: 1px 1px 2px #CCC inset;
}

#blogtariff-widget td {
    padding: 3px 0;
}
</style>

<center><br/><div id='blogtariff-widget'>
 <div id='emailwidget'>
  <table style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;' width='100%'>
  <tbody>
  <tr style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
   <td align='left' style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 18px; margin:0px 0px 5px 0px;font-family:georgia;font-style:italic; '>
     Get free daily email updates!
    </p>
    <form action='http://feedburner.google.com/fb/a/mailverify' class='feedburner' method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=blogtariff&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' style='margin: 0pt;' target='popupwindow'>
     <input name='uri' type='hidden' value='blogtariff'/>
     <input name='loc' type='hidden' value='en_US'/>
     <input class='blogtariffstyle' name='email' 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;}' type='text' value='Enter your email…'/>
     <input alt='' class='blogtariffsubmit' title='' type='submit' value='Submit'/>
    </form>
   </td>
   <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'>
    <p style='color:#666; font-weight: bold; font-size: 14px; margin:0px 0px 5px 0px;font-family: georgia; '>
     Follow us!
    </p>
    <a href='http://feeds.feedburner.com/blogtariffcom' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2MWV7LR-ZcOQ-t_ytlC8jX1CCKEjGxhgu1MN7kGlF2cGfyIW-pO4S0Lce5CrjHMYXNzgxug50Hx1a4mK6WcdD8edGVP0otGCwGm7AADzGGtXLCxoPKHnynbeql5mfIBy7T6j27Cgqk6I/s660/blogtariff.com-rss.png'/></a>
    <a href='http://twitter.com/blogtariff' rel='nofollow' target='_blank' title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitrXXtOp0pdEfQulDZiP1dD7bn1f5I5UrWJNq4KmNRIunHdF3QhoTh67nZ0GJycDbQzVAnIERFjKsifKAh31wLoao0wBZmgXWlBqbnpVK0hW3rAF-Yk5BjeO2lpRqCidtxGW7LCUUq2eA/s660/blogtariff.com-twitter.png'/></a>
    <a href='http://www.facebook.com/blogtariffcom' rel='nofollow' target='_blank' title='Follow us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEji8vqz2mUvmO_7zj0wQA5wnpMIL98nGyGH5hFbReytHZWSrHCXWpJSw2BUI4K-7wl6jap1C-WAp55_Hx14GRNtyk5uBHlYe7-Ei6GWUOZ8P-4u5vQXnxOeCtbOvM9zMn2LnQoyCzk1voc/s660/blogtariff.com-fb.png'/></a>
    <a href='https://plus.google.com/108581316248547169217/' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgCDCdHDNlTK25ujxlpt8MjzzkfxXzh7KI9pffOdWtJ9Tnfhiyd0HufGDwbYUTN1Rkagpcurf9wpFd0YCQXNoafGUM0CzGbQzHe99RZW9k0UK6QV_e5-DKIyWlFy16HG7EZHdlP6L5Qhs/s660/blogtariff.com-gplus.png'/></a>
   </td>
  </tr>
  </tbody>
  </table>
  <div align='right'>
   <span style='font-style: italic; font-size: 8px; color: solid #ffffff;'><a href='http://www.blogtariff.com/' style='text-decoration: none;' target='_blank'><font color='#000' decoration='none'>[Get this widget]</font></a></span>
  </div>
  <iframe src="http://www.facebook.com/plugins/like.php?    href=http%3A%2F%2Fwww.facebook.com%2Fblogtariffcom&amp;&send=false&layout=standard&width=300&show_faces=true&action=like&colorscheme=light&font&height=80"scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:80px;" allowTransparency="true"></iframe>
  <a class='twitter-follow-button' href='http://twitter.com/blogtariff' rel='nofollow'></a>
  <script src='http://platform.twitter.com/widgets.js' type='text/javascript'></script>
 </div>
</div>
</center>
</b:if>

Simple Corrections:


  • Replace blogtariff with your Feed burner Username as highlighted in Red color
  • Replace blogtariff with your Facebook page name as highlighted in Pink color
  • Replace blogtariff with your Twitter Username as highlighted in Green
  • Replace 108581316248547169217 code with your Google plus ID code

After successful pasting the above code and with necessary corrections now, "Save the Template".
If you feel any type of difficulty in pasting the code or error, bring to us we try for you.

Appreciation

If you enjoyed and we helped you a little bit then favor us on Subscribing to US

Posted by
Share to:

Post a Comment Gmail ID

Do not Try to Add Spam Comments

Subscribe to: Post Comments (Atom)
 
Top