Easy Mashable Social Bar Plugin Re-coded And Cleaned

Article by Prasenjit Haty

Visit Prasenjit's blog

My interests and hobbies are all centered around my Blog. Research on Affiliate Marketing and Online Businesses and always trying to explore new ways for it are a few of my favorite pastimes.

Prasenjit has written 51 awesome articles for us.

• Summary

  Easy Mashable Social Box wordpress plugin is inspired by Mashable.com. Is has handy features and a beautiful looking social box.

Possibly Related Articles

• Create responsive design using media queries
• WordPress Conditional Tags and the Widget Logic plugin for WordPress
• 4 Great Plugins For WordPress Bloggers
• Will you download Mozilla Firefox 10?
• MaxBlogPress WordPress Subscribers Magnet List Building Plugin Reviewed

700 Bucks in 7 Days

In this report, you will find 10 ways to make $700 in 7 days on the Internet. The principles behind every one of these methods can be replicated over and over again—and thus have the potential to evolve from mere revenue streams and become a significant e-business with repeat customers and an expanding client base. Sign up, or learn more!

Irfan (1 comments) January 30, 2012 at 1:48 pm

I too had noticed their links in source but had not given any importance as i had no idea about what consequences this may occur later. Thanks a ton to you who have discovered the tactics of the plugins owner. Thank you for the plugin!
Irfan recently posted..Experience Much More with Downtweet, Newsnang and Statusreel

Prasenjit (202 comments) January 30, 2012 at 10:38 pm

Thanks Irfan for downloading the plugin and I am glad that you now know the consequences. I’ve replied to your email and I noticed that the plugin is working fine on your blog.

Jeet Dholakia from Geeky Gyaan (3 comments) January 30, 2012 at 3:17 pm

Hello,
Thanks for sharing this update.
Downloaded the revised version by you guys.
Jeet Dholakia recently posted..GIVEAWAY : Quick Heal Internet Security 2012

Jeet Dholakia (3 comments) January 30, 2012 at 3:27 pm

Facing one problem also, the Google + badge is going outside, see it here :http://dl.dropbox.com/u/18514293/Widget.png
Jeet Dholakia recently posted..GIVEAWAY : Quick Heal Internet Security 2012

Prasenjit (202 comments) January 30, 2012 at 10:36 pm

Hi Jeet,

Got your problem. It is just that the Google+ badge has a width of 300px. Kindly set the widget width to 300px and you are good to go.

Hope that fixes your problem. Please report back.

Thanks,
Prasenjit.

Prasenjit (202 comments) January 30, 2012 at 10:37 pm

Thanks Jeet. Hope you like this clean plugin.

Jeet Dholakia from Geeky Gyaan (3 comments) February 2, 2012 at 11:18 am

Thanks Prasenjit,

problem got solved
Jeet Dholakia recently posted..Samsung Omnia W Features and Specifications

Prasenjit (202 comments) February 2, 2012 at 11:48 pm

Ohh great. Good luck with the plugin.

Jawad from singapore web design (16 comments) January 30, 2012 at 4:41 pm

This seems to be a nice development. mashable plugin use to delay the loading time of the website. I am installing it on my blog now. Let see if its loading time is lower now or not.

Prasenjit (202 comments) January 30, 2012 at 10:40 pm

I did not check any loading delay. As you can see that my blog has a page speed score of around 89-91 which varies on each page load. I did not find any difference after installing this plugin. Please report back if you notice any considerable changes in loading time.

Thanks,
Prasenjit.

Suraj from Smartfatblogger (3 comments) January 30, 2012 at 6:35 pm

Hi,
Thanks for sharing this wonderful article. It helped me gain a lot of info.
Suraj recently posted..3 Basic Guidelines That Will Make You a Better Blogger

Prasenjit (202 comments) January 30, 2012 at 10:40 pm

I’m glad that the you liked the article Suraj.

Arsie (2 comments) January 30, 2012 at 6:55 pm

