Free Blogger Templates | Left And Right Sidebar Blogger Templates

Best Blogger Templates

1. Diapason

Features 

- Left and Right Sidebar

- Drop Down Menu

- White color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2013/blogger-template-diapason

2. Movie WP

Features 

- Left and Right Sidebar

- Drop Down Menu

- Black and White color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2012/blogger-template-moviewp/

3. Creativa

Features 

- Left and Right Sidebar

- Drop Down Menu

- White color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2012/blogger-template-creativa/

4. eCommerce

Features 

- Left and Right Sidebar

- Drop Down Menu

- White and Green color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2011/blogger-template-ecommerce

5. HostHub

Features 

- Left and Right Sidebar

- Drop Down Menu

- White Green and Black color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2011/blogger-template-hosthub

6. Prosuv

Features 

- Left and Right Sidebar

- Drop Down Menu

- Black color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2012/blogger-template-prosuv/

7. TheCars

Features 

- Left and Right Sidebar

- Drop Down Menu

- Black and Blue color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2012/blogger-template-thecars

8. Robusta

Features 

- Left and Right Sidebar

- Drop Down Menu

- White, Yellow and Black color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2011/blogger-template-robusta

9. VIAS

Features 

- Left and Right Sidebar

- Drop Down Menu

- White and Red color

- Slidebar

- Social Network Icons

 Download Link - http://btemplates.com/2011/blogger-template-vias/

10. WP Open Cart

Features 

- Left and Right Sidebar

- Drop Down Menu

- White color

 Download Link - http://btemplates.com/2012/blogger-template-wp-opencart

Read More

How to add Vertical Menu to Blogger ? - Blogger Tricks

    How to add vertical Menu to Blogger ?

Read More

How to add background color behind the text in HTML ?

How to add background color behind the text in HTML ?

 

 

If You want to highlight the text in HTML  . So add background color behind the text with help of HTML coding . Follow these simple Steps and add background color .

1 . Add this code at the starting of your text .

<table> <td bgcolor= red>

Note : change " red" to any color name or code you want .

2 . Add this below code at the ending of your text .

</td> </table>

3 . Complete Your coding like this .

<table> <td bgcolor=YOUR COLOR> YOUR TEXT HERE </td> </table>

Read More

How to add widget or Adsense ads below or above the header to blogger ?

How to add widget or Adsense ads below or above the header to blogger ?

 

If you want to add widget or adsense ads below or above the header . So follow these simple steps and add your widgets or adsense ads under or above the header and increase your adsene earning  .

1. Go to blogger > Template > Edit HTML

2. Check Expand widget template box .

3. press ctrl+f and find   <div id='header-wrapper'>

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="1" showaddelement="no"> <b:widget id="Header1" locked="true" title="YOUR HEADER NAME (Header)" type="Header"> </b:widget></b:section>     </div> .

4. Replace above code with below code .

<div id="header-wrapper"> <b:section class="header" id="header" maxwidgets="5" showaddelement="yes"> <b:widget id="Header1" locked="false" title="YOUR HEADER NAME (Header)" type="Header"> </b:widget></b:section>     </div>

5. YOUR HEADER NAME Change with your header name .


6. Click on Save Template .


7. Go Back and click on Layout .

8. click on Add a Gadget and add your widget or ads  .

Read More

How to adjust sidebar width in blogger ?

How to adjust sidebar width in blogger ?

 

Today I am share How to adjust your blog entire or blog sidebar width  If you want to adjust your blog sidebar width or entire width . So follow these simple steps .Given Below .

1 . Log in to your blogger Account . >  Goto template on your deshboard .

2. Click on Edit HTML > Check the Expand Template .

3. Press Ctrl+f and Find [ Wrapper ] .

/* ============================= Wrapper ============================= */ #total-wrapper { margin: 0 auto; padding 0 10px; background:#fff; width:1050px; } #outer-wrapper{ width:1000px; margin:10px auto 0; padding:5px 20px 0; text-align:$startSide; font:$bodyfont; } #main-wrapper { width:640px; float:$endSide; word-wrap:break-word; overflow:hidden; } #sidebar-wrapper{ width:310px; float:$startSide; word-wrap:break-word; overflow:hidden; }

4 . Adjust to blog entire width, change 1000 px to any value you want .

5 . Adjust to blog sidebar width , change 310 px to any value you want .

Method of Changing Width

Outer-Wrapper = Main Wrapper + Left sidebar + Right sidebar

6. After adjust your width click on Save Template . 

In other Way

 

1.  Log in to your Blogger Account. > Template >click on Customise .

2. click on Adjust Width .

 

 3. Adjust your entire blog width 960px to any value you want . but not type exceed 1500 px.

4. Adjust your blog sidebar with 310 to any value you want but not exceed 500px.

5 . After adjusted your Width Click On Save Template .

Read More

How to add HTML Widgets to Blogger ?

How to add HTML Widgets to Blogger ?

 

 

1. Log in to your Blogger Account .

2. Select your blog .

3. click on layout.

4. click on Add a Gadget.

 

5. Select HTML/ Java script from Pop Up window.

6. Type your widget title and paste your widget HTML code in the box.

7. click on save.

Read More

How to add Meta Tags to Blog Post ?

How to add Meta Tags to Blog Post ?

 

1. GO TO BLOG>CLICK ON NEW POST

 

2. WHEN YOU COMPLETED YOUR POST,CLICK ON HTML

 

 

3. COPY AND PASTE META TAGS AT TOP OF HTML CODING

META TAGS

 

<b:if cond=’data:blog.url == “http://yourdomain.blogspot.com/yourblog-post-url“‘>
<meta name=“Description” content=“YOUR POST DESCRIPTION HERE.”>
<meta name=“Keywords” content=“YOUR POST KEYWORDS HERE”>
<meta name=“Robots” content=“all”>

4. NOW PUBLISH YOUR POST

Read More

How to add Meta Tags to Blogger ?

How to add Meta Tags to Blogger ?

 

1. Go to Blogger template >click on Edit HTML

BLOGGER TEMPLATE OPTION

2. Now Find <head> section . ctrl+f and type <head>

Blogger template image

3. Paste all Meta Tags just after <head> . Meta Tags are below

 

<meta name=“Description” content=“YOUR BLOG DESCRIPTION HERE”> 

<meta name=“Keywords” content=“YOUR BLOG KEYWORDS HERE”>

<meta name="Author" content="YOUR BLOG AUTHOR NAME HERE">

4. After paste meta tags, click on save template .

Read More

How to create a blog on blogger ?

How to create a blogger Account ?

 

Just follow some simple steps and create a blog on blogger .

and start do blogging on your blog .

 

1. First you Make  a Gmail Account  on Gmail

2. After making a gmail Account Just visit on blogger .

3. And log in with your gmail account on blogger . 

4. after that click on continue to blogger.

5. click on New blog .

 6. JUST fill your title name , blog url and select your blog template.

 7. click On Create blog , Now your blog is create , So you are a blogger .

Read More