Site:
http://sometimesthingshappen.com
I want to use a specific set of social icons from
Po.st So I used simple hooks and added this code under the genesis_post_content Hook
Code:
<div class='pw-widget pw-size-large'>
<a class='pw-button-googleplus'></a>
<a class='pw-button-facebook'></a>
<a class='pw-button-twitter'></a>
<a class='pw-button-email'></a>
<a class='pw-button-post'></a>
</div>
<script src='http://i.po.st/static/script/post-widget.js#publisherKey=q2i27551cf5uan1h85la' type='text/javascript'></script>
Then I added this in my header
Code:
<script type="text/javascript">
(function ()
{
var s = document.createElement('script');
s.type = 'text/javascript';
s.async = true;
s.src = 'http://i.po.st/share/script/post-widget.js#publisherKey=[publisherKey]';
var x = document.getElementsByTagName('script')[0];
x.parentNode.insertBefore(s, x);
})();
</script>
It works for the most part, except the social buttons on the main blog page don't link to the posts, they link to the main page. Is there anyway to fix this? Or should I've done this a different way?