Thanks for sharing this Prasenjit..

Prasenjit (202 comments) January 30, 2012 at 10:41 pm

Ohh my pleasure Arsie. I’m here to share some good work. Just need your appreciation and support.

Tushar (2 comments) January 30, 2012 at 9:13 pm

If i use this plugin will it create Google authorship too ?
Tushar recently posted..Best and Top 3 android phones in the Beginning of 2012

Prasenjit (202 comments) January 30, 2012 at 10:42 pm

Sorry, I believe not.

William (2 comments) February 1, 2012 at 7:38 pm

Hello Prasenjit,

I LOVE the plugin! Brilliant work! However, the Google+ box is disconnected from the rest, as you can see here: http://seductionmadeeasy.com

Do you know what I can do to fix it? Thanks and keep up the great work!

William

Prasenjit (202 comments) February 1, 2012 at 10:00 pm

Hi William,

Thanks for installing the plugin. I am seeing that the height of the G+ badge div has become 98px for you. Is there any other css which is interfering? Do not add any styling to the badge. Just let it to the default values.

Let me know if that works.

Thanks,
Prasenjit.

William (2 comments) February 1, 2012 at 10:24 pm

Hey Prasenjit,

I’m not sure about other css interfering. I’m not very good with code. I have a guy who normally does that for me but he’s on vacation. The only thing I did was change the sizes in the widget panel (but there’s no option for Google+ size). Maybe it’s something to do with the template? I’m not sure.

Prasenjit (202 comments) February 2, 2012 at 12:37 am

I’m sure that you’re doing something wrong. Did you add only your Google+ page id (103926791910538024435 in your case) in the appropriate fields?

Can you give me access to your wordpress installation to look into it? If yes just send me an email with your credentials and I’ll be happy to look into it.

Thanks.
Prasenjit recently posted..Easy Mashable Social Bar Plugin Re-coded And Cleaned

kalyan (3 comments) February 3, 2012 at 9:50 pm

Wonderful plugin Prasenjit. You pointed out right that we must not have hidden links at all. Thanks for sharing this. I got a couple of questions regarding this plugin.

How can I remove options from the box, such as I dont want G+ at the bottom; how to remove this options.

I don’t want FB faces. How to disable this?

This will be highly appreciative if I get the resolutions.

Thank you
kalyan recently posted..Efforts Not Valued – Results Are

Prasenjit (202 comments) February 3, 2012 at 10:20 pm

Thanks Kalyan for your comment. For the options that you want, I’ll have to re-code it and release it in another version which is definitely a very good idea. I’ll do it soon. Otherwise, you’ll have to hack the code yourself if you know PHP.

Best,
Prasenjit.

kalyan (3 comments) February 3, 2012 at 10:28 pm

“you’ll have to hack the code yourself if you know PHP”.. lol for me.. I am not as good as you man.. just a little bit of PHP knowledge I have. Anyway, I wait for your next version with more options. I guess this will be great for some people who do not have any particular profile or does not want to have one.. Release your new version soon buddy. Thank you very much.. You indeed got a great blog. Bookmarked & subscribed using your plugin
kalyan recently posted..Efforts Not Valued – Results Are

Prasenjit (202 comments) February 3, 2012 at 10:40 pm

Ohh thats great. Thanks so much for your compliments and for bookmarking and subscribing. Also consider giving us a +1 in Google and sharing our page on Facebook.

Thanks once again and of course I’ll release the new version soon with more options.

kalyan (3 comments) February 3, 2012 at 11:58 pm

Done. . Plused it and shared it on my facebook. see it here https://www.facebook.com/kalyan.das1
kalyan recently posted..Efforts Not Valued – Results Are

Adam James (5 comments) February 6, 2012 at 10:11 pm

If you change the facebook height from 80px to 30px it will shrink it down and you won’t see the faces:)

Prasenjit (202 comments) February 6, 2012 at 10:16 pm

