What Is A Blog Definition For blog

Weblogs

Blogs are also called "Web logs"  or  Weblogs.A blog is a website using special software to create a series of articles and pages containing various informations They wish to share with the world.

Blog is an  Online Personal Journal

A Blog Is Like A Diary With Informations, Openions, Comments, Reviews And So On.

Blog Is A Medium Of Communications.

A Blog Is a Medium Of Revenue Generation If You Planned Your Blogging Effectively.

Blogging Inclues Skills Like,

• Search Engine Optimization
• Social Media Marketing
• Writting
• Editing and Publishing Posts
• Designing and Maintaining Of Your Website Or Blog

How To Create Blog With Google Blogger

First You Create A Google Gmail Account

(If You Create Gmail Already Skip This Step)

First Create Your Free Gmail Account 

Next Go To www.blogger.com

Click Sign In Button On Blogger Website

Sign In With Your Gmail Account

Then Click Create New Blog

Now Pick Your Title Related To Your Blog Posts

Then Pick Your Blogger Address 

Your blog Address Must Available In Blue Tick 

Then Choose Your Template

Click Any One Template For Your Blog

Click Final Step For "Create blog"

Now Your Blog Was Created Successfully

Congrats and Welcome To Our Blogger 

How To Create A Blog Menus And Sub-Menus

Hi Guys In This Tutorial I Show You How To Create Blogger Menus And Sub-Menus

Create Blog Sub Menu

1. just log in to your blog dashboard
2. click on the layout
3. now your blog default layout will be shown here.
4. now click on add gadget in your Header Layout
5. click HTML/javascript
6. copy this below code and paste it.

Code For Creating Sub Menu

<!--Dropdown Menu beginning-->

<ul id='cssnav'>

<li class="active"><a href='techforu007.blogspot.com'>

Home</a></li>

<li class="sub"><a href='#'>Menu-1</a>

<ul>

<li><a href='#'>Submenu-1</a></li>

<li><a href='#'>Submenu-2</a></li>

<li><a href='#'>Submenu-3</a></li>

</ul>

</li>

<li><a href='#'>Menu-2</a>

<ul>

<li><a href='#'>Submenu-1</a></li>

<li><a href='#'>Submenu-2</a></li>

<li><a href='#'>Submenu-3</a></li>

<li><a href='#'>Submenu-4</a></li>

</ul>

</li>

<li><a href='#'>Menu-4</a>

<ul>

<li><a href='#'>Submenu-1</a></li>

<li><a href='#'>Submenu-2</a></li>

<li><a href='#'>Submenu-3</a></li>

<li><a href='#'>Submenu-4</a></li>

<li><a href='#'>Submenu-5</a></li>

</ul></li>

<li><a href='#'>Menu-5</a>

<ul>

<li><a href='#'>Submenu-1</a></li>

<li><a href='#'>Submenu-2</a></li>

<li><a href='#'>Submenu-3</a></li>

</ul>

</li>

<li><a href='#'>Menu-6</a>

</li></ul>

<!--Dropdown Manu end-->

now open your blog it will show your submenu but it will show in Collapse  condition That Means Not Arranging Propely. In order to set up correctly, you need to add more code. For Setup Another One code follow the steps below

Code For Rearrange Your Sub Menu

1. now go to your blog Dashboard
2. click on the theme 
3. Click on the Customise
4. Click on the advance
5. Last Click On  add css

Then copy the Below Code And Paste To CSS

Code For Rearrange Your Sub Menu

/* ----- Add it on custom CSS file ----- */

#cssnav {

margin: 0px 0 0 -10px;

padding: 0px 0px 0px 0px;

width: 1050px;  /* Set your width to fit your blog */

font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */

color: $(tabs.text.color); /* Template Designer - Change Font Size */

}

#cssnav ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

height: 20px; /* Change Height of Menu */

list-style: none;

margin: 0px;

padding: 0px;

}

#cssnav li {

float: left;

padding: 0px;

}

#cssnav li a {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

display: block;

margin: 0px;

font: $(tabs.font); /* Template Designer - Change Font Type, Size, Etc */

text-decoration: none;

}

#cssnav > ul > li > a {

color: $(tabs.text.color); /* Template Designer - Change Font Color */

}

#cssnav ul ul a {

color: $(tabs.text.color); /* Template Designer - Change Color */

}

#cssnav li > a:hover, #cssnav ul li:hover {

color: $(tabs.selected.text.color); /* Template Designer - Change Font Color on Hover */

background-color: $(tabs.selected.background.color); /* Template Designer - Change Font Background on Hover */

text-decoration: none;

}

#cssnav li ul {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Menu Background */

display: none;

height: auto;

padding: 0px;

margin: 0px;

position: absolute;

width: 200px; /* Change Width Of DropDown Menu */

z-index:9999;

}

#cssnav li:hover ul {

display: block;

}

#cssnav li li {

background: $(tabs.background.color) $(tabs.background.gradient) repeat-x scroll 0 -800px;

_background-image: none; /* Template Designer - Change Background */

display: block;

float: none;

margin: 0px;

padding: 0px;

width: 200px; /* Change Width Of DropDown Menu */

}

#cssnav li:hover li a {

background: $(tabs.selected.background.color); /* Template Designer - Change Background of Link on Hover */

}

#cssnav li ul a {

display: block;

height: auto;

margin: 0px;

padding: 10px;

text-align: left;

}

#cssnav li ul a:hover, #cssnav li ul li:hover > a {

color: $(tabs.selected.text.color); /* Template Designer - Change Text Color on Hover */

background-color: $(tabs.selected.background.color); /* Template Designer - Change Background on Hover */

border: 0px;

text-decoration: none;

}

 #blog-pager{clear:both;margin:30px auto;text-align:center; padding: 7px;}

.blog-pager {background: none;}

.displaypageNum a,.showpage a,.pagecurrent{font-size: 14px;padding: 5px 12px;margin-right:5px; color: #666; background-color:#eee;}

.displaypageNum a:hover,.showpage a:hover, .pagecurrent{background:#359BED;text-decoration:none;color: #fff;}

#blog-pager .pagecurrent{font-weight:bold;color: #fff;background:#359BED;}

 .showpageOf{display:none!important}

#blog-pager .pages{border:none;}

Now You Are Successfully Complete Your Submenu...