Recent Topics

[Plugin+Widget] Social Buttons , all new, all in one

Started by on Jun 16, 2011 – Contents updated: Feb 20, 2014

Jun 16, 2011 05:44    

Plugin to add main social buttons (FB Like, Tweet Button, Google +1) to your posts easily.And it comes with a LOTS of settings.

I havent tested it on a production install yet, let me know your comments if you use it.

http://i54.tinypic.com/fw64ix.jpg
http://i56.tinypic.com/250qbg1.jpg

[url=http://sourceforge.net/projects/evocms-plugins/files/socialbuttons_plugin/socialbuttons_plugin1.0.zip/download]Download[/url] 1.0

[url=https://sourceforge.net/projects/evocms-plugins/files/socialbuttons_plugin/]Check / Download latest version [/url]

To Do:

Code cleanup ( Code is a mess -visually-)
Add twitter and +1 widgets as well.
Add FB like FMBL version ?

Jun 21, 2011 17:02

The Plugin is fantastic, Thank You!

I installed it today so I haven't had chance to play with it long enough, but I do have one suggestion or more a petition to make, you can see it and read it here:

http://www.diigo.com/item/image/1g48g/96p7

In case you can't see the image...

1) Could the buttons be placed immediately after the post, inside the post's form box?
2) In my case, the Facebbok and Titter buttons have no space between them.

Again, Thank you!!![/list]

Jun 21, 2011 20:09

i see what you are getting at.. the buttons are prepended to the post content and not the whole post.And i dont know of plugin functions that would do so.

I'll add the widgets for the +1 and tw buttons as well when i find time, so that you can insert a widget container after the whole post, or whereever you like and insert widgets there.

Jun 22, 2011 00:46

Maybe the image didn't help me much explaining what I mean. But if you look at it you will see a small button and blue text in top of your Social Buttons. The little button and the rest belong to another plugin called Blogalaxia Tags (or something alike).
Your Facebook Like plugin places the button at the top of the Blogalaxia Tags while the Social Buttons places itself below blogalaxia and beside the Posts normal tags.
I wish the Social Buttons were placed above the Blogalaxia plugin line at the end of the post.

Jun 22, 2011 01:37

both plugins use the same method, but i dont know for sure what makes their order.But;

crack open the plugin and try changing line 33:

var $priority = 60;

to

var $priority = 99;

Jun 22, 2011 01:58

I changed it as you suggested, unfortunately didn't work.

Jul 11, 2011 16:26

Is there any way we can use one of these social networks to host comments for each post?

Jul 11, 2011 17:44

zante wrote:

Is there any way we can use one of these social networks to host comments for each post?

you can host your comments on facebook.

Jul 11, 2011 18:36

Nice plugin, and a shedload of settings :)

Jul 12, 2011 10:21

sam2kb wrote:

Nice plugin, and a shedload of settings :)

not as nice as yours but thanks (:

Jul 30, 2011 18:54

I'm a big fan of your Social Buttons extension and also of the Text Resizer Plugin, couldn't they just be joined to form one social button + text resizer bar at the end of each post?
It could look something like the example in the next picture:

http://i53.tinypic.com/16azn94.jpg

:D

Jul 31, 2011 16:08

Thak you very much for your fast response and work!

I've implemented it in two sites but unfortunately it overlaps with another area of the post, you can see at the image below:

http://i51.tinypic.com/2jfx9gp.jpg

Also, when pressing the text resize buttons nothing seems to happen. You can see it here:

http://www.guillermocasanova.net/index.php

If it could stretch across the whole space of the post (horizontally) and not overlap, it would be the best plugin...

Thank you again!

Jul 31, 2011 20:26

You are currently have "cached" selected as setting.I broke it by mistake as i said.Choose "real-time" as option for it to work.

Secondly, For the div problem:

open the plugin file (around lines 494 - 497) and replace this part :

PHP

$contentt = & $params['data'];
     if($fblb_ba == 'before') { $contentt '<div class="socialbutttons">'.$fblbutton.$twbutton.$gplusbutton.'</div>'.$txtrsze.$contentt;    }
     if($fblb_ba == 'after') { $contentt $contentt.'<div class="socialbutttons">'.$fblbutton.$twbutton.$gplusbutton.'</div>'.$txtrsze;    }

with this:

PHP

$contentt = & $params['data'];
     if($fblb_ba == 'before') { $contentt '<div id="gtfo" style="height:70px;">"<div class="socialbutttons">'.$fblbutton.$twbutton.$gplusbutton.'</div>'.$txtrsze.$contentt;    }
     if($fblb_ba == 'after') { $contentt $contentt.'<div class="socialbutttons">'.$fblbutton.$twbutton.$gplusbutton.'</div>'.$txtrsze.'</div>';    }

What it does is basically wrap those two in a single div, and set a height.(see height:70px) change that part as you need.

Jul 31, 2011 20:59

Thanks for replying so fast!

I do have the Real Time Option on; I took real care of not changing that since you said Cached would not work.

I changed the code you said and it got worse, not only does it still overlap but now there's a huge white space at the beginning of the second post, have a look for yourself:

http://www.guillermocasanova.net/index.php

Sorry for the nuisance!

Aug 01, 2011 00:45

You know what, get rid of that modified broken plugin.

I just remembered that i had added widget functionality in both widgets.So;

Go back to original versions of two seperate plugins.Simply add a widget container after each post:

PHP

<?php skin_containerNT_("after-post"), array(
                'block_start' => '<div class="afterpost">',
                'block_end' => '</div>',
                //params
            ) );    ?>

