Wednesday 20 November 2013

Widgets

New Awesome Rss Feed And Social Media Widget For Blogger

Posted By : Anonymous | Wednesday 20 November 2013 1 Comment so far
PUT YOUR PARSED ADSENSE CODE HERE
We Share once many trials and errors finally we have a tendency to managed to style a totally equipped blogger gismo that contains Facebook Like & Send button, Email kind (Subscription box) and social media icons. This gismo may be found on several wordpress blogs additional at the Sidebar Or footer Below of posts. It catches nice attention of the traveler and forces him to love and share your article. it's a additional advance version of the gismo I shared few days back that solely offered guests with a subscription possibility however this one offers plenty additional. it'll increase your Traffic through Your Facebook or Increase your Feedburner subscribers or facebook fans and twitter followers. so a magic box!
New Awesome Rss Feed And Social Media Widget For Blogger
New Awesome Rss Feed And Social Media Widget For Blogger

How Add This Widget to BlogSpot Blogs?

Just Follow all given below Steps.
  • Go to >> Blogger Dashboard >> Layout
  • Click on =>> Add a Gadget >> HTML/Javascript 
  • Copy Below Given Code And Paste Inside The Box.
<style>    .Sbtbar{width: 100%; float: left; padding:0; margin:0;}    .Sbtbar .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;}    .Sbtbar .count span.bigcount{color:#BF0100; font-size: 24px; font-family: Helvetica, Arial; line-height: 35px; vertical-align: top; padding-right:3px;}    .Sbtbar .subicons{border-bottom: 1px solid #e6e6e6; margin: 0px 0 0px 0; float: left; width: 300px; font-family: Helvetica, Arial; font-size: 14px;}     .Sbtbar .subicons a{text-decoration: none; color:#333333;}     .Sbtbar .subicons a:hover{text-decoration: underline; color:#333333;}    .Sbtbar .subicons .rssicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhTuZX6VnKnaJF5OOg_BM67Pglt5AYb_MPwT9J6NutuKJXla4MFfMsi8xYFOWf2W2YCvQyHlWGYOpu8p-7YpwIT2FpZikeS14WI4FeszXHGVYOdhZrzE57s-rPTvTZXGz5BGuzaeBxydM/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;}    .Sbtbar .subicons .fbicon{border-right: 1px solid #e6e6e6; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEia4FYIppwKBW4AZ8G8JAEPog6mZ9jDj43Dy9MfRBKNj5mv8J5wZ_DHvzNwYmIAmA09OvRqijU2eBY0UVkOU_jR2EQ-XV4eY5IfoDaGo2khMCNRtpzkIZoV-oCDHEdOXm5V2EsWpS4YsoQ/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;}    .Sbtbar .subicons .twittericon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifVW_BodOkkP2pWdS4UIrHfAZMPaFdxqcq83xSZjPUPvB_7dtxlANJfTTrX0ZYLDdMhz4lGGOyUVGgb4HDabVlxupNV2SC-HhRf7T8p-n0rskZwayanXhj6SLAk-arVBHiTBh0NOmIJl4/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;}    .Sbtbar .emailsub{border-bottom: 1px solid #e6e6e6; padding: 15px 0 20px 0; float: left; width: 100%; font-family: Helvetica, Arial;}    .Sbtbar .emailsub .emailicon{background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4mQ_4Sy7wdhvoa0aaH7xywdfYFGL0ic5uluTe3ApsJ_lXEvbw-tR_D5U2ySB6zkjy1EYx-CL3mo8TVo8bY1HCpl1rBMZU-UbyEe6DG2Bze4kDDDnn_6qzx6OCt6zFxRMkQRfks-lNgc0/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; }    .Sbtbar .emailsub .emailupdatesform{margin: 15px 0 5px 5px; width: 300px; float: left;}    .Sbtbar .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;}    .Sbtbar .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>     .Sbtbar .count span.bigcount{color:#F17C18; font-size: 24px; font-family: Helvetica, Arial; line-height: 34px; vertical-align: middle; }    .Sbtbar .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="Sbtbar"><div class="count">Join <span class="bigcount">1807+</span> People Following MBT</div><div class="subicons"><div class="rssicon"><a href=" http://feeds.feedburner.com/Seobloggertricks " target="_blank">RSS</a></div><div class="fbicon"><a href="http://www.facebook.com/Seobloggertricks" target="_blank" rel="nofollow">Facebook</a></div><div class="twittericon"><a href="http://twitter.com/seobloggertricks" 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=Seobloggertricks', '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="Seobloggertricks" name="uri" type="hidden" /><input value="Join" class="joinemailupdates" type="submit" /></form></div></div></div>

How Customize This Widget Code.

After pase this code inside the box Must Replace Values With Your ID Names.All highlight Code Replace With Your Facebook, Twitter, Feedburner Name.
Hope You Enjoy USing This Widget.


Do you Like this story..?

Get Free Email Updates Daily!

Follow us!





1 comments :

Your feedback is always appreciated. We will try to reply to your queries as soon as time allows.

Note:
1. To add HTML CODE in comments then please use our HTML Encoder
2. You can always Test the tutorial on our HTML Editor
3. Please do not spam Spam comments will be deleted immediately upon our review.

Regards,
Imtiaz Ahmed

  • Tips And Tricks
  • Template
  • Make Money
  • Widget
  • Sitemap
  • Back To Top