How to Add Facebook Like Button in WordPress/Website?

Posted by Joys of Programming on in Facebook, Wordpress

You probably reached here after understanding the importance of Facebook Like Button in your Website. This post is useful to add the Facebook Like Button in your website or your wordpress blog. Let’s first get the Facebook Like Button code.

  1. Go to Facebook Like Button Plugin Page
  2. Fill in your preferences like the name of your website, Layout, width and the color. Press Get Code
  3. You will probably get the script like this. Copy the code


<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fjoysofprogramming.com%2F&amp;layout=standard&amp;show_faces=true&amp;width=450&amp;action=like&amp;font=lucida+grande&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:px"></iframe>

Adding Facebook Button to Your Website. Assuming that you know how to open the source code of your website (and Little bit knowledge of HTML). Open the source code of your website home/main page, mostly by the name index.html. Every HTML page has the following structure

<html>
<head>
.....
</head>
<body>
 ...
</body>
</html>

You must add the Facebook code between

 <body>

and

</body>

The choice is probably left to you. The preferable place is to place it at the top of the web page below the title and the menu (if any) of your website. Adding Facebook Button to Your WordPress Blogs. This is done by adding the above snippet of code to your WordPress theme. You must backup your theme code and be very careful in adding the code. If you own a blog on your own domain, then you can go and edit the wordpress blog theme. There are two places where you can add the Facebook Like Button. One at the top/bottom of  your web page and the other at the top/bottom of your sidebar. If you wish to add it to the top of your webpage, you can add the code in index.php. If you add it in the sidebar, you can insert it in sidebar.php

.

  1. Go to Themes->Editor
  2. Choose either index.php or sidebar.php
  3. In index.php, insert the code after the following line


<?php get_header(); ?>

In case of sidebar.php, insert it after 

<div id="sidebar">


Now check your website. If there is any issue in opening the website, revert back the changes.

Tags: , , ,

Comments:

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Copyright © 2009-2012 Joys of Programming All rights reserved.
Desk Mess Mirrored v1.8.1 theme from BuyNowShop.com.