Android Helping is a way to get information on Android knowledge.

Proffesional Social Subscribe and Follow Widget For Blogger

Today we are going to socialize our blog with awesome Subscribe Us widget below every post or where you wish. It is one of the most awesome widget i have ever made for my visitors. Its demo can be see below in this picture.
Subscribe Us Widget By TipsForTricks
Social Subscribe Widget For Blogger Screenshot

This Widget has following features
  • Newsletter option.
  • Facebook Follow
  • RSS follow
  • g+ Follow
  • Can be added any where in template
  • Automatic Adjustable/Responsive

Integrate Social Subscribe Widget Code

  • After logging in to your Blogger's dashboard go to Layout Section.
  • Choose Place where you want to add this gadget. Place above posts section is recommended.
  • Now click on Add Widget.
  • Place whole code below written to there.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<fieldset style='border:1px dashed #444;'>
 <legend align='left' style='border:1px dashed #444;; padding: 4px 4px; margin-  left: 20px;'>Subscribe Us</legend><style>.TVBstyle{background:url(http://1.bp.blogspot.com/-WuFShqfjqf4/UUVLH2y30LI/AAAAAAAADrQ/KREAx9i116g/s1600/email_icon.png) no-repeat scroll 4px center transparent;padding:7px 15px 7px 35px;border:1px solid #D3D3D3;-moz-border-radius: 4px;-webkit-border-radius: 4px;color:#666;font-weight:bold;text-decoration:none;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;}.TVBsubmit{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%);}
 </style>
 <center>
 <div id='emailwidget-outer'>
 <div id='emailwidget'>
 <table width='97%'>
 <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 15px;'>
 <p style='color:#444; font-size: 16px; margin:0px 0px 5px 0px; '>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= tricksfortips&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='tricksfortips'/>
 <input name='loc' type='hidden' value='en_US'/>
 <input class='TVBstyle' 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='TVBsubmit' title='' type='submit' value='Submit'/>
 </form>
 </td>
 <td style='border:none; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px;'><p style='color:#444; font-size: 16px; margin:0px 0px 5px 0px; '>Follow us!</p>
 <a href='http://feedburner.google.com/fb/a/mailverify?uri=tricksfortips' rel='nofollow' target='_blank' title='Suscribe to RSS Feed'>
 <img src='http://4.bp.blogspot.com/-OQTbVwwGLBs/UUVKZPBSpTI/AAAAAAAADq0/1mDj2LuKZys/s1600/rss.png'/>
 </a>
 <a href='http://twitter.com/ammarmalghani' rel='nofollow' target='_blank' title='Follow us on Twitter'>
 <img src='http://3.bp.blogspot.com/-o9r4HTM-JNs/UUVKZ_ccnaI/AAAAAAAADrI/VhaD-tYwG_Q/s1600/twitter.png'/>
 </a>
 <a href='http://www.facebook.com/asamblogspot' rel='nofollow' target='_blank' title='Follow us on Facebook'>
 <img src='http://3.bp.blogspot.com/-Rk3a1xGNCr8/UUVKZM1LljI/AAAAAAAADqw/yDU_4aZ1l8c/s1600/facebook.png'/>
 </a>
 <a href='https://plus.google.com/109479935066215941832' rel='nofollow' target='_blank' title='Follow us on Google+'><img src='http://3.bp.blogspot.com/-Lxs1FyWQmp4/UUVKZAq8YhI/AAAAAAAADq4/IBFqKt5Refo/s1600/gplus.png'/>
 </a>
 </td>
 </tr>
 </tbody>
 </table>
 </div>
 </div>
 </center>
 </fieldset>
 </b:if>
 You need to do some changing in this code in order to make it work perfectly let us start.
  • Change Bold Green Color "tricksfortips" to the username of your Google Feedburner account. Note: It is available at two locations inside the code please investigate correctly.
  • Now change blue color bold letters "ammarmalghani" to your twitter username.
  • Now change red color bold letters "asamblogspot" to your facebook username.
  • Now Click on Save And enjoy.
It is tested i am still using it. I will soon add more features to it. Thanks for reading. Do not forget to subscribe our blog too.

Tags

subscribe rss blogger
add subscribe blogger
blogger email subscribe widget
subscribe via email blogger
email blogger support
social subscription widget for blogger
social media widget for blogger
social sharing widget for blogger
social network widget blogger

Share:

No comments:

Post a Comment

If you have any problem and questions related to this article then please ask them. One of our moderators will reply soon. Please keep in mind that all the comments are checked for moderation and spam ones are deleted immediately. These spam contacts also include those which are not related to this article. Thanks for understanding !

Popular Posts

Recent Posts

Unordered List

  • Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  • Aliquam tincidunt mauris eu risus.
  • Vestibulum auctor dapibus neque.

Sample Text

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat.

Pages

Theme Support

Need our help to upload or customize this blogger template? Contact me with details about the theme customization you need.