But why would you want to reduce the height of the facebook like box? Your problem is with the G+ box right?

Adam James (5 comments) February 6, 2012 at 10:19 pm

Yep that was my problem but this was in answer to Kalyan’s problem

Prasenjit (202 comments) February 15, 2012 at 11:20 pm

But that is not the correct way of doing it. Since the faces will be loaded and it will unnecessarily take more time. I’m going to release the new version probably by tonight. So guys keep watching.

Tushar (2 comments) February 4, 2012 at 9:39 pm

I need to ask one more that How can i re-size the “circle us on Google” field? It oversize than my sidebar size.

Please help me.
Tushar recently posted..5 Things to do immediately after installing Kaspersky Internet Security and Anti Virus 2012

Prasenjit (202 comments) February 4, 2012 at 11:22 pm

Dude I am very sorry about that, but the only solution that I can think of right now is to edit the plugin file. I’ll tell you how.
1. Open the “wp-content/plugins/easy-mashable-social-bar/Easy-Mashable-Social-Bar.php” through Filezilla.
2. Find the line [code lang="html"]<div class="g-plus" data-href="http://plus.google.com/<?php echo $googleplus_id; ?>" data-size="smallbadge"></div>[/code].
3. Edit it to [code lang="html"]<div class="g-plus" data-href="https://plus.google.com/<?php echo $googleplus_id; ?>" data-width="280" data-height="69" data-theme="light"></div>[/code].

This should work for you now. I’ll have to find a way to add an option to edit the width from the widget configuration itself.

Let me know if it works.

Adam James (5 comments) February 6, 2012 at 3:38 am

Prasenjit, thanks so much for this – I hadn’t really checked out the source code of this one.

I was actually just writing a post about the plugin for my blog so really nice save here, I’ll be including a link to this post now so my readers can benefit from this.
Adam James recently posted..Need a WordPress Backup Plugin? Here Are 5 Awesome Options

Prasenjit (202 comments) February 6, 2012 at 8:59 am

You’re most welcome Adam. It’ll be really very good if you point out this fact of hidden links in your posts and should link to the clean version. Great initiative we’ve taken to help the blogosphere.

Adam James (5 comments) February 6, 2012 at 4:39 pm

I’ve written the post and explained all about hidden links and linked back, but I’m just waiting to migrate hosts so I will have to hold off posting it till that’s finished.

I wonder if you could help with something though, if you visit the link on my site you’ll see your re-coded version already on my site, however I’m having problems with the displaying of the google plus badge, it’s just appearing as empty space, any idea’s?

Thanks!
Adam James recently posted..Need a WordPress Backup Plugin? Here Are 5 Awesome Options

Prasenjit (202 comments) February 6, 2012 at 9:46 pm

Ok Adam. Found the problem. You have linked to your Google Plus profile which is not something that the plugin supports. You have to create a G+ page and add the page id in the widget. You can refer this article and to find out more.

Once you link to your page, it should work fine I suppose. Just let me know if that solves your problem.

Thanks.

Adam James (5 comments) February 6, 2012 at 10:16 pm

Thought I had oops, copy and paste fail lol!

It’s all sorted now, cheers for your help!

Suraj from Smartfatblogger (3 comments) February 7, 2012 at 10:46 am

The new plugin doesnt provide so many options….is there any site that provides a download link for this?

Prasenjit (202 comments) February 7, 2012 at 10:35 pm

Which one are you referring Suraj? Do you want to say that my version of the plugin does not offer much options? If yes, then I would like to say that this is just a re-write of the original plugin released by InspiredMagz. I’ve only removed the hidden links and added the “Add to Google+ Circle”. Thats it.

Peter Lee (3 comments) February 9, 2012 at 11:30 pm

Hi Prasenjit,

Thanks for making the revised version of this plugin. Could you please tell me how to remove the Google+ badge at the top because I would prefer to use this badge separately which I could include users profile pictures in it. As such I do not need the badge on this plugin and would like to remove it. Is this possible?

