How to Add Floating Facebook Like Box in Blogspot

Today Facebook like box is a great way to promote blog or web. It increases visitors in a great deal and helps a lot to inform/advertise the new published posts to the visitors. In a word, it works just a strong advertisement. In my resent post, I discussed on how to create Facebook like page. I also published a post how to add Facebook like page in blogger. But, my today's post is something different from that post. That post was for static like box. But today's post is about floating like box. The main feature of it is it will remain hidden on the right side of the screen and it will show only the Facebook icon. When a visitors place the cursor on the icon, the full box will come on the screen. In a word, it is amazing, wonderful and attractive ones. To create it is very easy. Just two minutes will needed. Just follow a simple tutorial:

► At first log in to your blogger account.
► Then go to Layout.
► Click on add a gadget.
► Then click on HTML/JavaScript.
► Then copy and paste the following code.
► At last, click on save button.

<script type="text/javascript"> /*<![CDATA[*/ jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);}); /*]]>*/ </script> <style type="text/css"> .abtlikebox{background: url("http://techteachingbd.blogspot.com/-mMtB2ANqowQ/T6es-PuSR2I/AAAAAAAAAjM/LDamrUnMJJc/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;} .abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;} .abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;} .abtlikebox span a{color: gray;text-decoration:none;} .abtlikebox span a:hover{text-decoration:underline;} } </style> <div class="abtlikebox" style=""> <div> <iframesrc="http://www.facebook.com/plugins/likebox.phphref=http%3A%2F%2Ffacebook.com%2FIT Training&amp;width=245&amp;colorscheme=light&amp;show_faces=true&amp;border_color=white&amp;connections=9&amp;stream=false&amp;header=false&amp;height=270" scrolling="no" frameborder="0" scrolling="no" style="border: white; overflow: hidden; height: 270px; width: 245px;background:#fafafa;"></iframe><span>Widget by :<a href="http://www.techteachingbd.blogspot.com"> it training</a></span> </div> </div>­­­­­­­­­­­­­­­

Note: You have to do a simple work! Just replace IT Training with your face book like page URL. If you haven't yet created Facebook like page, create it now just within 2 minutes!

Related Links:

1. 5 Benefits of Putting Link in Blogger Comments.
2. Sharing Your Blog Post on Google Plus.
3. 3 Benefits of sharing Blogger Posts in Google+.
4. How to Use Labels in Blogger Posts.
5. Finding And Redirecting Broken Link.
6. How to Use Jump Break in Blogger.
7. How to Add Categories Section Using Labels.
8. How to add Google+followers in blogger.
9. How to make Google+badge in blogger.

10. How to create a Google+account.
11. How to Add Facebook Like Box in Blogspot.
12. Creating a Facebook Fan page for blog.

Creating a Facebook Fan page for blog.

A Facebook fan page/Like page is a great way of representing something. It is created for blog, organization, business, public figure, politician, celebrities etc. Anyone can receive update if he/she stays connection through Facebook fan page. It works as a strong media. Today Facebook fan page is a great media to promote any business, create awareness and advertise any product. 

Why Facebook fan page for a blog: 

A facebook fan page is a great way to promote blog. A visitors can get a new post and post update through it. Publishers can easily be able to reach the new post and post update through using Facebook fan page. In this system, the people who like the page only they can get the update if it is published by the author through Facebook fan page. A blogger generally publish post in blog. To spread the published post among more people is a great motto. This motto can largely be fulfilled through publishing post in Facebook fan page. Today most of the blogger are using it to promote blog. As it is a way to spread the blog post among the more visitors, it can be said that Facebook fan page brings traffic and helps good ranking in search result. Sharing post in Facebook fan page is not a difficult task at all. One can do it through copying and pasting the post/post URL of the blog in it. One can do it manually or automatically. We know that Facebook is a great social media. Therefore, to create a Facebook fan page for a blog to share the post among more traffics is very effective. 

4 Steps of creating Face book fan page: If you want to create a Facebook fan page, have to follow some steps. Therefore, follow the following steps to create Facebook fan page.

1. Click here to create face book fan page. The following page will appear on the screen. You have to choose one of the following options. For your blog, you can choose brand or product option. 

2. After clicking on the brand or product option, the following window will appear. You have to fill up two option. There are many categories in the list.

● As you are opening a page for your blog, choose website option.  
● In Brand or Product Name option, you have to write down your blog's name. Then, click on 'I agree to Facebook Pages Terms'.

● Then click on Get Started button.

3. Add a description with the basic information of the blog. The description should be such so that it becomes helpful for improving the ranking of the page in search result. Fill up the next red marked bow with the URL of your blog. Then, click on Save Info button.

4. Upload a picture for the page. The picture should be relevant to the blog. You can upload the picture from your computer or you can import it from website. At last, click on the Save photo button. If you want to do this task later, you can skip this step.

Related Links:
● How to Add Floating Facebook Like Box in Blogspot.
● Editing Blogger Post URL After Posting.
● What, Why and How to Use Labels in Blogger Posts.
● Designing Blogger Template.

How to Add Facebook Like Box in Blogspot .

Facebook like box is a popular and effective plug in that helps to promote a blog. It enables people to like your page or blog easily. Visitors can join with your page permanently through this box. It is a such kind of social plugin that will show the faces of the people who like your page. It not only shows the faces of your friends but also it shows the total number of liked people. There are some Facebook developers sites that provide opportunities to add Facebook like box in the blog. You can add Facebook like box in your blog. Just follow the simple tutorial:

1. At first, click here to add Facebook like box in blogger. After clicking, the following page will come on the screen. You have to select some options. The structure of the like box will create according to the options you click. 

● Facebook Page URL: 

You have to fill up this box with your created Facebook fan page. If you have not created Facebook fan page yet, learn how to create Facebook fan page for blogger. Suppose, your Facebook fan page's URL is https://www.facebook.com/pages/IT-Training/609087769123673

At first, copy the URL and paste it in the Facebook Page URL box.

● Width:

In this option indicates that how much width of your plugin you want to keep. You can make width of the plugin as the width of your blog. If you click on the width box, you can see the plugin. You can make a width as you want. Write down width in the blank. I've made the width as 150. 150-200 width is better shape.

● Height:

In this option, give a number as the height of the plugin. I've given 300 as the height for my plugin. 300-350 height is better shape.

● Color Scheme:

There are two options under color scheme. They are light and dark. If you select light, you will see the light color in the whole background of the plugin. On the other hand, if you select dark option, a black background you will see in the background. 

● Show Friends' Faces:

If you click in this bow, you can see the friends' faces in the plugin. Otherwise, you get a structure without the faces of the people who like the page.

● Show Posts:

If you want to show posts above the friends' faces, click this option. But, it you select/click the option most of the time, you will see a blank space above the friends' picture that is ugly to look at. Therefore, it is better if do not click this option.

● Show Header & Border:

If you want to show header & border click this option. If you click on both the two option, the outlook of the plugin will be better to look at.

2. Then, click on Get Code option.

3. If you click on the Get Code option, the following page will appear on the screen.

● Click IFRAME option.

● Then, copy the HTML code.

4. Go to your blog's layout and click Add a Gadget.

5. Click on HTML/Java Script.

6. Paste HTML/Java Script and click on Save.

Related Links:

1. How to Create 'Read more' link in blogger

2. Creating a Facebook Fan page for blog

3. How to Add Categories Section Using Labels in blogger

4. What Is Jump Break And How to Use Jump Break in Blogger

Create a Facebook Account

Facebook is a great social media of communication today. People use it for social communication, exchanging news and views, advertising products etc. However, to create a Facebook account, follow the following steps:

1. Go the google search and write facebook.com. You will get an window to create Facebook account.

2. Now fill in the blanks with your name, email address and other information. If you have no email account, click learn how to create an email account.

4. After filling up, ckick on Sign Up button.

Your account is ready! You can find friends to ckick on Find Friends option. That's all!

Related Links:
1. Creating a Gmail Account.
2. Clear Cache And Cookies in Google Chrome.
3. How to Create a Google+ Account.