'No Ordinary' Social Sharing & Subscription Widget

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.

Features:

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.

Go To Blogger.com -> Template -> Edit HTML -> Proceed

Backup your template

Tick Expand Widget Templates

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.

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"

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 »

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 ........

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

@Haider, Nirmal, technoclouds, 24fdc, dxnThank you all for the appreciation :)

@editweaksIn 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 QayyumAlthough 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 :)

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.

@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 :)

@SameerDoesn'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.

@A.H. BrowneYes 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.

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! :)

@VineetI 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.

About The Author

Hi! I am Mohammad, an experienced SEO Consultant, Pro Blogger, Computer System Engineer, an addicted Web Developer and now a father to a beautiful princess "Ifza". STCnetwork was founded in 2008 and it is currently the country's first registered company of Professional Bloggers. Read More..