Facebook Like/Fan Box For Blogger

This tutorial is for everyone who has already have 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

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/bloggerplugins (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 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 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 HTML and find

and change it to




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.



Another variation
If you need a simpler Like button, without any extra decorations, then visit http://developers.facebook.com/docs/reference/plugins/like . In the code generator, paste your Facebook Fan Page’s url as the URL to Like and follow steps 3 to 5. Now you will get a simpler Like Button with count. 

إقرأ المزيد ...

How to make your blogger blog more SEO Friendly

SEO (Search Engine Optimization) is the base of every blog, without it one can't call his blog a commercial/professional one. The ranking of your blog in Google largely depends on SEO and we all know better the ranking in Google, more the traffic we get. So one should make every possible effort to make his blog more SEO Friendly. But how do I do it ? SEO is a vast topic. There are thousands of ways for improving your blog's SEO. Such as adding Meta Tags, Keeping the right number of characters in the post title, adding alt tags to all images and many other things.

Today I will show you how you can -

1. Make all the external links open in new tab 
This will reduce your bounce rate, increase the no. of pageviews on your blog and your blog traffic will not be transferred just because of one single link.

2. Make all the external links nofollow
By default all links are dofollow that means Google can crawl them and hence much of the PageRank juice of the page goes away. So in order to prevent them one should add nofollow tag to all external links.

3. Adding alt tags to all images
Alt tag in an image describes it and through it search engines like Google Images show you blogs image on related query. This helps to get more visitors to your blog and improve SEO greatly.

So the question comes how to do all these things ? Manually doing this will take hell lot of time and it would nearly impossible for blogs with huge number of posts for manually doing this task. So in order to save your effort a JavaScript code is already coded

How to add SEO Friendly code to Blogger

Go to Blog Title → Template → Edit HTML and add the below code just above the tag

copy this code.txt


If your blog already has the JQuery plugin you may remove the code in red and if not add the whole code in order to make the script work.
Once you have added the code save your template.You are done now. Now you can see alt tags in your images, Nofollow tag in External links and Opening of external links in new tab. I would recommend every blogger to add this code because one small effort of yours can make improve your blog's SEO significantly.

إقرأ المزيد ...