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

[Responsive] RSS Forum with Social Icons for Blogger

Feed Burner is a service of Google. It is widely used by millions of bloggers and webmasters in their blog. Feed Burner provides variety of services like Feed Burner’s Feed and Feed Burner Email Subscription. Most reliable of there services is Feed Burner email subscription. This service is quite easy to use. But the main problem is to make visitors subscribe you using Feed Burner Email. That is why today we have brought [Responsive] RSS Forum with Social Icons for Blogger.
This is a special type of widget based on Html and pure CSS. Tricks for Tips time has spent hours to make this widget for you. This widget will convert your visitors in to subscribers. This widget is quite easy to use and customize. Let us allow explaining its little bit features:
•    RSS field to enter email for subscription
•    Highly Responsive in every device
•    RSS feed icon
•    Facebook clickable icon
•    Twitter Clickable icon
•    Easy to Customize
You will observe its amazing and eye catching features when you use it. Before reading how to add [Responsive] RSS Forum with Social Icons for Blogger to your blog let us take its demo first.
Demo:

Join 1807+ People Following TFT

How to add [Responsive] RSS Forum with Social Icons for Blogger

Simply follow our all below steps to add this widget to your blog. We will teach you about its customization at end.
First of log in to your Blogger dashboard and choose your blog. (If you have more than one)
Go to layout section.
Click on Add Gadget
In Pop-up select for Html/javascript gadget
Paste whole code from below to there
<style>
    .TFTbar{width: 100%; float: left; padding:0; margin:0;}
    .TFTbar .count{color:#333; font-size: 14px; font-weight: bold; font-family: Helvetica, Arial; background: none;  line-height: 35px; vertical-align: middle; width: 300px; padding: 0 10px 0 4px;}
    .TFTbar .count span.bigcount{color:#BF0100; font-size: 24px; font-family: Helvetica, Arial; line-height: 35px; vertical-align: top; padding-right:3px;}
    .TFTbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;}
    .TFTbar .subicons a{text-decoration: none; color:#333333;}
    .TFTbar .subicons a:hover{text-decoration: underline; color:#333333;}
    .TFTbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(http://2.bp.blogspot.com/-39kJ8qyqrVs/TdpYPqKjAhI/AAAAAAAADf8/FDkLDuCwF7E/s400/rss.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
    .TFTbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(http://4.bp.blogspot.com/-6_H2QDYGHpI/TdpYPF7LYmI/AAAAAAAADf0/wBev_aveLGw/s400/facebook.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
    .TFTbar .subicons .twittericon{background: url(http://3.bp.blogspot.com/-rbsZjAPUA2c/TdpYQO7m2zI/AAAAAAAADgE/VLRVbnICkZA/s400/twitter.png) no-repeat left center; min-width: 20px; height: 48px; line-height: 57px; vertical-align: middle; float: left; padding: 0px 20px 0px 30px; margin: 0 0 0 5px;}
    .TFTbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}
    .TFTbar .emailsub .emailicon{background: url(http://2.bp.blogspot.com/-h72a-fyDTWw/TdpYO0gOhRI/AAAAAAAADfs/s-5_Ckdp-bQ/s400/email.png) no-repeat left center; float: left; padding: 5px 15px 0px 35px; margin: 0 0 0 5px; width: 300px; height: 28px; line-height: 28px; vertical-align: middle; font-size: 14px; color: #333; }
    .TFTbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}
    .TFTbar .emailsub .emailupdatesform input.emailupdatesinput{background: #fff !important; float: left; border: 1px solid #d2d2d2; padding: 0px 8px 0px 8px; color: #a19999; font-size: 12px; height: 25px; width: 200px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}
    .TFTbar .emailsub .emailupdatesform input.joinemailupdates{background:-moz-linear-gradient(top,#bf0100 0%,#ac0100 100%); background:-webkit-gradient(linear,left top,left bottom,from(#bf0100),to(#ac0100)); border: 1px solid #ac0100; text-transform: uppercase; color: #fff; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;}

    </style>
    <!--[if IE 7]>
    <style>
    .TFTbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }
    .TFTbar .emailsub .emailupdatesform input.joinemailupdates{background:#AC0100; border: 1px solid #AC0100; text-transform: uppercase; color: #ffffff; font-weight:bold; height: 25px; padding: 0 12px 0 12px; margin: 0 0 0 5px; }
    </style>
    <![endif]-->
    <div class="TFTbar"><div class="count">Join <span class="bigcount">1807+</span> People Following TFT</div><div class="subicons"><div class="rssicon"><a href="http://www.tricksfortips.blogspot.com.com/feeds/posts/default" target="_blank">RSS</a></div><div class="fbicon"><a href="http://www.facebook.com/pages/tricksfortipsblog" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="http://twitter.com/ammarmalghani" target="_blank" rel="nofollow">Twitter</a></div></div>
    <div class="emailsub">
    <div class="emailicon">Stay Updated via Email Newsletter</div>
    <div class="emailupdatesform">
    <form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tricksfortips', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="emailupdatesinput" name="email" value="Enter your email..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email...&#39;;}" onfocus="if (this.value == &#39;Enter your email...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="tricksfortips" name="uri" type="hidden" /><input value="Join" class="joinemailupdates" type="submit" /></form><center><a href=”tricksfortips.blogspot.com” target="_blank" rel="dofollow">TFT RSS Forum</a></center></div></div></div>
Now Click on Save.
Visit your blog and check it out. Go here to get more awesome widgets.

Customization

You need a little bit customization in that above code to make it of you.
First of all change green color highlighted words to the link of your blog. Now change Blue color highlighted words to your Facebook page or profile link. Change pink color highlighted words to your twitter link. At last change all orange color highlighted words to your feed burner username. Hurrah ! we have customized this widget for you.

Copyrights

This widget is proudly powered by Tricks for Tips and we own its copyrights. You can freely redistribute and re post it if and only if you keep link back in this widget alive. In case if you do not follow our rules, your blog will be reported to DMCA and as well as Google.
You can also customize or rearrange according to your requirements but keep the TFT link at end alive.

Final Touch

If you are facing any difficulty implementing this widget please let us know. Also subscribe to our blog for latest updates.
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.