'No Ordinary' Social Sharing & Subscription Widget

no ordinary social sharing
This Social subscription widget is made with the aim of promoting and increasing traffic of your blog in various manners. It has the potential to boost your subscribers, Facebook fans and the widget can even make you viral on various social networks. Your readers will also get an opportunity to connect with you on your other networks and all these features are just in one widget in a compact and presentable manner. This widget has almost everything you will need to promote your blog and increase fans and readers. It has a subscribe box, share box, Facebook like box; what else you want? It can replace any other social buttons, widgets or plugins you are using on your blog.  Get ready to see the amazing beauty in action which will nurture your blog. 

Live Demo

Features:

  1. Subscription box for increasing your subscribers.
  2. Follow us buttons for your readers to get connected on your other networks.
  3. Social sharing buttons
  4. Facebook like box which will increase your fans
The main features are quite noticeable at first look but there are some minor features which you won’t be able to notice. One of them is the golden or blue glow. If you are using Chrome, you would see a golden glow while using any text box or login form. Similarly, in new versions of Firefox you see a blue glow by default. We have removed that glow so that the default values of a browser do not get mixed up with widget.
We have also made the subscribe button to look similar in both Firefox and Chrome browser which have issues with padding. If we didn’t do that, the button will look different in Chrome, somewhat misplaced. Some CSS3 transition effects have been used to give smooth feeling on hover in combination with box-shadow.

And guess what, all these many features in a single widget have been presented in a neat and compact manner with a size of just around 10KB.

How to Use?


I know, I know, you are pretty much excited to use this widget after reading those features. Your wait is over. Just follow the coming steps to increase the beauty of your blog.
  1. Go To Blogger.com -> Template -> Edit HTML -> Proceed
  2. Backup your template
  3. Tick Expand Widget Templates
  4. Search for:
