How to add drop down menu in blogger

How To add drop down menu in blogger

Follow the following steps to create a drop down menu in Blogger:

1. In the Blogger dashboard, go to Layout

2. Click on Add a Gadget

3. Select HTML/JavaScript

4. Under Content, paste the following code

<li>

<a href='#'>MenuItem</a>

</li>

<li>

<a href='#'>MenuItem</a>

</li>

<li>

<a href='#'>MenuItem</a>

</li>

<li>

<a href='#'>MenuItem</a>

<ul>

<li><a href='#'>SubMenuItem</a></li>

</ul>

</li>

</ul>

</div>

5. Replace MenuItem with the appropriate menu label

6. Replace SubMenuItem with the appropriate sub-menu label

7. Replace # with the appropriate URL

8. Click Save

9. Move the HTML/Javascript object to where you want the menu to appear

10. Click Save arrangement

11. Click on Template

12. Click Edit HTML

14. Search for the following line:

]]></b:skin>

15. Paste the following code directly above that line

/*-------- Begin Drop Down Menu -------*/

#menubar {
background: #FF0000;
width: 1000px;
color: #A4F2E9;
margin: 0px;
padding: 0;
position: relative;
border-top:1px solid #FF8A33;
height:35px;
}

#menus {
margin: 0;
padding: 0;
}

#menus ul {
float: left;
list-style: none;
margin: 0;
padding: 0;
}

#menus li {
list-style: none;
margin: 0;
padding: 0;
border-left:1px solid #FF7733;
border-right:1px solid #FF7733;
height:35px;
}
#menus li a, #menus li a:link, #menus li a:visited {
color: #25BD04;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

#menus li a:hover, #menus li a:active {
background: #FFFD99; /* Menu hover */
color: #BED50D;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 10px 12px;
}

#menus li {
float: left;
padding: 0;
}

#menus li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;
}

#menus li ul a {
width: 140px;
}

#menus li ul ul {
margin: -25px 0 0 160px;
}

#menus li:hover ul ul, #menus li:hover ul ul ul, #menus li.sfhover ul ul, #menus li.sfhover ul ul ul {
left: -999em;
}

#menus li:hover ul, #menus li li:hover ul, #menus li li li:hover ul, #menus li.sfhover ul, #menus li li.sfhover ul, #menus li li li.sfhover ul {
left: auto;
}

#menus li:hover, #menus li.sfhover {
position: static;
}

#menus li li a, #menus li li a:link, #menus li li a:visited {
background: #28E8DC; /* drop down background color */
width: 120px;
color: #F4240A;
display: block;
font:normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border-bottom:1px solid #1A6680;
}

#menus li li a:hover, #menusli li a:active {
background: #130000; /* Drop down hover */
color: #B2F7CC;
display: block; margin: 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
}

/*-------- End Drop Down Menu -------*/

I hope this will help you become a greater publisher!!!

Enjoy your high school with - High School Pedia : www.highschoolpedia.com

Comments

Animal and Plant Cells

Cells Cells are the basic functional, biological and structural unit of life. The word cell is a Latin word meaning ‘small room’. Cells are also known as building blocks of life. The branch of science that deals with the form, structure, and composition of a cell is known as Cytology. All organisms around us are made up of cells. Bacteria, ameba, paramecium, algae, fungi, plants and animals are made up of cells. Cells together form tissues. And tissue together makes an organ. History Of Cell The cell was discovered by Robert Hooke in 1665. He assembled a simple microscope and observed a very thin slice of cork under his primitive microscope. The cork was obtained from the outer covering of a tree called bark. Robert Hooke observed many little-partitioned boxes or compartments in the cork slice. These boxes appeared like a honey-comb. He termed these boxes as the cell. He also noticed that one box was separated from another by a wa...

Levitation 2

