How to add Facebook like Box in Blogger Blog

Steps to add Facebook like Box:

• This process includes the editing of your Blog's template, so it is recommended to take a backup of your Blog. First click on the template from your Blogger Dashboard. Then click on Backup/Restore and download the template from the pop-up window.
• Now that you have taken the backup, you are ready for the process. Visit the Facebook Developers.
• You will see a window like the one shown below.

• Customize the look and feel, height, width of your Like box from this window.
• Replace your page link with https://www.facebook.com/FacebookDevelopers 
• Once you are done with the customization, click on Get code. It would pop-up a window like the one shown below.
• Click on IFRAME
• And copy the code 
• Go to your layout click on  Add a Gadget   select   HTML/JavaScript and Past the code of IFRAME

Now You Done

How to add table in page for bologger

1. Go to your page and select HTML and copy below this code and past on it

________________________________________________________________________________
<table border="2" bordercolor="#000000" style="background-color:#FFFFFF" width="100%" cellpadding="3" cellspacing="3">
<tr>
<th>Table Header</th>
<th>Table Header</th>
<th>Table Header</th>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr>
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
<tr">
<td>Table Cell</td>
<td>Table Cell</td>
<td>Table Cell</td>
</tr>
</table>
_________________________________________________________________________________

2. You can modify your table color by changing ( bordercolor="#000000" style="background-color:#FFFFFF" )

and you can also change width ................................

Another Way for ADD table in page from Microsoft Word

• First select your table 

• Click on “Save As” a save as dialogue box will open.In the “Save as type” drop down list choose “Web Page,Filtered” and click save.It is mandatory to save your table as a filtered web page otherwise it will not work in blog’s HTML.

• Now this file will be saved as a HTML file.To directly view that it is working in your browser you can open this file with any browser and you will see that Microsoft tables are rendered very nicely and neatly in the browser.

• To access the HTML code of this table simply right click on this file and choose “open with” from that list choose “Notepad”.

• Now copy the HTML code and directly paste anywhere in your blogger or wordpress blog’s HTML.

• You are done.

Create a basic navigation menu and edit page tabs

a) starting at your blog’s home page, click DESIGN in the top, left corner

b) click LAYOUT in the list on the left of the page – this opens up the Page Layout view

c) underneath the header part of the template, add a new widget by clicking ADD A GADGET 

d) In the Layout tab, paste the following code in a new HTML/Javascript gadget and enter your own links & titles. I prefer doing this over using the pages or label gadgets, as it gives me more options.

<!-- start navmenu --> 
<div id="navigationbar">
<ul>
<li><a title="home" href="LINK">Home</a></li> 
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">PAGE TITLE</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
<li><a title="TITLE" href="LINK">TOPIC</a></li>
</ul>
</div>   
<!-- end navmenu -->

e) Hit save.

f) You can modify menu-bar.

                                            < ____And YOU ARE DONE ___>