Search…

X3 Photo Gallery Support Forums

Search…
 
User avatar
alexbunea
Topic Author
Posts: 17
Joined: 13 Feb 2011, 20:19

Facebook, twitter, etc.

20 Sep 2011, 05:07

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.
http://www.alexbunea.ro - Wedding Photographer based in Timisoara, Romania
 
User avatar
alexbunea
Topic Author
Posts: 17
Joined: 13 Feb 2011, 20:19

Re: Facebook, twitter, etc.

20 Sep 2011, 05:19

Nevermind the facebook.. I managed to solve this problem. How about Google plus? Tweeter?
http://www.alexbunea.ro - Wedding Photographer based in Timisoara, Romania
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Facebook, twitter, etc.

20 Sep 2011, 11:22

Many of these services you don't need to change ... For Google plusone, just edit the line:
Code
<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 -
Code
<g:plusone></g:plusone> 
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:
Code
<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> 
               &nbsp;
               <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
 
User avatar
alexbunea
Topic Author
Posts: 17
Joined: 13 Feb 2011, 20:19

Re: Facebook, twitter, etc.

21 Sep 2011, 02:17

it works. thanks a lot :)
http://www.alexbunea.ro - Wedding Photographer based in Timisoara, Romania
 
User avatar
alexbunea
Topic Author
Posts: 17
Joined: 13 Feb 2011, 20:19

Re: Facebook, twitter, etc.

21 Sep 2011, 13:42

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.
http://www.alexbunea.ro - Wedding Photographer based in Timisoara, Romania
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Facebook, twitter, etc.

22 Sep 2011, 02:30

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
Code
#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 ...
 
User avatar
alexbunea
Topic Author
Posts: 17
Joined: 13 Feb 2011, 20:19

Re: Facebook, twitter, etc.

23 Sep 2011, 03:05

Thanks very much
http://www.alexbunea.ro - Wedding Photographer based in Timisoara, Romania
 
User avatar
Asmin
Posts: 6
Joined: 23 May 2011, 14:53

Re: Facebook, twitter, etc.

27 Sep 2011, 04:22

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?
 
User avatar
Nick
Imagevue Hitman
Posts: 2872
Joined: 02 May 2006, 09:13

Re: Facebook, twitter, etc.

27 Sep 2011, 10:58

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:
Code
		<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>
Code
$.getScript('https://apis.google.com/js/plusone.js', function () {
					setButton("#google-layer");
				});
firedev.com
 
User avatar
mjau-mjau
X3 Wizard
Posts: 13998
Joined: 30 Sep 2006, 03:37

Re: Facebook, twitter, etc.

27 Sep 2011, 11:10

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 -
Image
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?