LEVITATION II To be completely honest I was going to start this with a pun. I did think of one but it doesn’t float… I am sorry I just had to. Anyway, this is the second part to the article on super cool ways of making things levitate. Go check the first part out if you haven’t already. Actually, the first part may have become repulsive with all the magnets and stuff, but I promise this will be more attractive. Get it? No? I’ll stop now. I am just going to jump straight into it. 1. Electrostatic Levitation I know you are probably sick and tired of magnets but they are the best way you know… This method is somewhat similar. You remember that cool science experiment you did with two straws attracting or repulsing each other based on their charge? So basically using the same principle we can make a charged object levitate. But before you try it, let me tell you it won’t be easy. Even impossible according to our Mr. Earnshaw. He even made a law (th...

Want To Make Your Smart Phone Really Smart

Nowadays everyone uses smartphones. But the question arises that are they using it smartly? Smartphones are the shortcut to various needs which makes it smart. But till what limit? Therefore smartphone can be used for everything and to achieve this you just have to read the following article. Movies Everybody watches movies but to open PC and then download is time-consuming.Thus Showbox is an app which downloads movies with one touch and even TV shows like ‘Friends’, ‘The Big Bang Theory’, Etc.

Stains And Dyes

STAINS AND DYES Stains and dyes are used to great lengths in microbiology to highlight certain parts or organelles of cells when put under the microscope. They can also be used to classify the various parts of the cells and different cell groups in a tissue. Stains can be used on their own as well as mixed with other stains and dyes. In fact, the process of using multiple stains to highlight important parts of an already stained cell is called counterstaining. You may have used safranine while preparing a temporary mount of leaf peel to observe stomata. That is an example of a stain. When it comes to the process of applying stains, there are broadly two different classifications: IN VIVO staining and IN VITRO staining. As the name suggests, IN VIVO staining is practised on live tissue. It helps us observe the chemical reactions taking place within a living cell. Stains are used here to highlight the chemicals and chemical reactions taking place. IN VITRO staining is pract...

High School Pedia

It is an initiative by some students to spread the light of knowledge to everyone and everywhere. It was started in the year 2015 and has grown rapidly in the past few months. By the means of this website, we try to provide information on every topic that we can reach up to. You can find different articles on this website. All these articles are written in simple language so that everyone can understand it and learn from it. We at High School Pedia believe in creative learning and this is the reason why we add our own edited graphical representations in every article. Once a very learned man said, “Knowledge increases by not keeping it to yourself but by sharing it with others”. And we follow the same motto “Share to Learn”. The team of High School Pedia tries its best to provide you with the best and original content. Unlike many other websites, High School Pedia is famous for its original and inspiring content.

Piezoelectric Crystal

Piezoelectric Crystal {literally_pressing electricity} Ever wondered what it might be like to live in dark or sleep in a hot summer day without an AC ? Absurd, isn't it ? But with the rate at which we are using our resources, it may not be long before it actually happens. Scientist across the globe are searching for new resources, stocks and technology to prevent the near, unpleasant future of current and the next gen. One of these, an unexploited tech is that of Piezoelectricity. Piezoelectricity is an ability of some special materials (like crystals of quartz, ceramics of lithium niobite, gallium arsenide, zinc oxide) to trigger an electric charge when supposed to mechanical stress. These materials are available in basic instruments that we use in our daily life like microphones, quartz watch, gramophones. All these materials are run by the piezoelectric current. But how does it work? When you apply force (mechanical force) on it, an electric potential, on eit...

Animals Known for Their Colours...

We all love colours, don't we? Listed down below are the Animals known for their colours and beauty:- 1) Mandarin Fish The mandarin fish is a saltwater fish found in the Pacific Ocean. It sports a bright blue background, with swirly orange stripes and a blue-greenish face. Its attractive colours are due cellular pigmentation. They are usually reef dwellers. 2) Pheasant Pheasants are mainly found in Central Asia and Western Europe. The male bird has colourful feathers and an attractive long tail. Their colour varies between golden, brown, green, white and purple. While the head of male pheasants are red in colour, female pheasants are paler in this aspect.

High School Pedia

Search This Blog