Add Social Icons To Pages

I purchased BlogSpring because of the built-in social sharing feature. However, I want to base my site around pages, not posts. Now that I've doodled a bit I see that the icons are not displayed at the top of the pages, under the title, like on the posts.

I assume this can be handled in the custom CSS box but I have no idea how to do it. Can you describe how to add the social sharing code to the Pages, the same as the posts? Also, can I add the comment feature to the bottom of the Pages, just like with the posts?

Thank you.

http://greenhomeadviser.com

 

Hi,

Could you please provide us some edited screenshots so that we can assist you accordingly

 

Actually, no. I don't have the tools to take or edit screenshots. But I don't understand why it is necessary? Seems like a simple thing - the theme is coded so that the social sharing is automatically provided on Posts, but not on Pages. You can look at this page:

http://greenhomeadviser.com/definition-of-green-living/

No social sharing buttons.

Then look at this post:

http://greenhomeadviser.com/8-green-home-basics/

Social sharing buttons are under the title.

I want all the pages to automatically have the same social sharing capability as the posts. I assume that whatever bit of code you have to put the social sharing under the title on the Posts can be added to the part that controls the Pages. But if I try to do it myself, I can guarantee I'll break the theme into a hundred tiny pieces, LOL!

Thank you.

 

Hi,

I got your concern. Kindly paste the given below code in file page.php. Also Refer the below image for path and where to put that code:

Code:

<div class="post-social-link-inner single">
                              <span class="social1">
                                       <div id="fb-root"></div>
                                         <div class="fb-share-button" data-href="<?php the_permalink(); ?>" data-type="button_count"></div>
                                </span>
                                        <span class="social2">
                                            <g:plusone href="<?php the_permalink(); ?>"></g:plusone>
                                        </span>
                                        <span class="social3">
                                            <script type="in/share" data-url="<?php the_permalink(); ?>" data-counter="right"></script>
                                        </span>
                                        <span class="social4">
                                            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal" data-url="<?php the_permalink(); ?>" ></a>
                                        </span>
                                    </div>

Hope it will solve your issue. Let me know for further any doubts.

 

Greetings Sameer,

PURRRRFECT - thank you so much. Just what I needed,

Linda

P.S. With your directions for adding the icons as a guide, I think I figured out how to add the comment box to the bottom of Pages without bothering you again (or breaking the theme into tiny pieces this time).