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

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

The Inverse & Reciprocal TRIGONOMETRIC Functions

So, this is my second post on trigonometry. In this post we're gonna cover the reciprocal and the inverse Trigonometric functions. If you haven't seen my first post you should definitely view it as it covers the basics of Trigonometry The Reciprocal Trigonometric Functions The reciprocal Trigonometric function of Sine is Cosecant, of Cosine is Secant & for Tangent it is Cotangent. Cosecant (Csc θ = 1/Sin θ) or (Hypotenuse/Opposite) Secant (Sec θ = 1/Cos θ) or (Hypotenuse/Adjacent) Cotangent (Cot θ = 1/Tan θ) or (Adjacent/Opposite) We can also represent Tan θ in another way. As Tan θ = opposite/adjacent & Sin θ = opposite/hypotenuse & Cos θ = adjacent/hypotenuse ∴ Tan θ = Sin θ/Cos θ (The hypotenuses cancel out) As Cot θ = 1/Tan θ So, we can also represent Cot θ as Cos θ/Sin θ.

Anode Ray Experiment

→Anode ray experiment was conducted by E Goldstein. →These rays are also known as canal rays. →This experiment helped in the discovery of the proton. Apparatus Used A discharge tube was taken in which there were 2 electrodes i.e. Anode(+ve) and the cathode (-ve). The tube was filled with an inert gas. A perforated or porous cathode was used. A layer of zinc sulphide was placed at the back of the cathode. There was a vacuum pump in the tube. High voltage (5000v-10000v) was allowed to flow through the system. It was observed that when the gas was at 1atm(atmospheric pressure ) no change was seen in the tube. When the pressure was decreased inside the tube, a glow could be seen at the back side of the cathode.

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.

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 (the law is

Isotopes, Isobars and Isotones

Isotopes These are elements which have the same atomic number but different atomic mass . They have the same atomic number because the number of protons that are inside their nuclei remains the same. But, they have different atomic mass because the number of neutrons that are also inside their nuclei is different. As the number of protons inside nuclei remains same, therefore the overall charge of the elements also remains same as in isotopes: no of protons = no of electrons . Hence, as isotopes overall charge remains neutral, therefore their chemical properties will also remain identical. Therefore, Isotopes are chemically same but physically different.

Upcoming Marvel Movies

Hey, guys! Today we are going to talk about the 5 most awaited and upcoming marvel movies. Everyone is eagerly waiting right ?! 1) GUARDIANS OF THE GALAXY vol.2 (2017) Last month marvel shared the first teaser of Guardians of the Galaxy vol. 2 describing it as the official sneak-peak. All five main characters- star lord, gamora, rocket, Drax and 'baby' groot . It is set two months after the first movie where the ravagers find out that peter quill double crossed them about the infinity stone (orb). That's all. Everything else is yet to be discovered.

High School Pedia

Search This Blog