Appreciate the help and thanks.

Peter
Peter Lee recently posted..Does Email Have A Place In Modern Computing?

Prasenjit (202 comments) February 10, 2012 at 2:08 am

Hi Peter,

I’ll soon come up with a revised version of the plugin which will have more options to let the user control what he wants. Till then please open the plugin file under “~home/wp-content/plugins/easy-mashable-social-bar/Easy-Mashable-Social-Bar.php” and delete the below line. That will fix your problem.

[code lang="html"]<div class="g-plus" data-href="http://plus.google.com/<?php echo $googleplus_id; ?>" data-size="smallbadge"></div>[/code]

Thanks for using the plugin.

Prasenjit (202 comments) February 10, 2012 at 2:11 am

Somehow the code is getting messed up on my them and hence it is not appearing. Please delete line 52 from the plugin to solve your problem.

Sav (1 comments) February 10, 2012 at 4:05 am

Hey there,

Love the plugin. But I have question regarding removing the link at the bottom of the widget. In the widget option, iv left everything blank regarding the footer text and link.

But a little square appears linking back to same page the widget is on, regardless if im viewing from my homepage or a post.

Here is screen shot pic: http://imageshack.us/photo/my-images/804/linkzd.png/

I’d like to remove it, since its giving a link back to my own site. It would helpful if I could remove it.

Thanks,

Prasenjit (202 comments) February 10, 2012 at 8:16 am

Hi Sav,

Simply remove the below code from the plugin php file.

[code lang="html"]<div id="get-inspiredmagz" style="background: #EBEBEB;border: 1px solid #CCC;border-top: 1px solid white;padding: 1px 8px 1px 3px;text-align: right;border-image: initial;font-size:10px;font-family: "Arial","Helvetica",sans-serif;">
<span class="author-credit" style="font-family: Arial, Helvetica, sans-serif;"><a href="<?php echo $footerurl_id; ? rel="nofollow">" target="_blank" title="< ?php echo $footertext_id; ?>">< ?php echo $footertext_id; ?> »</a></span></div>[/code]

Caleb (2 comments) February 11, 2012 at 3:44 pm

What happened to the faces of Facebook fans showing and is this plugin more effective at getting the likes and plus ones we are looking for being that there are so many promising to do the same thing
Caleb recently posted..Things To Know About Affiliate Marketing

Prasenjit (202 comments) February 11, 2012 at 7:03 pm

Why what happened to the faces? Since this social box is used by Mashable, we can presume that it will be more effective than the others.

Caleb (2 comments) February 12, 2012 at 3:26 am

I only asked because i didn’t see any faces on yours but now I at least see mines after I plus oned it

I would suggest you make the following in your next release:
1- Allow the option and editing features of the top Add to Circles part
2- Allow the option of showing plugin credits or not or at least charge a couple of dollars to have it removed
3- Since there’s already two spots for GPlus remove the small bottom GPlus and replace it with a small LinkedIn

btw,
Do you know how to add a background color to the Add to Circles spot
Caleb recently posted..Why You Need to Backup Your WordPress Blog and Database

Prasenjit (202 comments) February 12, 2012 at 8:54 am

The FB faces only appear when you’re logged into FB, i.e. when there is an active Facebook session.
1. This is planned feature.
2. Good idea, but right now I do not have any plans to charge my users. I add that option for free.
3. Your point is correct. I’ll do it. But many of us do not have LinedIn accounts. Hence I doubt how much it will be useful.

What do you mean by background color to Add to Circles? Add to Circles is being loaded in an iframe from Google, and hence it cannot be manipulated. Do you mean something else?

Ahmad Awais (6 comments) February 17, 2012 at 1:50 pm

I have re-coded the plugin from the nib !
Well , i am upto add more features in it soon.
Ahmad Awais recently posted..Give effects to make a nice Facebook Display Picture for your Profile FREE

Prasenjit (202 comments) February 17, 2012 at 9:12 pm

