Sharing buttons of the current page (for blog)

Design help Custom code
1

I’d like to add sharing buttons to each blog post, right under the title. I got these. Facebook works. Twitter doesn’t and linkedin breakes the layout for some reason. Any ideas?

<a class=“w-inline-block social-share-btn tw” href=“https://twitter.com/intent/tweet?” target=“_blank” title=“Tweet” onclick="window.open(‘https://twitter.com/intent/tweet?text=’ + encodeURIComponent(document.title) + ':%20 ’ + encodeURIComponent(document.URL)); return false;”>

<a class=“w-inline-block social-share-btn linkedin” href=“LinkedIn Login, Sign in | LinkedIn” target=“_blank” title=“Share on LinkedIn” onclick="window.open(‘LinkedIn Login, Sign in | LinkedIn’ + encodeURIComponent(document.URL) + ‘&title=’ + encodeURIComponent(document.title)); return false;”>

https://preview.webflow.com/preview/proof-7c19bb?preview=f6e7969d662abf6b71a2df8a37f8ee17

2

You can embed code from something like http://addthis.com

also, here is how to embed code to your Webflow site:
http://help.webflow.com/faq/how-to-use-the-embed-widget-to-add-custom-code-to-a-webpage

hope this helps :slight_smile:

3

Hey @LupoAsaf

In addition to Nelson’s input above, see this helpful thread by @sabanna if you do not cringe at the sight of custom code :grimacing: ;

2 Likes
4

Yeah, apparently my problem was assigning design directly to the HTML element instead of creating a separate element with the classes w-inline-block, social-share-btn and the social network name and design them.
Now everything works perfectly.

2 Likes