How to Put Social Media Buttons below Each post?

by 20 replies
24
I want to put Social Media Buttons Below Each post like this site I have in blogger - Diary of the Narcissist

I want to put something of the same thing in wordpress.org site but I am still trying to figure out PHP.

I have found a code that will give my website the desired effect.

The css to be added to the styles.css is this

The Code to add to the single.php is this

But I dont get the same effect. The buttons appear in a vertical line instead of a horizontal line.

ie assuming each of the smilieys is a social media button it appears as



instead of

What am i possibly doing wrong. Please help me.
#programming #buttons #media #post #put #social
  • Why dont you use plugins on WordPress to achieve the effect?

    For eg: You can use this plugin in WordPress WordPress › Socializer! « WordPress Plugins

    Search for some more plugins which help you out in placing social networking buttons to share your posts. That would be much easier than hard coding.

    Reinventing the wheel, not good.
    • [ 1 ] Thanks
    • [1] reply
  • Another good plugin is AddThis.com - probably about the easiest going, it also works for non WordPress sites too.
    • [ 1 ] Thanks
    • [2] replies
  • I could make good use of this code. Thank you. I have tried the AddThis code. It is one of the most helpful and easy ones to use.
    • [1] reply
    • Please let me know where in the single.php you added the code
  • Well I finally made it work all by my self lol It turned out to be pretty easy. I removed the style sheets and the code in the html. It worked just as I expected. I added my own codes for pin interest and addthis. Thanks everybody
  • i want to plug button of facebook and twitter to my site.can anyone tell me how i get it
    • [1] reply
    • Use Addthis plugin. If you cant get it right, ping back here and I will give you a manual code you can add to your single.php
  • you can use floatingsocialmediabuttons.com
  • Banned
    [DELETED]
    • [1] reply
    • I dont think I quite follow. How do you do this?
      • [1] reply
  • Use a plugin if you are on the wordpress platform it will make your life so much easier
  • If you want put social media button after your post, you can install some plugin. One of the best plugin for social media is "sociable". Also, you can customize various size as you want.
  • If you can read a little html, you should be able to go into the WP editor and experiment with the template file that displays posts and figure out where code can be added.

    I had to do that with my latest wp template and figure out where to put a banner add. It took me a few attempts where I would place the code save the file and then look at it in the browser. Eventually I figured out where in the code to add it.

    Just remember to backup the file before you start mucking around with it.
  • its really good to step into wordpress. if you are using wordpress and want social media icons to work beneath each post, its very easy to find out the plugins which will do the same for you. you don't need to have good knowledge of php or html.
  • Jetpack, share daddy is awesome. For wordpress it is a nice plugin to use!
  • Banned
    [DELETED]
  • Its seems some minor css issue but I would recommend you for such things ready-made plugins are available which reduces our manual efforts with customize HTML.
    You can try from addthis site.
Join the discussion

Next Topics on Trending Feed