I have asked a question regarding customizing the share bar especially providers facebook-like and google-plusone (https://stackoverflow.com/questions/18330929/gigya-sharebar-unable-to-change-icon-for-facebook-like-and-google-plusone). But no answers so far. I was wondering if it can be done using buttonWithCountTemplate. I want to set the icons for facebook-like and google-plusone in sharebar using buttonWithCountTemplate. But there seems to be no example code that shows buttonWithCountTemplate usage. Can anyone provide the example usage of buttonWithCountTemplate in Gigya Share Bar Customization.
The template is a string value which you can use the following placeholders in: $iconImg, $text, $onClick, $count.
You would add the parameter like so:
buttonWithCountTemplate: '<div class="sBtnWrap"><div class="sBtn">$text<img src="$iconImg" /></div><div class="sCountBox">$count</div></div>'
Unfortunately it seems you can not control the styling of all the providers like facebook like or any of the goole providers. If you change facebook-like to just facebook as the provider it will be styleable.
Related
I am currently designing a website where there is a facebook like box embedded on it.
The default of facebook looks something like this:
But instead of that look, I want the friend's icons to appear on the same line as the like box similar to this:
Does anyone have any idea to do this one? I tried adding several styles on the css and override the class given by facebook but it won't work.
The like button is generally an iframe so your styles will not affect it. Also as it is on a different domain, I'm not sure if you could even manipulate it by adding your own styling to the tr elements via javascript (setting them to display:table-cell achieves what you want) due to cross domain access issues. Finally I'm not sure if there are platform policies that would also be invalidated by doing this, which could have negative effects on your facebook intergration
I just want to ask a simple question about facebook like box http://developers.facebook.com/docs/reference/plugins/like-box/ I just want to remove the fan page profile photo.. Is there a solution for this? Thanks!
First: It is against the facebook rules to change or hide things in the social plugins.
That being said, afaik it is not possible anymore to use custom css in the social plugins. A long time ago you could pass the absolute URL of a css file to the plugin code but it does not work anymore.
I would recommend using a simple Like button. If you really need the stream of the page too, you could just use an app to read them by yourself, in that case even with your own design.
I just thought to answer this question as someone else might need this information in the future. All you need to do is reduce the width of the facebook like box. That’s it. I have done that in my website www.bringhopes.ca.
You can add the following CSS to hide the image
img.profileimage
{
display:none;
}
Is anyone aware of any restrictions Facebook places on modifying the look and feel of their registration widget?
We'd like to use the FB Registration widget on one of our pages, and then use jQuery to hide certain divs, text, etc. to make it a bit more compact and fit aesthetically better into our site.
Is is 'legal' or acceptable to do? I'm attempting to read through all of their documents to find out, but if someone already knows, that would really help.
tia
Facebook uses iframes to load the registration plugin on your website. So there is no way you can change the looks of it with css or jQuery.
You can just customize however you want according to guidelines present here.
https://developers.facebook.com/docs/guides/web/
I want to use the sharer.php popup to open the share dialog, but would like to customize it so that the share option is by default not to my profile, but to a page - and ideally also select the page (by id?).
i've looked everywhere but the only documented parameters are ?url= and ?title=, although it seems that there is less known "hidden" way to also define summary and image: ?p[image]= ...
im hoping there is something similar to define the share options?
or perhaps another share screen that i can use to post directly to my page?
tnx!
Avoid usage of Sharer in favor of Feed Dialog.
Feed Dialog may be used to specify where the content is published (to) and who publishing it user or page (from).
You can use Feed Dialog directly or with JaveScript SDK, read the documentation for more details.
I added a Google Custom Search Element to my website. I already modified the look and feel of the CSE to my website, but I can't modify the look of the ads element since it is inside an Iframe.
Does anybody know how to set-up the style of the ads Iframe? I want do put in a background color and change the font.
Thanks!
This feature seems to be available only for Google Site Search customers. If you are one, you'll be able to recieve your search results as an XML feed, and apply a presentation layer on the raw data. All the details on how to do this are available at the official Google Custom Search site.
You can try this api for AdSence search - https://developers.google.com/custom-search-ads/docs/implementation-guide?hl=en , but you can't make ads view like search results.