Thanks for your comment Ahmad. But do you think that the idea of allowing two twitter accounts as I can see in your blog is worth?

Ahmad Awais (6 comments) February 17, 2012 at 9:23 pm

Sir gimme sometime and i will be modifying this plugin to a lot more powerful widget. Right now working on three different layouts and certain other options.

Prasenjit (202 comments) February 17, 2012 at 9:53 pm

Oh thats great Ahmad. We’ll wait for your version. And by the way tonight I’m going to release a new version with a little more code cleanup and optimization. Check out…

Ahmad Awais (6 comments) February 17, 2012 at 10:07 pm

Great !
Well i have released 3 versions of it and the latest one 1.0.2 has a lot of errors debugged.With new SEO techs
Ahmad Awais recently posted..Give effects to make a nice Facebook Display Picture for your Profile FREE

Khalid Irfan (1 comments) February 17, 2012 at 6:10 pm

Im using the same plugin but its little out of range, can you help please?
Khalid Irfan recently posted..Top Five Concept Cars Seen in 2011

Prasenjit (202 comments) February 17, 2012 at 9:14 pm

Of course I can help. Let me know what issue you’re facing.

Prasenjit (202 comments) February 18, 2012 at 12:55 am

New version uploaded with some added features which we received as comments. Please download the new version and let me know if you come across any bugs.

If you want any more features to be added into the plugin, then please leave a comment or drop an email.

Thanks,
Prasenjit.

Peter Lee (3 comments) February 18, 2012 at 8:07 am

Prasenjit,

Could you please add a screenshot of the v1.1.4 some where in this post so that we could have a glance before downloading it? Thanks.

Peter
Peter Lee recently posted..How Social Networking Can Help Your Brand

Prasenjit (202 comments) February 18, 2012 at 9:17 am

Hi Peter, There is not much change in the frontend. Below is the changelog:
1. Cleaned html and css to fix overflow of some div’s
2. Added option to select whether to show Add to Circle or not.
3. Now you can show faces in the Add to Circle badge. That means both the Small badge and the Standard badge are included.
4. Change theme of the Add to Circle box – options include light and dark.
5. Show or hide Facebook faces.

Just download and install it. You’ll like it.

Peter Lee (3 comments) February 19, 2012 at 2:37 pm

Hi Prasenjit,

I’ve used v1.1.4 on my blog now but somehow, the 3 icons at the very bottom (RSS Feed, Email Updates and Google Plus) are not totally/fully visible. Just take a look on the widget on my blog here : http://www.computerhowtoguide.com/. Please advice on how can I fix this. Thanks.

Peter
Peter Lee recently posted..How Social Networking Can Help Your Brand

Prasenjit (202 comments) February 19, 2012 at 3:09 pm

Hi Peter,

Just FTP through your plugins directory and then to the easy-mashable-social-bar directory (wp-content/plugins/easy-mashable-social-bar) and open style.css file. Find #other-social-bar .other-follow css selector and remove height: 20px; padding-top: 2px;.

That should fix your problem.

steve warshaw (2 comments) February 23, 2012 at 4:40 am

Prasenjit,

This is an awesome plugin, but I’m having an issue. The add to circles part of the widget is completely blank on my blog (yes my browser is html 5 compatible.) Any ideas?
steve warshaw recently posted..States No More: Should we Repeal the 17th Amendment?

Prasenjit (202 comments) February 23, 2012 at 7:48 am

Do you have a business page created in Google Plus? If not then that might be the issue. Please create a business page and insert your page id in the widget setting and it should work fine. Let me know if that solves your problem.

steve warshaw (2 comments) February 23, 2012 at 10:17 am

thanks Prasenjit, had no idea it had to be a business page. That solved it

CD (1 comments) February 25, 2012 at 4:07 am

Hi Prasenjit

I just installed the plugin on my website. I’ve changed both Twitter and Facebook to Spanish, but I don’t know how to do it for the Google+ Circles button. Can you please help me out?.

