This is default featured slide 1 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 2 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

<div id="slider"> <a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisdP7VBy7OkYcmJ0YM0PDhTk-GhgSDXXs8rVPdMdp8HG2difgXNB4_1sUZzDUz9rpB78zMvu_snGiHgdKUELENNuQjml8c_iTXdge5BrfPHptLPEsXvc0ANYz_W3fkuedCcMpfDgmuwDE/s1600/toystory.jpg" title="This Is A Caption" /></a> <a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZb9A64F_M4G0CiFWohJk8DGpkFOTEVNH6rdUPULcMX6lZ7OZiUwx0J34vOLfjE7jjEPfTcX8HZ3d2D6Eqp7pdixXYsppzawCFt-nXyeH_Wk3u5RQyuHVYnzYOdudLU6kbnhsvhrC6nUo/s1600/up.jpg" title="This Is Another Caption" /></a> <a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDiQK9ZDERVD5EuDOJ1oxTKkKVRamZVsx8clW3oqECuwkVn62-8ggeXZShnBeo4iOvWTzOPB1zYRmq69S_q2G99esr94u10FMWQ8DZmzzFmbY7nx8W_ecsiC_iKXRBmK0a_hpKTWX1IZ8/s1600/walle.jpg" title="This is an example of a caption" /></a> <a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifUzlio7FH9-Gu3EqOOi8NfPIBS7NOFxsBhn9USQURiccHz6j6eKk78_l3sYpcTKk7OJ0ry58RzZQOqPmyDjHJM_Ebf8iAvSPuCEZ9nsZNQULzuF0UHMs3lqaZzv6-aygfP7J6NflQ3lc/s1600/nemo.jpg" title="This is another Caption" /></a> </div>
Showing posts with label blogger tutorials. Show all posts
Showing posts with label blogger tutorials. Show all posts

Thursday, 3 May 2012

How to add Facebook Like/Fan box to Blogger

05:53 , , , , 1 comment


This tutorial is for everyone who has already created a Facebook Fan Page. If have not created one, try making one. A Fan Box or Like Box allows your Blog visitors to like your Facebook fan page, without leaving your blog. It can also display faces of the “likers” on your blog. To add the fan box to blogger, follow these steps:

1. Find out your Facebook Fan Page URL. To do that, just visit your Facebook Fan Page, and copy the url in the address bar.




In my case it is http://www.facebook.com/techdeviant (The url which you see in the address bar when you visit your fan page.) .Copy this url from your address bar. 

2. Visit This page http://developers.facebook.com/docs/reference/plugins/like-box

You have already copied the Facebook fan page url. Paste this into the Facebook Page URL field

Select the choices appropriately and you can see a live preview of the Like/Fan box. 
3.Once you are satisfied with the looks of the Like Box, Click on the “Get Code” button

4. Copy the xfbml code(the first one) which gets generated.

5. Now login to your Blogger account and go to Design > Page Elements


Click Add a Gadget Link and Add an HTML/JavaScript Gadget

6.Paste the generated code(1 and 3 both) as the Gadget’s Content

and Save the Gadget. 
7.Next you have to add the fb namespace to your template tag.Your template should have the specification for the fb tag that you have used. The following namespace declaration will take care of that. To declare the namespace, Go to Design/Template > Edit HTMLand find
<html

and change it to


<html xmlns:fb="https://www.facebook.com/2008/fbml"

The following screenshot will help you out.



This is necessary for all FBML widgets using the fb tag. So if you have already added the namespace while adding some other FB plugin, then you can skip this.

8.Save the Template and you should see the Fan/Like Box on your blog’s sidebar.

For comments,views use the comment form below.Subscribe and like:D PEACE.

Read More