And add the two widgets of plugins into this container.

Aug 01, 2011 01:45

I did as you suggested and got the following results:

Textresizer can only be placed at the top left. I didn't see if it has a CSS to play with. And I liked the icons and letters you put in the combined Social Buttons + Textresizer plugins better. This is how it looks now:
http://www.literanova.net/blog8.php/el-quijote-cuerdo-formidable

Social Buttons can be placed before or after the post but Facebook button appears twice, you can see in this image:

http://i52.tinypic.com/iogtc6.jpg

Aug 01, 2011 15:37

gcasanova wrote:

I did as you suggested and got the following results:

Textresizer can only be placed at the top left. I didn't see if it has a CSS to play with. And I liked the icons and letters you put in the combined Social Buttons + Textresizer plugins better. This is how it looks now:
http://www.literanova.net/blog8.php/el-quijote-cuerdo-formidable

Social Buttons can be placed before or after the post but Facebook button appears twice, you can see in this image:

http://i52.tinypic.com/iogtc6.jpg

currently i see that:

1- you are not using buttons as widget, but you are using plugin version, that appends them to post.
2- the reason text resizer widget is on top of post is that, you have placed the container before the post. you have to put it after your post if you want it to appear in the bottom.Dont mind the images, it's easy to add later on.

Aug 01, 2011 19:14

I admit I'm lost here... where is the widget version?
I know I'm being a nuisance but could you be more specific... (step by step).

I have the old version installed as plugin and I placed the widget box at the end of the post (as far as I know...) I open the Widget configuration tab and placed the plugin as a widget inside the new created widget box and this is what I got.

Aug 11, 2011 13:16

check "force floated boxes" in plugin options

Aug 22, 2011 18:18

Hi there,

works fine so far - but the G+ button is never displayed. The code is not proper rendered: My delivered source code is

[...]<g :plusone href="[...]" count="false"></g>[...]

where it should be

[...]<g:plusone href="[...]" count="false"></g:plusone>[...]

Any ideas anyone?

Aug 22, 2011 21:06

Hello again.
After all, I designed and coded my own social buttons bar and kicked the plugin. Nort because it did not work but because I needed an other design and so one.
Well, now my G+1 code gets delivered right, but the button itself is still not displayed. So I think the error was not in your plugin.

Btw, my version now looks like http://www.realfragment.de/blog/index.php/2011/08/22/rossignol and works fine- except G+1.

Regards, pgs

Sep 24, 2011 15:27

Ok, couple of things.

1. Google+ button doesn't show up for me either. Thought maybe it was because I wasn't logged in, but nope, that's not it.

2. It's not displaying correctly. I'm using the default settings, and this is what it looks like:
http://i85.photobucket.com/albums/k48/dubird/socialbuttons.jpg

3. I'd really like to be able to adjust where it goes. As you can see, it's not really after the post, so I'd like to move it down a little, but I can't find where to do it.

Dec 01, 2011 03:56

Used your plugin. It works great. Thanks!

However, one odd thing I can't seem to figure out...when I "Like" a blog post it comes up on my Facebook...but with a pic from another post on that blog...not the one associated with that particular post.

Any ideas?

Dec 01, 2011 10:23

viperpaintball wrote:

Used your plugin. It works great. Thanks!

However, one odd thing I can't seem to figure out...when I "Like" a blog post it comes up on my Facebook...but with a pic from another post on that blog...not the one associated with that particular post.

Any ideas?

you have to define Open Graph tags properly in your page.
In other words, You have to let facebook know which picture you want it to use, otherwise it will select one in random.For more info check:

http://davidwalsh.name/facebook-meta-tags

Dec 01, 2011 17:20

Thanks for the reply

If I read it correctly you get two choices
* Any random pic on the page
* A specific pic that will be used for every "Like"

What I was hoping for is to have it display a pic from the particular post being "Liked"

Let me explain why this is an issue. We breed exotic animals, and we use the blog to post the latest photos of the latest babies born. Babies are cute, so NEW baby pics will entice people to click the link on Facebook and go to our site. The same old pic over and over would not be as effective, and a pic of a baby kangaroo with a post about "New baby ring-tailed lemurs available" makes no sense.

Is it possible to have the pic of the kangaroos show up when someone "Likes" the post about new kangaroos, or is using a company logo for every post the only option?

Dec 02, 2011 23:59

viperpaintball wrote:

Thanks for the reply

If I read it correctly you get two choices
* Any random pic on the page
* A specific pic that will be used for every "Like"

Not really, you are not restricted to 1 pic.
viperpaintball wrote:

Thanks for the reply
What I was hoping for is to have it display a pic from the particular post being "Liked"

