How do you add your OWN sharing (not profile) buttons at the end of your articles

2 replies
  • WEB DESIGN
  • |
I have these really cool sharing buttons I want to use that I only have the pics and measurements of but don't know the proper code to use to get them on my site under each article. Anyone ..... ?
#add #articles #buttons #end #profile #sharing
  • Profile picture of the author Geekman
    Hello, If you are using a blogger hosted blog follow the instructions below:

    Go to blogger > Settings > Template > Edit HTML

    Find:
    Code:
    <data:post.body/>
    Now paste your share button image links above this line.

    Or if you are on wordpress:

    Use a plugin named Trackable Social Icons. This plugin allows you to upload your custom buttons!

    Regards,
    {{ DiscussionBoard.errors[7939381].message }}
  • Profile picture of the author appliedvisual
    If you're using wordpress, just search for plugins using social share as a keyword (easiest method). Most of these plugins allow you to choose placement of the buttons. If you absolutely want to use the buttons you have now then I would need to know what platform it's built on.

    If your site is php then you would first make a function to be added to your functions.php that may look something like this:

    // Create the Social bookmark bar
    function my_socialbar() { ?>
    <div class="socialbar">
    <a href="http://twitter.com/home?status=<?php the_title(); ?> <?php echo get_permalink(); ?>" target="_blank" class="twitter" rel="nofollow">Twitter</a>
    <a href="http://facebook.com/share.php?u=<?php echo get_permalink(); ?>&title=<?php the_title(); ?>" target="_blank" class="facebook" rel="nofollow">Facebook</a>
    <a href="http://digg.com/submit?phase=2&url=<?php echo get_permalink() ?>&title=<?php the_title(); ?>" target="_blank" class="digg" rel="nofollow">Digg</a>
    <a href="http://del.icio.us/post?url=<?php echo get_permalink() ?>&title=<?php the_title(); ?>" target="_blank" class="delicious" rel="nofollow">Delicious</a>
    <a href="http://www.stumbleupon.com/submit?url=<?php echo get_permalink() ?>&title=<?php the_title(); ?>" target="_blank" class="stumble" rel="nofollow">Stumble</a>
    <a href="http://feeds.feedburner.com/New2WP" title="Get the RSS Feed" target="_blank" class="rss">RSS</a>
    <a href="http://feedburner.google.com/fb/a/mailverify?uri=New2WP" title="Get Email Updates Sent to Your Inbox" class="email">Email</a>
    </div>
    <!--socialbar-->
    <?php } // end my_socialbar ?>

    This contains all the HTML code you need to make the correct links for each social bookmarking link. If you want to add your custom images you'd probably need <?php include('url.php') ?> to add the image as an include but without more info it's hard to say.

    Now that you added the function code, here's how you call the function. Just add this to the theme template file you would like the links to show on.

    <?php my_socialbar(); ?>



    I hope this helps!!! If you have any questions let me know in the comments below.
    {{ DiscussionBoard.errors[7939561].message }}

Trending Topics