Equel width menu tab code

<tab>
<link rel="stylesheet" href="http://www.w3schools.com/lib/w3.css" />
<div class="w3-btn-group">

<a href="http://adclub101.blogspot.in/p/contact-us.html"button class="w3-btn w3-teal" style="width:25% ; font-size:11px">HOME

<a href="#"button class="w3-btn w3-pink" style="width:25% ; font-size:11px">ABOUT US

<a href="#"button class="w3-btn w3-teal" style="width:25% ; font-size:11px">SERVICES

<a href="#"button class="w3-btn w3-pink" style="width:25% ; font-size:11px">CONTACT


</a></a></a></a></div></tab>

Add horizental Beautiful tab in Bloggers

<tab>

   <ul class="menu">
<li><a class="homer" href=" http://www.adclubads.com/p/hompage.html"><i class="fa fa-home"></i> HOTELS & RESORTS</a>

</li>
<li><a href="http://www.adclubads.com/p/about-us.html"><i class="fa fa-user"></i> RESTAURANT & BAR </a></li>

<li><a href="http://www.adclubads.com/p/services.html"><i class="fa fa-plus-square-o"></i> SPA & PARLOUR</a>
</li>

<li><a href="http://www.adclubads.com/p/concept.html"><i class="fa fa-question-circle"></i> WATER PARK</a></li>

<li><a href="http://www.adclubads.com/2017/03/how-to-promote.html"><i class="fa fa-question-circle"></i>MOVIE TICKET</a></li>


<li><a href="http://www.adclubads.com/p/why-us.html"><i class="fa fa-question-circle"></i> HOLIDAY PACKAGE</a></li>


<li><a href="http://www.adclubads.com/p/career.html"><i class="fa fa-question-circle"></i> CAREER</a></li>




<li><a href="http://www.adclubads.com/p/contact-us.html"><i class="fa fa-envelope"></i> CONTACT</a></li>
</ul>
</tab>

Add drop down list to bloggers.

drop down LIST code




<form><select name="menu"

style="background-color: white; color: black; font-family: , sans-serif; font-size: 12px; letter-spacing: 2.1px; float: right; text-transform: normal; margin-bottom:10px;margin-top:-10px;

onchange="window.open(this.options[this.selectedindex].value,'_blank')"size=1 name=menu><option />All Desgins
<!-- Change the following links to your own -->

<option value="http://URL of link1" /> Silk Saree <option value="http://URL of link2" />suits & Lehngas <option value="http://URL of link3" />wedding collection<option value="http://URL of link4" />chunries<option value="http://URL of link5" />
<option value=" http://bloggersmaker.blogspot.in/ " />AllBloggerTools</select></form>

901

Camera is a responsive/adaptive slideshow. Try to resize the browser window

It uses a light version of jQuery mobile, navigate the slides by swiping with your fingers

It's completely free (even though a donation is appreciated)

Camera slideshow provides many options to customize your project as more as possible

It supports captions, HTML elements and videos.

Adjust sidebar width in Bloggers

adjust sidebar width in bloggers




#sidebar-right-1{

margin-left: -10px !important;
margin-right: -10px !important;
}

#sidebar-left-1{

margin-left: -3px !important;
margin-right: -10px !important;
}

Change sidebar background Color in Blogger.

1. Find the following code:
   

   /* Variable definitions
   ====================

2. REPLACE the above code with the following one:

3. /* Variable definitions
   ====================
   
   <Group description="Right Sidebar Background" selector="body">
   <Variable name="sidebar.right.top.color" description="Right Top Sidebar Background" type="color" default="#00f" value="#0000ff"/>
   <Variable name="sidebar.right.left.color" description="Right Left Sidebar Background" type="color" default="#ff0" value="#ffff00"/>
   <Variable name="sidebar.right.right.color" description="Right Right Sidebar Background" type="color" default="#f0f" value="#ff00ff"/>
   </Group>
   
   <Group description="Left Sidebar Background" selector="body">
   <Variable name="sidebar.left.top.color" description="Left Top Sidebar Background" type="color" default="#00f" value="#0000ff"/>
   <Variable name="sidebar.left.left.color" description="Left Left Sidebar Background" type="color" default="#ff0" value="#ffff00"/>
   <Variable name="sidebar.left.right.color" description="Left Right Sidebar Background" type="color" default="#f0f" value="#ff00ff"/>
   </Group>
   
   <Group description="Sidebar Column Background" selector="body">
   <Variable name="sidebar.bgr.color" description="Right Sidebar BG Color" type="color" default="#f00" value="#ff0000"/>
   <Variable name="sidebar.bgl.color" description="Left Sidebar BG Color" type="color" default="#f00" value="#ff0000"/>
   </Group>

1. After that, find ]]></b:skin> and REPLACE it with the following code:
   

   #sidebar-right-1 { background: $(sidebar.right.top.color); }
   #sidebar-right-2-1 { background: $(sidebar.right.left.color); }
   #sidebar-right-2-2 { background: $(sidebar.right.right.color); }
   .column-right-inner, column-right-outer { background: $(sidebar.bgr.color); }
   .column-left-inner, column-left-outer { background: $(sidebar.bgl.color); }
   #sidebar-left-1 { background: $(sidebar.left.top.color); }
   #sidebar-left-2-1 { background: $(sidebar.left.left.color); }
   #sidebar-left-2-2 { background: $(sidebar.left.right.color); }
   ]]></b:skin>

2. Click Save template and then Close button.

How to remove space between Tab & sidebar in bloggers

To remove or reduce space between bloggers Tab and sidebar , Go to Edit Html press ctrl-F and search a code

main-inner

you would find a code look like this 

.main-inner {

  padding-top: $(main.padding.top);

  padding-bottom: $(main.padding.bottom);

Now Replace the code from given blow

.main-inner {

  padding-top: 0px;

  padding-bottom: 0px;

method-02

<Variable name="main.padding.top" description="Main Padding Top" type="length" default="30px" min="0" max="100px" value="30px"/>

search this code and change the value from 30 to 0 (zero)

method-03

just add this css code in your template just after  ]]></b:skin>.

.sidebar {
margin-top: 50px !important;
}

method-04

just add this css code in your template just after  ]]></b:skin>.

.main-inner .column-right-outer {margin-top:-30px}