Thanks
CD recently posted..Deportivo Cali vs. Itagüi – Todos al Pascual

Prasenjit (202 comments) February 27, 2012 at 7:51 am

Hi CD,

Thats is easy. Just after you’ve the plusone.js file included, make sure to add {lang: 'es'}

Let me know if that works.

msrosyidi (2 comments) March 4, 2012 at 4:19 pm

how about this plugin: http://wordpress.org/extend/plugins/wp-mashsocial-wigdet/…??? I see the screenshoot is same Easy Mashable Social Bar Plugin…
msrosyidi recently posted..Mengatasi Tampilan Huruf Arab Berharakat yang Berantakan di Mozilla Firefox 9.0.1

Prasenjit (202 comments) March 4, 2012 at 6:33 pm

That plugin has been released by one of my readers here, but I have no idea about how it works and what the features are.

Ahmad Awais (6 comments) March 4, 2012 at 7:16 pm

I codded it , and it has certain new features, right now the 11th version is up on wp.org you can find the support thread here ,
http://goo.gl/UTniF
Ahmad Awais recently posted..Make an HTML WordPress sitemap in 1 minute

msrosyidi (2 comments) March 4, 2012 at 8:41 pm

Thanks for your answer. I only want to be sure that the plugin is secure and also made by a honest man.
Thanks.
msrosyidi recently posted..Font Arab “Sakkal Majalla”

Ahmad Awais (6 comments) March 4, 2012 at 10:09 pm

Don’t worry , its all fine , and is updated with new features.
Ahmad Awais recently posted..Make an HTML WordPress sitemap in 1 minute

Stephen (1 comments) March 5, 2012 at 6:43 pm

Hi, is there a way to remove the subscribe feedburner part?

Prasenjit (202 comments) March 5, 2012 at 9:49 pm

That feature is not in place right now.

Ahmad Awais (6 comments) March 5, 2012 at 10:46 pm

Read the comments here http://goo.gl/zknxb and you will find one in which I told how to remove subscription box.
Ahmad Awais recently posted..Who else wants Sliding Login & Registration bar For FREE?

caenz (4 comments) March 10, 2012 at 9:49 pm

why it’s look ugly on my site?
caenz recently posted..Drama 3 Janji Slot Lestary TV3

Prasenjit (202 comments) March 10, 2012 at 11:35 pm

I don’t see it breaking on your site. What problem are you facing exactly?

caenz (4 comments) March 11, 2012 at 6:13 am

hmmm, anyway, it look like has a white space between Search and this plugin? how to fix it.

Prasenjit (202 comments) March 11, 2012 at 9:41 am

Since you don’t have a Google plus account, kindly disable the G+ badge from the widget settings page. That should work.

caenz (4 comments) March 11, 2012 at 2:49 pm

still not work..

Karlos (1 comments) March 11, 2012 at 8:50 pm

Great Job Prasenjit.

I don´t know why some plugin developers insist in inserting hidden links to their plugins.

I know they want backlinks but as you say, that way is unethical.

Thanks for your advice.

Regards
Karlos recently posted..Premium WordPress Themes vs Free Worpress Themes

Rohan Gupta (1 comments) March 13, 2012 at 12:55 pm

Thank you for the improved plugin,we are going to remove the old plugin and install this one.
Rohan Gupta recently posted..Samsung rolls out Galaxy S2 ICS 4.0 update,Global Update soon

Prasenjit (202 comments) March 11, 2012 at 4:51 pm

You still did not disable the G+ badge. Try doing it first.

caenz (4 comments) March 11, 2012 at 5:54 pm

i don’t know where to disable it, just {display : none}
sorry….
caenz recently posted..Drama 3 Janji Slot Lestary TV3

• Pasang Mashable Social Box Pada Sidebar Blog | MrPiratz[dot]Com February 2, 2012
• WordPress Social Widgets February 10, 2012