• Skip to primary navigation
  • Skip to main content
  • Skip to footer

TECHXT

simple extendable solutions

  • Home
  • Wordpress Tutorial
  • SEO
  • How to
  • Forum
  • Knowledge Base
    • Domain Name Generator
    • My Tech Projects
    • News
    • Security
  • About
  • Search

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

.

Avatar
sp_LogInOut Log Insp_MemberList Members
Lost password?
sp_Search Search
Advanced Search
Advanced Search
Forum Scope


Match



Forum Options



Minimum search word length is 3 characters - maximum search word length is 84 characters
sp_Search Search
Home
Plugin Support Forum
Tweet Like Plusone and Share Plugin
Display Facebook Share button -- Custom Button
Go to Bottom
sp_NewPost Add Reply
sp_NewTopic Add Topic
sp_Feed Topic RSSsp_TopicIcon
Display Facebook Share button -- Custom Button
January 8, 2013
12:37 pm
Avatar
_sudipto_
Admin
Forum Posts: 537
Member Since:
June 22, 2011
sp_UserOfflineSmall Offline
sp_UserWebsite sp_Twitter sp_Facebook
Go to Top
This post is pinned 1sp_EditHistory sp_Permalink sp_Print sp_QuotePost Quote

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
Avatar
TomasCalderon
Guest
Guests
Go to Top
2sp_Permalink sp_Print sp_QuotePost Quote

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

February 13, 2013
6:03 am
Avatar
_sudipto_
Admin
Forum Posts: 537
Member Since:
June 22, 2011
sp_UserOfflineSmall Offline
sp_UserWebsite sp_Twitter sp_Facebook
Go to Top
3sp_Permalink sp_Print sp_QuotePost Quote

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
Avatar
Luc1X
Guest
Guests
Go to Top
4sp_Permalink sp_Print sp_QuotePost Quote

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

April 3, 2013
9:28 am
Avatar
Leo G
Guest
Guests
Go to Top
5sp_Permalink sp_Print sp_QuotePost Quote

Added it but not working

 

http://techarena51.com/index.p.....1990-only/

April 7, 2013
10:42 pm
Avatar
Laura
Guest
Guests
Go to Top
6sp_Permalink sp_Print sp_QuotePost Quote

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
Avatar
_sudipto_
Admin
Forum Posts: 537
Member Since:
June 22, 2011
sp_UserOfflineSmall Offline
sp_UserWebsite sp_Twitter sp_Facebook
Go to Top
7sp_Permalink sp_Print sp_QuotePost Quote

@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
Avatar
Petra
Guest
Guests
Go to Top
8sp_Permalink sp_Print sp_QuotePost Quote

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
Avatar
hiperbol
Guest
Guests
Go to Top
9sp_Permalink sp_Print sp_QuotePost Quote

it works! Cool thanks!

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

 

June 28, 2013
11:05 am
Avatar
Kim
Guest
Guests
Go to Top
10sp_Permalink sp_Print sp_QuotePost Quote

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
Avatar
_sudipto_
Admin
Forum Posts: 537
Member Since:
June 22, 2011
sp_UserOfflineSmall Offline
sp_UserWebsite sp_Twitter sp_Facebook
Go to Top
11sp_EditHistory sp_Permalink sp_Print sp_QuotePost Quote

@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
Avatar
Kim
Guest
Guests
Go to Top
12sp_Permalink sp_Print sp_QuotePost Quote

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?

sp_NewPost Add Reply
sp_NewTopic Add Topic
Add Reply: Display Facebook Share button -- Custom Button
Guest name (required):
Guest email (required):

NOTE: new posts are subject to administrator approval before being displayed

Guest URL (required)
Math Required
What is the sum of:
4 + 2
sp_Feed All RSS
Go to top
Forum Timezone: America/New_York
Most Users Ever Online: 177
Currently Online:
Guest(s) 1
Currently Browsing this Page:
1 Guest(s)
Top Posters:
Natália Gastão: 10
indy: 6
Milan Berger: 5
Cesar Bielich: 5
YethzART: 4
Aqua Skye: 4
Member Stats:
Guest Posters: 369
Members: 88
Moderators: 0
Admins: 2
Forum Stats:
Groups: 2
Forums: 5
Topics: 384
Posts: 1334
Newest Members:
test usser, Anthony Ang, Fernando Rueda, Jesus S. Jr Matubis, Quinton Williamson, William H Cole
Administrators: Administrator: 4, _sudipto_: 537
© Simple:Press —sp_Information

Footer

Subscribe by email

FOLLOW US :

Tools & Apps

  • Domain Names Generator
  • Our Wordpress Plugins
  • HTML Code Table

TechXT Network

  • www.seecoupons.com – Just another Deals & Coupons site
  • pincodes.techxt.com – A search engine for Indian Pincode.
  • stdcode.techxt.com – A search engine for Indian STD Codes
  • mobileinfo.techxt.com – A search engine for Indian Mobile Codes
  • bankifsccode.techxt.com – A search engine for Indian Bank IFSC Codes.

Info

  • Contact us
  • Privacy Policy

  •   simple extendable solutions

© Copyright 2025 TECHXT.COM

We use cookies to ensure that we give you the best experience on our website. If you continue to use this site we will assume that you are happy with it.