You can perfectly do that.. But for that to work, as i said you gotta lead FB to the picture you want it to be displayed.

Off the top of my head there are two ways to do it:

1- if you are using [url=http://forums.b2evolution.net/viewtopic.php?t=15641]sam2kb's avatars plugin[/url] you can choose a post avatar (similar to 'featured image' feature in WP) and so you use sth like:

Code

<meta property="og:image" content="<?php echo $postavatar; ?>"/>

<!-- $postavatar is not a real variable, but you get the idea. -->

2- you can use jQuery to get the first, last or an image with a specific class..
manually add a class to the image you want to be used:

Code

<img src="myimg.jpg" class="postimg" alt=""/>
$postimage = $("img.postimg");

or select the first image in the post automatically;

Code

$postimage = $("div.post img:first")

Jan 16, 2012 21:02

Well, I fiddled a bit with this plugin...and guess I have it working in a way I can live with.

I changed the force float to 128px (arbitrary amount more than 65px) so that the buttons wouldn't overlap....and changed it to only apply to the fbiframediv, so that the content starts under the buttons.

I set 'cached', so that means I can't use the google plus option....since in another forum post it was mentioned that the render does xhtml validation, and g:plusone is not considered valid, so it gets broke.

Also with 'cached' I have to use 'before' to get things working right. Because render does the entire post...so if More or Next Page is used, the buttons don't show up, because they're at the end of the item and not on page one.

Of course, things then look weird in single post view, when you go to other pages of the post....

Probably need to parse through $contentt and see if things like <!--nextpage--> or <!--more--> exist and adjust accordingly.... For now, I've just made mine so that it'll tack the buttons to the end of the content if it detected one of those tags.

The Dreamer

Dec 20, 2012 08:34

Thank you so much. The plugin as far as I can see so far, works like a charm out of the box, all I did change was the size, type (Button, box), text size and location (Before / after), that was about all I changed.

Good work and again, thank you so much.

My site http://www.elrinconcitodeaurora.net/erda.php
(The site has gone through a fresh reinstall and I'm currently working in adding all kinds of 'stuff', you know what I mean of course.)

Apr 19, 2013 21:17

Ok, I have no idea if this is still being worked on, but I wanted to comment. I ended up just figuring out how FB, Twitter, and G+ work their buttons and integrated into my skin. When I did that, I was able to position it how I wanted and G+ showed up for me. But to do so, I had to edit the header file to include some javascript. Would that be why the G+ button never showed up for me?

Apr 20, 2013 00:02

I dont think that should be an issue, i've tested it on a working install. (However, oddly enou&#305;gh, the plugin doesnt work at all in v5 for me, gotta look into that.)

As far as the update goes, i am working on a 'helper class' for all my existing/future plugins, so this will be updated with others. It's almost ready but some things got in the way and just couldnt put the final touches.

On another note, the way i see it, loading javascript files just for the sake of sharing is crazy. Sometimes, it takes 10-15 seconds to load the page if you have all that fb, twitter and google scripts just for sharing, especially facebook hangs most of the time. So i found javascript-free workarounds for major ones (fb, tw, g+, tmblr, pin) you can see the implementation and test it over at http://www.tilqi.com/ozlu-sozler/ .. it would load a lot faster if it werent for those annoying facebook and google "badge"s, and the adsense ads of course.

Oct 10, 2013 09:04

tilqicom wrote

On another note, the way i see it, loading javascript files just for the sake of sharing is crazy. Sometimes, it takes 10-15 seconds to load the page if you have all that fb, twitter and google scripts just for sharing, especially facebook hangs most of the time. So i found javascript-free workarounds for major ones (fb, tw, g+, tmblr, pin) you can see the implementation and test it over at http://www.tilqi.com/ozlu-sozler/ .. it would load a lot faster if it werent for those annoying facebook and google "badge"s, and the adsense ads of course.

Hi, back on Thu Dec 20, 2012 08:34 I installed your Social Plugin & worked fine 'off the box' for me on b2Evo 4.1.6. However, that installation no longer exists, in it's place I have a brand new b2Evo 5.0.6 install and the plugin doesn't work for me.

I read that it wasn't working for you either back on Apr 20, 2013

the plugin doesnt work at all in v5 for me, gotta look into that

Has anything changed since then?

By the way, your "Blog List Widget" http://forums.b2evolution.net/topic-22919#c98036 still works like a charm on b2Evo 5.0.6 as it was on b2Evo 4.1.6 - I just uploaded it to the plugin directory, installed it & muah! Works beautifully.

Thank you so much
My website http://www.elrinconcitodeaurora.net/ proudly run by the powerful b2Evolution 5.0.6 CMS engine (Still have to add content)

Feb 20, 2014 10:49

Hello tilgicom,

I would like to use the social button plugin. I installed it but can not activate the tickbox. Whenever I try the tickbox gets deactivated after save. So nothing shows up.
I am using b2e 5.0.7 and PHP 5.5

Please could you give me support?

Thanks and regards
will


Form is loading...

powered by b2evolution – This forum is powered by b2evolution CMS, a complete engine for your website.