Page 1 of 1
Facebook, twitter, etc.
Posted: 20 Sep 2011, 05:07
by alexbunea
Hello,
I pasted the code provided by mjau-mjau into the seo counter area of my imagevuex.. but I don't know how to customize it and make it my own because facebook developpers only provide a code that is with FBML or IFRAME. Please help me a little with this, and also, how cand I position facebook, twitter, etc. sharing little buttons near the audio player in top right of my imagevue (
www.alexbunea.ro) without being affected by resolution differences... 800x600 or 1440x900, etc.
Re: Facebook, twitter, etc.
Posted: 20 Sep 2011, 05:19
by alexbunea
Nevermind the facebook.. I managed to solve this problem. How about Google plus? Tweeter?
Re: Facebook, twitter, etc.
Posted: 20 Sep 2011, 11:22
by mjau-mjau
Many of these services you don't need to change ... For Google plusone, just edit the line:
<g:plusone href="https://www.photo.gallery/demo/x2/"></g:plusone>
You can either just empty it, and Google will get the link automatically from the page where it is embedded, or add your own link -
Ref for the code is here, but I don't think you need it -
http://www.google.com/webmasters/+1/button/
Similar with Twitter, it uses the page its on, but you may want to change the twitter account:
<a href="http://twitter.com/imagevue" target="_blank" title="Imagevue on Twitter"><img class="largeicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/32x32/twitter.png"/></a>
<div class="container">
<a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal">Tweet</a>
<a href="http://twitter.com/imagevue" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#00AEFF">Follow @imagevue</a>
</div>
Basically just change where it says "imagevue" ...
Twitter ref.
http://twitter.com/about/resources/tweetbutton
Re: Facebook, twitter, etc.
Posted: 21 Sep 2011, 02:17
by alexbunea
it works. thanks a lot
Re: Facebook, twitter, etc.
Posted: 21 Sep 2011, 13:42
by alexbunea
Please help me with positioning the facebook, and social media icons. In your demo I that the icons are positioned top right next to audio player, but if resolution changes, the icons remains there. How did you positioned them relatively? I used a div with an absolute position for the icons.
Re: Facebook, twitter, etc.
Posted: 22 Sep 2011, 02:30
by mjau-mjau
alexbunea wrote:Please help me with positioning the facebook, and social media icons. In your demo I that the icons are positioned top right next to audio player, but if resolution changes, the icons remains there. How did you positioned them relatively? I used a div with an absolute position for the icons.
This is covered in the original post for the social thing in the CSS:
viewtopic.php?f=30&t=7076
#social-thing {position: absolute; right: 120px; top: 10px; ...
Basically, when you set
right: xpx, it will align to the right with set amount of margin ...
Re: Facebook, twitter, etc.
Posted: 23 Sep 2011, 03:05
by alexbunea
Thanks very much
Re: Facebook, twitter, etc.
Posted: 27 Sep 2011, 04:22
by Asmin
BTW.. Regarding Google +1.
When embedding "G+1" sharing option in Settings > Misc > Sharing > Services: and using "google_plusone" code from
addthis share button do not work correctly and gives "You supplied an invalid value for the parameter 'dest'." message.
Are there any workaround?
Re: Facebook, twitter, etc.
Posted: 27 Sep 2011, 10:58
by Nick
You mean you are adding another google plus button and it's conflicting with ours? In that case - just remove the getScript and setButton lines with google code and the div id="google-layer".
In other words, delete these:
<div id="google-layer" class="item rounded-up">
<img class="smallicon" src="http://cache.addthiscdn.com/icons/v1/thumbs/google.gif" />
<div class="service rounded background">
<div class="container">
<g:plusone href="https://www.photo.gallery/demo/x2/"></g:plusone>
</div>
</div>
</div>
$.getScript('https://apis.google.com/js/plusone.js', function () {
setButton("#google-layer");
});
Re: Facebook, twitter, etc.
Posted: 27 Sep 2011, 11:10
by mjau-mjau
Asmin wrote:BTW.. Regarding Google +1.
When embedding "G+1" sharing option in Settings > Misc > Sharing > Services: and using "google_plusone" code from
addthis share button do not work correctly and gives "You supplied an invalid value for the parameter 'dest'." message.
Are there any workaround?
To be honest, I am not sure how this is supposed to work ... How can you "plus one" an item by clicking a normal link? The google plusone element we have embedded in the Imagevue demo, is the proper implementation which allows you to "+1" an item. I tried in our demo gallery to find the service of all available ones, and it is not there -
I can see AddThis have listed it in their services code, but I am not quite sure what it is supposed to do? I am not sure why it would return an error either though of course, but this must be a mistake on addThis side because we are only sending generic data to the AddThis sharepoints ... What version of Imagevue are you using?