Sudah berlangganan artikel blog ini via RSS Feed?

Thursday, April 23, 2009

Create Horizontal tab menu 10

Have seen navigation menu like this?

Please drop your mouse at the navigation below:

• Home
• Products
• Obral Plus
• Belajar Website

Interest to install this navigation menu in your blog? please read steps till finish.
I need to affirm that scripts which I give is possibility cannot in applying perfectly in your blog, because factor of the template which different each other, for that possibly you require to a little a few script which I give.

This is his steps :

Right click at both this picture, then clicked save picture As... then keep in your computer.

Then upload both the picture to server ordinary place of you saving the pictures you have. example : I'm ordinary saving my pictures in google pages, and the picture have the address be like this :

Be in fact, you can use both the picture address, but I worry if too much the user using this address, the server cannot handling it so that the navigation menu becoming not function better.

Many ways to install this code, one of the way is be like this :

Step #1 :
1.Login to blogger with your ID

2.After entering the dasboard page , click Layout. Please saw the picture :

3.Then click edit HTML tab.


4.I suggest to you, beforehand to back up your template. Click the Download full template link.


5.After you click Download full template link, then will emerge new window just to download. Click the Save button.


6.You could choose this data would in kept where and with what file name what, Afterwards ended with click of the Save button.


7.Copy and paste code above of ]]>


8.Go to underside, the code searching looking like be like :




9.Change the code printing with green colour, so that his code become be like this :




10.Click . Await a few moments do shall your template have in saving.


Step #2
1.Click at Page Element tab.


2.Click at Add a Page element which located above of the header element. See the picture following :


3.After emerging pop up window , Klik add to blog button for the things HTML/JavaScript.


4.Copy and paste the code below into available column ( don't forget to change the links with link property of your own) :


5. Click
6. Finish. Please see the result.

Good Luck,,

0 comments:

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Post a Comment

 

About Me

Page Rank