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.
Log In
Members
Home
Add Reply
Add Topic
Topic RSS
Offline
QuoteHere 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%%&send=false&layout=box_count&width=450&show_faces=false&font=arial&colorscheme=light&action=like&height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:45px; height:54px;" allowTransparency="true"></iframe>
<div style="background: url("http://lh3.googleusercontent.com/-TuITveepO2g/UOvRrWHqsaI/AAAAAAAAAnw/VrVfnRoLfio/s45/fbshare.jpg") 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%%&send=false&layout=button_count&width=450&show_faces=false&font=arial&colorscheme=light&action=like&height=20" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:21px;" allowTransparency="true"></iframe>
<div style="background: url("http://lh3.googleusercontent.com/-TuITveepO2g/UOvRrWHqsaI/AAAAAAAAAnw/VrVfnRoLfio/s45/fbshare.jpg") 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>
================================
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.
1:31 am
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.
10:42 pm
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?
@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.
12:57 am
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 
thanks!
Most Users Ever Online: 173
Currently Online:
3 Guest(s)
Currently Browsing this Page:
1 Guest(s)
Member Stats:
Guest Posters: 296
Members: 137
Moderators: 0
Admins: 2
Forum Stats:
Groups: 2
Forums: 5
Topics: 291
Posts: 1095
Newest Members: Petit Futé, Jessica Carol, Ronwel Villalobos, Milan Budimkic, Todd Schafer, Junior Ferreira
Administrators: Administrator (2), Sudipto (465)
