How to Make Easy Menu Navigation Blogger
Because some friends there who asked how to make a navigation menu in blogger or blogspot , so this article I accidentally created in accordance with my promise to help my friends.
For an easy way to make navigation menu either in the form of vertical (top to bottom) or horizontal (left to right) , my friend could use one of the available tools that automatically mengcreate scrip css and html in pairs on the menu for your blog with just enough some typing and just click clack. For the steps to create menus in blogger using this tool, please carefully look at the bottom of this well:
Go directly to the automatic tool in http://www.accessify.com/tools-and-wizards/developer-tools/list-o-matic/, and will look like a web form
From step 1 above picture needs to be done is to fill the data any menu to be shown for example blogs Computer Technology , I make two menus of menu Home that megarah to the url http://meambo.blogspot.com/ and menu Business which leads to the link label http://meambo.blogspot.com/search/label/Bisnis
If my friend all want to display the menu for more than two simply by clicking the Add Top Level Navigation Item , whereas if you want to add a Sub-Level Menu from one of the Top Level Menu available, simply by checking a small box (Check Box) at This link contains sub-levels navigation (optional) ,If it is complete proceed to step 2 by clicking the button I'm done, "Show me the styles and forms will appear as shown below
As in the picture above set menu that will be made whether Horizontal or Vertical model and do not forget to specify also the type of style looks to be on the air box scroll. If it continue again by clicking the button "Show me the markup , and will automatically perform a form that contains the code of css and html necessary for producing an diblogger menu.
Grab the code css and html and save as for example in notepad.Now the task that needs to be done is to stage the installation of two executables that have been obtained earlier to your blog template by:
- Log in to blogger.com using my friend account,
- On page Daskbor , click Layout then select again Edit HTML ,
- As a precaution, you should backup first before editing the template by clicking Download Full Template , is now ready to modify the template,
- On the Edit HTML page do not forget to check the small box (check Box) Expand Widget Templates ,
- Find this code ]]></ b: skin> in your template, let's easy nemunya, press Ctrl-f and then copy the script ]]></ b: skin> and then paste it in the find box,
- If you've met, copies of Scrip css which was obtained just above the code of ]]></ b: skin> ,
- If you have, look for more code <div id='content-wrapper'> , several templates may be different so find a similar-similar,
- If you've met, copy the html scrip which had been obtained just above the code <div id='content-wrapper'> ,
- To see the results, click the button Preview , if it is satisfied with the results silahhkan the save option by clicking the Save Template .
Wah ya too tired to make a tutorial to make the navigation menu bloggers really long, of which there is an explanation I think is quite complete and understandable if in see fine, but if there are some friends who do not understand, do not hesitate to ask!.
All those who have not pairs, to facilitate visitor navigation to each of our blog page, can also install the Navigation breadcrumbs as in my previous posting in Place Breadcrumb Navigation in blogger .
Views
Leave a reply
0 Comments to "How to Make Easy Menu Navigation Blogger"