How to add a share button to the C5 Blog?
Permalink
I'm trying to add a share button to the blog entry page in C5, but am running into some issues. The code for the share button is below. I opened the page type blog entry, added a html box and stuck in the code. The share buttons appeared and everything looked fine. Right under the title of the blog the icons displayed. So far so good. When you are on the page for that blog entry and click one of the share icons it shares that blog entry. So far so good.
The issue I am having is that on my home page and on the main blog page, I us the page list block to show previews of blogs, and readers can click the read more to go to the actual page for that post. When someone is viewing the post from either the homepage or the main blog page if they click to share the entry it tries to share the page that is displaying the blog preview, rather then sharing a link to the blog entry that they are trying to share.
Anyone have any ideas on how I can make it where when they click the share button under the blog title it brings them to that blog page, rather then linking to the page that is just displaying the blog preview.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e611d7811985aa8"></script>
<!-- AddThis Button END -->
The issue I am having is that on my home page and on the main blog page, I us the page list block to show previews of blogs, and readers can click the read more to go to the actual page for that post. When someone is viewing the post from either the homepage or the main blog page if they click to share the entry it tries to share the page that is displaying the blog preview, rather then sharing a link to the blog entry that they are trying to share.
Anyone have any ideas on how I can make it where when they click the share button under the blog title it brings them to that blog page, rather then linking to the page that is just displaying the blog preview.
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4e611d7811985aa8"></script>
<!-- AddThis Button END -->
You should only add them to blog post pages.
Maybe you could try creating two different page types, one for the preview page and one of the blog posts. And only add the share button code to the blog posts page.
For example I have the same thing for our news page, where users can share the news from our website. I have new page type for news and I have added the share button to that page type file in theme folder.