Display Facebook Share button -- Custom Button | Tweet Like Plusone and Share Plugin | Plugin Support Forum


The forum is not available on mobile. To view the forum please visit http://techxt.com/plugin-support-forum using a Desktop.

Please consider registering
guest

Log In Members

Lost password?
Advanced Search

— Forum Scope —

  

— Match —

   

— Forum Options —

   

Minimum search word length is 3 characters - maximum search word length is 84 characters

Topic RSS
Display Facebook Share button -- Custom Button
January 8, 2013
12:37 pm
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

Here an alternative button to display the Facebook share button using custom button option. I will soon add the code to the plugin so that you do not have to add it using the custom button option

 

Please change [i frame] in the below code to [iframe] (remove space in between )

====== Large button code ==============

<div style=”position: relative; height: 60px;”>
<i frame src=”//www.facebook.com/plugins/like.php?href=%%EURL%%&amp;send=false&amp;layout=box_count&amp;width=450&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:45px; height:54px;” allowTransparency=”true”></iframe>
<div style=”background: url(&quot;http://lh3.googleusercontent.com/-TuITveepO2g/UOvRrWHqsaI/AAAAAAAAAnw/VrVfnRoLfio/s45/fbshare.jpg&quot;) repeat scroll 0px 0px transparent; width: 45px; height: 18px; position: absolute; bottom: 1px; cursor: pointer;”  onclick=”window.open(‘https://www.facebook.com/sharer/sharer.php?u=%%EURL%%’,’popUpWindow’,’height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no, status=yes’);”></div>
</div>

======= Small button code ===========

<div style=”position: relative;”>
<i frame src=”//www.facebook.com/plugins/like.php?href=%%EURL%%&amp;send=false&amp;layout=button_count&amp;width=450&amp;show_faces=false&amp;font=arial&amp;colorscheme=light&amp;action=like&amp;height=20″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:75px; height:21px;” allowTransparency=”true”></iframe>
<div style=”background: url(&quot;http://lh3.googleusercontent.com/-TuITveepO2g/UOvRrWHqsaI/AAAAAAAAAnw/VrVfnRoLfio/s45/fbshare.jpg&quot;) repeat scroll 0px 0px transparent; width: 45px; height: 18px; position: absolute; top: 1px; cursor: pointer;”  onclick=”window.open(‘https://www.facebook.com/sharer/sharer.php?u=%%EURL%%’,’popUpWindow’,’height=500,width=400,left=100,top=100,resizable=yes,scrollbars=yes,toolbar=no,menubar=no,location=no,directories=no, status=yes’);”></div>
</div>

 

================================

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

February 12, 2013
8:05 pm
TomasCalderon
Guest

greetings you could make a video tutorial on how to attach the shared button facebook

February 13, 2013
6:03 am
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

Well its too easy to add a custom button. Add the large button code to the custom large button box and small button code to custom small button box. Only one thing I have marked the [ i frame ] in red in the above code. Actually you need to change [ i frame ] to [ iframe ] (no space between “i” and “frame”).  Do not forget to check the “Display custom buttons” option.

 

If you are still unable to make the button work then i will make a video.

 

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

February 15, 2013
1:31 am
Luc1X
Guest

Doesn’t work, here is a pic of what plugin says. I checked only Display Customs Button, if i check all, i can’t see the share button.

 

http://i50.tinypic.com/25hz7ya.jpg

April 3, 2013
9:28 am
Leo G
Guest
April 7, 2013
10:42 pm
Laura
Guest

I’m reasonably good at this tech stuff. But I input the large code into the large box and the small code into the small box. I adjusted the space with “iframe”. I checked the box to use the custom button code. I saved changes. I refreshed the page. Nada. And now Tweet, Like, PlusOne has disappeared from my blog entirely. Thoughts?

April 8, 2013
7:36 am
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

@laura — I am using the same code on site http://uquoted.com (small button code) and I checked it again. It is working fine. Can you post your site url I would like to have a look.

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

April 22, 2013
12:57 am
Petra
Guest

Sudipto, can you have a look at the display on my site about Beach Decor http://www.mybeachdecor.com – it seems to display the buttons google+1 and tweet twice! I have installed the “small button” code for FB share and it doesn’t seem to display at all Confused

May 8, 2013
12:40 pm
hiperbol
Guest

it works! Cool thanks!

just a few info about the wordpress version i use: WordPress 3.5.1

 

June 28, 2013
11:05 am
Kim
Guest

I managed to add the share button, but it displays with the right side cut off. How can I fix this with CSS? Also, I would like the button to say ‘Delen’ instead of ‘Share’, in Dutch like the other buttons.

Here’s my site, could you please take a look: http://www.feestprints.be

June 28, 2013
3:18 pm
Admin
Forum Posts: 529
Member Since:
June 22, 2011
Offline

@Kim –

 

All you need to do is edit this image

 

lh3.googleusercontent.com/-TuITveepO2g/UOvRrWHqsaI/AAAAAAAAAnw/VrVfnRoLfio/s45/fbshare.jpg

 

then upload it to your media and replace the link of this image in the above code with the link of your edit image.

< My Domain Names Generator tool crossed 50,000 page views. If you haven't tried yet, then try it out. />

July 6, 2013
6:40 pm
Kim
Guest

Thanks Sudipto. I managed to do that. But the right side of the icon is still cut off. I checked both in Chrome and IE. How can I fix that?

August 30, 2014
12:17 am
seuhpbt
Guest
13
Awaiting Moderation

October 2, 2014
8:04 am
hermes outlet in fra
Guest
Awaiting Moderation

Forum Timezone: UTC 0

Most Users Ever Online: 173

Currently Online:
48 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Member Stats:

Guest Posters: 387

Members: 63

Moderators: 0

Admins: 2

Forum Stats:

Groups: 2

Forums: 5

Topics: 369

Posts: 1330