<data:post.body/>
This code may have 2-3 occurrences in your template but you need to just concentrate on the first occurrence. Just below it paste the following code.
<!--No Ordinary Social Subscription Widget-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>
.tbibox {
background: #fff;
border: 1px solid #ddd;
height: 360px;
margin: 10px auto;
padding: 10px;
width: 572px;
-webkit-border-radius: 10px;
border-radius: 10px;
}
.tbisubscribe {
border: 1px solid #D3D3D3;
padding: 8px;
width: 300px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubscribe:hover {
-moz-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
-webkit-box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 10px 1px rgba(249, 215, 126, 1);
}
.tbimailbox {
border: 1px solid #D3D3D3;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 1px 1px rgba(255, 172, 84, 0.4) inset;
-webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, 0.4) inset;
color: #666;
font: 14px "trebuchet ms", sans-serif;
padding: 7px 15px;
width: 160px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbimailbox:hover {
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisubmit {
font: bold 12px Tahoma, Geneva, sans-serif;
font-style: normal;
color: #ffffff;
background: #ff5714;
border: 0px solid #ffffff;
text-shadow: 0px -1px 1px #222222;
box-shadow: 2px 2px 5px #000000;
-moz-box-shadow: 2px 2px 5px #000000;
-webkit-box-shadow: 2px 2px 5px #000000;
border-radius: 10px 10px 10px 10px;
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
padding: 8px 15px;
cursor: pointer;
margin: 0 auto;
}
.tbisubmit:active {
cursor: pointer;
position: relative;
top: 2px;
}
.tbisubmit::-moz-focus-inner {
border: 0;
padding: 0;
margin: 0;
}
.tbisharebox {
border: 1px solid #D3D3D3;
margin: -157px 0 0 330px;
padding: 8px;
width: 225px;
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
.tbisharebox:hover {
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
box-shadow: inset 1px 1px 55px 1px rgba(249, 215, 126, 1);
-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
</style>
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css' />
<div class='tbibox'>
<div class='tbisubscribe'>
<div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'>Get Free Updates in your Inbox</div>
<div style='margin: 10px 0 0 6px;'>
<form action='http://feedburner.google.com/fb/a/mailverify' class='emailform'
method='post' onsubmit='window.open(&apos;http://feedburner.google.com/fb/a/mailverify?uri=tntbystc&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='tntbystc' />
<input name='loc' type='hidden' value='en_US' />
<input class='tbimailbox' 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='tbisubmit' title='' type='submit' value='Subscribe'/>
</form>
</div>
<div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'>Follow us on:</div>
<div style='margin: -32px 0 0 120px;'>
<a href='FACEBOOK URL' target='_blank' title='Join us on Facebook'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxs39GdzYXUWaEU2xfro3tH73hujDfRtex09oXd4PSOUR8wcgynOWlA9rKUdktZoE1kYzT7kI77IlsLkSQsFqn6j8Y0Ziq6SRxxLsd1O-BUM30yn6EvuGLqlPGaFI-qq8myL9Zd_47ACk/s32/facebook500.png' alt='facebook'/></a>
<a href='TWITTER URL' rel='nofollow' target='_blank'
title='Follow us on Twitter'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkQHJe8RnJDB_Sk6D5v6ECZFA8e03FAKJjU58_8LKXBy0K9z1xN8RL08wrA7br0hjDA08MogAET5spNHdreWOPmx9YoK0I7tF2MzKsskPyI7ApwGnQdQf9Oj7qq-5FMTtGfOKkNp3FJKw/s32/twitter.png' alt='twitter'/></a>
<a href='GOOGLE+ URL' rel='nofollow' target='_blank'
title='Follow us on Google+'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcti1ykyqsuweMJ0T_l-VLQf_5Plr0aHHIZ1vT53wpaBSBpMSpwojs2LQevn1vQBwlB3a-jcdb_JN9FxpoCDgVBdnUw3mxfiX3qIA4EIoKQ6kX8e9hWB-eqEz8NZBuXOhtrZHzC7cRmIY/s32/googleplus-revised.png' alt='gplus'/></a>
<a href='PINTEREST URL' rel='nofollow' target='_blank'
title='Follow us on Pinterest'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitczEUvYxOprsSZUZm6vv7r8eAzMSEjwX8s2Ah41TlAELQ_isjrixk800u7hE941yGkMyV_mw52JtzAge_Gin9J9Fjbq4qCLI9qkpMnY9SdrX_Vc21WYOY4ugrbkyikeTxRlz7BbrT96I/s32/pinterest.png' alt='pinterest'/></a>
<a href='RSS URL' rel='nofollow' target='_blank'
title='Subscribe to RSS'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAeV8YRL5hLcu0eIEZiR1lVgqCQUqBXZ0usqIh1C87_HfO3xFsj7p_1tomS122bTkom6WlO9UjFrd2a49SYf3X4kY9ouO1uZb8pQmbj_ldw_k6WEkpEuF_eG6pVzRLRR_Zk4HsVLOoHUU/s32/rss.png' alt='rss'/></a>
</div>
</div>
<div class='tbisharebox'>
<script type='text/javascript'>
var switchTo5x = true;
</script>
<script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/>
<script type='text/javascript'>
stLight.options({
onhover: false
});
</script>
<div style='margin: 5px 5px;'>
<span class='st_fblike_hcount' displaytext=''></span>
</div>
<div style='margin: -30px -20px 0 0; float: right;'>
<a href='http://twitter.com/share' rel='nofollow' class='twitter-share-button'
expr:data-url='data:post.canonicalUrl' expr:data-text='data:post.title'
data-count='horizontal'  data-lang='en'></a>
<b:if cond='data:post.isFirstPost'>
<script type='text/javascript' src='http://platform.twitter.com/widgets.js'></script>
</b:if>
</div>
<div class='addthis_toolbox addthis_default_style' style='margin: 10px 0 12px 85px;'>
<a class='addthis_counter'></a>
<script type='text/javascript' src='http://s7.addthis.com/js/250/addthis_widget.js'></script>
</div>
<div style='margin: 5px 5px;'>
<su:badge layout='1'></su:badge>
<script type='text/javascript'>
(function () {
var li = document.createElement('script');
li.type = 'text/javascript';
li.async = true;
li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(li, s);
})();
</script>
</div>
</div>
<div style='float: right; margin: -40px -5px 0 0;'>
<div class='g-plusone' data-size='medium' expr:data-href='data:post.url'></div>
<script type='text/javascript'>
(function () {
var po = document.createElement('script');
po.type = 'text/javascript';
po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0];
s.parentNode.insertBefore(po, s);
})();
</script>
</div>
<div style='margin-top: 20px;'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fbloggertricks&amp;width=570&amp;colorscheme=light&amp; show_faces=true&amp;stream=false&amp;header=false&amp;height=180'
style='border:none; overflow:hidden; width:570px; height:180px;' />
</div>
</div>
</b:if>
<!--No Ordinary Social Subscription Widget-->


Changes to be made:
  1. Replace tntbystc with your feedburner FEED TITLE. You get these values by going to your Feedburner account -> Publicize -> Email Subscriptions
  2. Replace 'FACEBOOK URL' with your Facebook fan page link
  3. Replace 'TWITTER URL' with your Twitter link
  4. Replace 'GOOGLE+ URL' with your Google+ page
  5. Replace 'PINTEREST URL' with Pinterest link
  6. Replace 'RSS URL' with RSS feed link
  7. Now for Facebook like box, follow these steps:
    1. Grab your Facebook fan page URL (Do not include http://)
    2. Replace all the back slashes ( / ) with %2F
    3. Now replace www.facebook.com%2Fbloggertricks with your URL you achieved just now.

Got Questions?

We hope you have successfully installed this amazing widget on your blog without any problems. If you still need any help or have some questions or getting any errors in installing this social subscription widget, then don’t hesitate to ask us. We would love to hear your suggestions for improving this widget with more features. Let us know what your views are in the comments. Cheers :)

Want more of such plugins?  Just search MBT for "Social Sharing widgets" or " Subscription box"


Guest post by Bhavesh Pamecha from  TopBloggingIdeas.com, a Gold star MBT contributor and a tech savvy Blogger.

If you don't want to get yourself into Serious Technical Trouble while editing your Blog Template then just sit back and relax and let us do the Job for you at a fairly reasonable cost. Submit your order details by Clicking Here »

66 comments

PLEASE NOTE:
We have Zero Tolerance to Spam. Chessy Comments and Comments with 'Links' will be deleted immediately upon our review.
  1. Hello.

    I have added the box code as you mentioned above.
    Check the layout here - http://www.androidgyan.com/2012/08/motorola-droid-razr-hd-xt925-photos.html

    I want to make the settings as width = 649 of whole box (i can change manually width of FB box but not of above boxes) which is currently set to 570.
    How to change this layout.

    Kindly let me know here at cul88r@gmail.com

    Regards.
    Anurag

    ReplyDelete
  2. true mate this script works, but unfortunately I did not put it after the code but by adding widgets, while when I try to put it after the code this script does not work and leave a message error. I think it's good pal re correction of this article, sorry if I'm wrong and presumptuous in correcting this article, and I asked permission to share this article back into shape Indonesian, because they I think a lot of my friends in Indonesia who are interested in this widget . the latter Greetings ... happy blogging ........

    ReplyDelete
  3. Nice Widget Brother Thanks for Coding !!

    ReplyDelete
  4. http://awesomescreenshot.com/0fcebxf69

    Please give me a solution ..... Please. :(

    ReplyDelete
  5. nice widget dude. I just want to use this widget as popup box as you created earlier facebook likebox popup. just like that. can you make it?

    ReplyDelete
  6. @Hardeep, Rounak, FAiZaN - FAiZi, Muhammad Siddiqui, Fahad Uddin, techgod8, Santu, Munna Haque
    Thank you all for the appreciation.


    @Anurag Kumar
    Ok, there are lot of things to adjust then. Don't worry there are all numbers :p
    Just do it step by step.

    1. Change width: 572px in .tbibox to 640px because 649px will overflow other things.
    2. Change width: 300px in .tbisubscribe to 365px
    3. Search for <div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 15px;'> and replace it with <div style='color: #666666; font-weight: bold; font: 22px Oswald, cursive; margin: 0px 0px 10px 45px;'>
    4. Just below it there is <div style='margin: 10px 0 0 6px;'> Change 6px to 27px.
    5. Change width: 160px; in .tbimailbox to 187px;
    6. Now search for <div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 5px;'> and replace it with <div style='border: none; color: #666666; font: 22px Oswald, cursive; margin: 25px 0 0 35px;'>
    7. Just below it you will find <div style='margin: -32px 0 0 120px;'> Change 120px to 150px.
    8. In .tbisharebox first remove width: 225px; and change margin: -157px 0 0 330px; to margin: -157px 0 0 392px;

    And you know what to do with Facebook like box :)
    Hope this helps :)


    @ibnu cahyadi
    Do you mean that adding the code in the template gives to errors?? Please do tell us what error you get so that we can solve it :)


    @Reaz Ahmed
    That looks to me a padding issue.

    1. Add the following code in the above CSS

    .tbibox img {
    padding: 0;
    }

    2. In your template search for .emailform and below some lines there will be width: 100px; remove it. There will also be height: 77px; Change it to 60px.

    All should be fine now :)


    @sanket patil
    Not in the project for now because it will slow down the widget more due to extra jQuery and Javascript.

    ReplyDelete
  7. Great inventory, but then i thought, why Not just take only the Subscription with the Social media Follow us box?
    How do i go about that pls?

    ReplyDelete
  8. Nice widget, Thanks Bhavesh. Have added it to my blog.

    ReplyDelete
  9. Awesome widget....

    ReplyDelete
  10. Excellent....!!! Excellent....!!! Excellent....!!!

    ReplyDelete
  11. Assalamualikum ahmed bhai. i am very unhappy with my blog. because i have used your 6 ways of customizing heading method.See this please (http://po.st/LXiu4X) The first one is for post heading and the second one is like your's (dotted lines up and down) i have done all the settings in both the headings like size,font etc... see in this (http://po.st/LXiu4X) but these settings are not working. always when i write post heading these settings wont work. always i have to switch into html mode and change the font,size from their. these settings never work. i want a solution from you to fix this. i don't want to switch into html mode always for changing the font,size etc.. i just want this, whenever i just write the post heading and add html tags these headings should change itself to the settings that i have setted in this (http://po.st/LXiu4X). sometimes the dotted lines text become bigger. pleasae help me how to make permanant settigns to work for both the headings. Allah Hafiz

    ReplyDelete
  12. @Haider, Nirmal, technoclouds, 24fdc, dxn
    Thank you all for the appreciation :)

    @editweaks
    In that case follow these simple steps:

    1. Remove everthing from

    <div class='tbisharebox'>
    ALL CODE
    </div>


    There are two </div> at the end, so just remove one.

    2. Now remove the follow from CSS

    .tbisharebox {
    ALL CODE
    }
    .tbisharebox:hover {
    ALL CODE
    }


    3. Adjust the width in .tbibox

    @Syed Abdul Qayyum
    Although this is off-topic I would let you know that in Blogger post editor there is drop-down just before bold, italic and underline. Select the text you want to apply the heading and then select Minor Heading in the drop-down. That will automatically apply h4 tags to the selected text.

    And your text become large because in your CSS you have kept font-size to 21.6px, reduce it and it should work fine :)

    Let me know if you guys need any other help on the widget :)

    ReplyDelete
  13. Sir i did not get the 3rd my facebook adress http://facebook.com/hassangamesandsoftware is not working

    ReplyDelete
    Replies
    1. yes i also not get facebook page not showing in blog

      Delete
  14. This comment has been removed by the author.

    ReplyDelete
  15. @Syed Abdul QayyumHello Bhavesh Pamecha,

    I try to add the Multi Tabbed Widget by following a post in this blog (mybloggertricks.com), There are 6 Steps, I Successfully completed 4 steps, but in 5th step it contains Search for div id='sidebar-wrapper', but i can't find this in my blog, is this changed to any other name, so I am unable to complete the six steps, I liked these tabs very much. Please help me brother.

    ReplyDelete
  16. @Bhavesh bro, you’ve shared an awesome widget with us. Don’t know about others but I didn’t changed a single code to properly show it on my blog. I just copy and paste, then I sees that it looking absolutely gorgeous on my blog. (trickssource.com)
    Thank you bro for this one :)

    ReplyDelete
  17. @Syed Hassan Raza Bukhari
    I didn't get you. Please explain.

    @Sameer Shamsudeen
    You have two sidebars so try searching for

    <div class='sidebar section' id='sidebar-left-1'> for left sidebar

    and

    <div class='sidebar section' id='sidebar-right-1'> for right sidebar.

    @Atikur Rahman
    Yea it looks awesome :)
    I hope it will help your blog grow :)

    ReplyDelete
  18. @Bhavesh Pamecha
    Brother,


    I found only the following code

    <b:section-contents id='sidebar-right-1'>
    ------
    ------

    </b:section-contents>

    Can i put the following code just above </b:section-contents>

    <div style='clear:both;'/>
    <div class='tabber'>
    <b:section class='tabbertab' id='tab1' maxwidgets='1'/>
    <b:section class='tabbertab' id='tab2' maxwidgets='1'/>
    <b:section class='tabbertab' id='tab3' maxwidgets='1'/>
    <b:section class='tabbertab' id='tab4' maxwidgets='1'/>
    </div>
    Waiting for your reply

    ReplyDelete
  19. @Sameer
    Doesn't looks to be the right one. The code I told you to search should be there. Make sure you have ticked expand widget templates and please now comment on the multi tab topic instead of here to avoid problems for our other readers.

    Thank You

    ReplyDelete
  20. @Bhavesh Pamecha
    I Extremely Sorry Sir, My Net is too slow, that's why this happens.

    Sir, please take a look at my blog
    http://bestcareer4u.blogspot.com

    Sir i ticked expand widget template and search for div class='sidebar section' id='sidebar-right-1' but not found, and i only get b:section-contents id='sidebar-right-1'

    ReplyDelete
  21. @Sameer
    Please check my comment on the original topic here and reply over there.

    ReplyDelete
  22. Is there a way to get it to show on homepage as well as posts? As is, you have to be looking at the individual posts to be able to see it.

    Otherwise, love this. Cleaned up site! Thanks.

    ReplyDelete
  23. @A.H. Browne
    Yes it is possible.
    Just remove <b:if cond='data:blog.pageType == &quot;item&quot;'> right at the top of the code and also remove </b:if> right at the bottom of the code. This will show the widget on all pages.

    ReplyDelete
  24. @Bhavesh Pamecha
    Fabulous! I knew it was something simple, but couldn't remember what it was. Thank you so much!

    ReplyDelete
  25. @A.H. Browne
    You are most welcome :)

    ReplyDelete
  26. it is nt working for my temptlate myb site
    http://freefullversionsoftwares4u.blogspot.com

    ReplyDelete
  27. @admin
    What's the issue? I can't even find the widget code on your blog.

    ReplyDelete
  28. I can't find in the HTML... is it near the beginning or end... I am about to cry out of frustration! I have been trying to add these forever... Thanks

    ReplyDelete
  29. @Mindy
    The code you need to find is somewhere in the middle in that big code of your blog. Use CTRL + F to search for the code and just follow the steps provided.

    Let me know if you need any help :)

    ReplyDelete
  30. hi,,thanQ So much BUT nothing was added in my blog..BTW im using Arabic official template. this problem also happened when i was trying to implement the Facebook+Blogger tabs..

    dont know wats the problem,,plz help

    ReplyDelete
  31. @Ahmed
    Have you added the code. I can't find it on your blog which I believe is vitameen.net.

    ReplyDelete
  32. Facebook Friends
    Facebook 5000 Friend Adder In 1 Day
    ( Formula v.12 )

    www.guplitecompany.blogspot.com

    http://www.facebook.com/facebokfriendadder
    http://www.youtube.com/watch?v=3Y3QgQk9nvg

    ReplyDelete
  33. Stop Spamming Umair Ahmed.
    Mohammad please it as spam. Same comment is being spread all over.

    ReplyDelete
  34. This is awesome, i want to remove Share box and wish to use Facebook box instead and width size as per post's size
    pls reply

    ReplyDelete
  35. i am getting only 3 icons i am nt getting 5 cn u tell me y this is my website
    http://freefullversionsoftwares4u.blogspot.com

    ReplyDelete
  36. @Kulwinder
    Problem solved via mail.

    @admin
    I don't know but I just can't see the remaining two icon codes in your source code. Have you removed them?? Please check.

    ReplyDelete
  37. Hi. I used the CSS from here on one of my widgets in my blog [thelostdigga.blogspot.com]
    Now, it all worked nice, I got the effect that i wanted, the only question is, can i stop the widget at a certain point on the page?
    I mean, even in this widget of yours, the widget goes beyond the post tab into the bottom. Can I add a CSS so that it doesn't go further than a given point?
    [I dont know, if I will get a notification when you reply to this comment, please if its not too much to ask, email me the solution at vineetdigga002@gmail.com]
    Thank you! :)

    ReplyDelete
  38. @Vineet
    I couldn't find in which widget you have you this CSS.
    For stopping the widget to go beyond a certain point, it needs JavaScript and I try to stay away from JS as much as possible because it will further slow down the widget.

    ReplyDelete
  39. @Baber
    Please follow the instructions provided and if you get any error or need any help, then just ask here and we will surely help you :)

    If you don't try to won't learn. So try and if you need any help, then we are there to help :)

    ReplyDelete
  40. How to use it in wordpress

    Please Help

    ReplyDelete
  41. DUUUUUUUUUUUUUUUUUUUUUUUUUDE!!!! I LOVE YOU! IT WORKS PERFECT WITH PUNCHTAB ALSO!

    ~Chap
    www.insaneasylumblog.com

    ReplyDelete
  42. It says my subscriptions by email for my feed isn't enabled but it is.

    www.insaneasylumblog.com

    ReplyDelete
  43. Hi I tried it on my blog bloggingandearningtips.bloggspot.com, but when I tried to save I got error like form "must" be closed by '>' and other is "input" must be closed by '>'.

    ReplyDelete
  44. Thanks it works and looks awsum at my tech blog

    http://techaddas.blogspot.com

    ReplyDelete
  45. i want this widget in width 728px.plz help me Bro

    ReplyDelete
  46. @shahzad aslam

    Plz Visit my Link For padding problem in 728px width
    http://www.hackingway.net/2012/12/jdownloader-2-premium-account-database_25.html

    ReplyDelete
  47. This comment has been removed by the author.

    ReplyDelete
  48. Nothing showed up, any help would be greatly appreciated

    ReplyDelete
  49. can i put this as a floating box
    if yes how can i do this
    thank you

    ReplyDelete
  50. Awsome check my website http://www.dealsblast.com/

    ReplyDelete
  51. sir, i strictly followed your tutorial bt the code has no effect on my blog please help..
    www.praveenkanwar.blogspot.com

    ReplyDelete
  52. can't figure it out :( have pasted in the code and changed all values as specified.. please help!

    ReplyDelete
  53. Followed all instructions perfectly and still don't see it on my blog.

    ReplyDelete
  54. Cool, but i want add it in to my wordpress. so you can tell me?

    ReplyDelete
  55. How would I add an additional 'share' tab to the right side of the facebook badge, directly across from the 'like'?

    ReplyDelete
  56. Thanks for the code i want to display as popup button for this coder otherwise on the top of my all page.It is displaying on bottom of the page.kindly help to rectify the issue

    ReplyDelete