Add like + social icons to my header WordPress

Hardeep Singh answers:

For facebook like button, you can its code from link below

http://developers.facebook.com/docs/reference/plugins/like/

For other share icons you can use a service like two links below. These are popular ones and used on many sites. You can customize the icons as needed.

https://www.addthis.com/get/sharing
http://sharethis.com/publishers/get-sharing-button

They also have WP Plugins also available for integration.

If you need (paid) help on installation, drop me a private message and I'll help you out on that.

---

---

Romel Apuya answers:

Hi,

I can help you with this one.
Sent you PM.


cheers,

rhand answers:

See a great tutorial here: [[LINK href="http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/"]]http://www.wpbeginner.com/wp-tutorials/how-to-add-facebook-like-button-in-wordpress/[[/LINK]] It explains how to add a Facebook like button
Iframe version:
<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;
width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:60px;">
</iframe>
XFBML version to use FB insights
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1"></script><fb:like href="<?php echo get_permalink(); ?>" show_faces="true" width="450"></fb:like>

---

Luis Cordova answers:

yes it is more a css and wp hacky question:

do the following:

reuse one of the wp_nav_menu functionality so create an extra menu and use it to enter/order/reorder your social links, use custom links so you can define always the url of the social

then edit the template and insert the menu you just defined there on the section header

then work on css:

1 first make it horizontal divs menu

2 there is a way you can replace the text with an image with css so you do that for each icon social

3 adjusts distances etc, finish polish here and there

that is it, you have your modular social icons completely manageable from css and dashboard

---

---