AddThis manual install

Permalink
I tried to add the generated code from AddThis.com to get something like in this theme:http://demo.goldhat.ca/cobalt/

I could not make it work right away. Have anyone tried adding this code to their C5 website? (obviously GoldHat has and made it work. Where do I put the html block containing the code to make it stick to the left side like this? I am using the Bootstrap theme.

djoniba
 
enlil replied on at Permalink Reply
enlil
looks like first you need to select the float left style in the dialogue before you get the code from addthis.com. Then you can place it in an html block anywhere on a page and it will render floating on the left. Should then be able to target some css to style it!

You may want to be sure to remove the url tracking option as well (easily adjustable in the provided code)...
djoniba replied on at Permalink Reply
djoniba
OK. But if I want it on the left in all the pages (with different page types). Does bootstrap have a holding container that makes it float to the very left on all the pages? Should I maybe hard code it in the view.php file?
enlil replied on at Permalink Reply
enlil
you could just put it in a stack that you place on every page. Or, better yet, just place the code in a Global Area and it will be on every page!

If you want to hard code it, I would put it in the header.php file ;)

EDIT: Actually, placing it in the footer.php file would probably be best to avoid the extra load time on the page. Let it render after the rest of the page has!
djoniba replied on at Permalink Reply
djoniba
Thanks. Now I just have to figure out where (does it to be placed in a certain page area, or can I have it "floating" above everything).

My point is, I want it to float left in the browser window no matter what pagetype the current page is using.
enlil replied on at Permalink Reply
enlil
your best bet, for starters, is to insert an html block in a "sitewide" area, such as your "sitewide header nav" area. put the code in it and apply any css you'd like in the block design dialogue and it should display on every page in your site!
djoniba replied on at Permalink Reply
djoniba
That I know. But then the buttons will be in whatever area I put it. I do not want it in the header
enlil replied on at Permalink Reply
enlil
can you give me a link to see what is happening? PM if need be...
JohntheFish replied on at Permalink Reply
JohntheFish
In the block design you can give it a fixed position relative to the browser window. Look up css for position:fixed, such as:

http://www.w3schools.com/css/css_positioning.asp...
djoniba replied on at Permalink Reply
djoniba
Its not a block. It is just code generated from the AddTHis websitehttps://www.addthis.com/get/sharing...

you can see the buttons on the left side of the browser. This is what I want
JohntheFish replied on at Permalink Reply
JohntheFish
You can put it in an html block and give that position.

Or you could have a look at
http://www.concrete5.org/marketplace/addons/social-icons-reloaded/...

Or the pro version
http://www.concrete5.org/marketplace/addons/social-icons-reloaded-p...