How to setup UvumiTools Drop down Menu

For those who are interested in installing the navigation on a blog, maybe you are interested in this drop down menu called UvumiTools Drop Down Menu.

Let’s get started:



1. Please login to blogger with your ID
2. Click Layout
3. Click Edit HTML.

Edit HTML

4. Find the code ]]></b:skin>
5. Copy and paste the code below exactly above the code ]]></b:skin>

.NavbarMenu {<br /> background:#191B1D url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlMNE4m0r1gahyUMcSeR4AkIeLWUW3tENCNLjxWgjlom3vvAvWqBr5veV758s1dtbpVV0ngtgnQTBffb-HG8B-MMq5pqqQ3z__cGvsRXdhI6hizkvNT4NlpAM_4xNpC9ISckKB99-S3E/s400/button1.gif) repeat-x top left;<br /> width: 100%;<br /> height: 37px;<br /> color: #FFFFFF;<br /> margin: 0 auto;<br /> padding: 0;<br /> font: bold 8px Arial, Tahoma, Verdana;<br /> clear:both;<br /> border-left:1px solid #333;<br /> border-right:1px solid #333<br /> }<br /> .NavbarMenuleft {<br /> width: 75%;<br /> float:left;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav {<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav ul {<br /> float: left;<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li {<br /> list-style:none;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li a, .nav li a:link, .nav li a:visited {<br /> color:#fff;<br /> display:block;<br /> text-transform:capitalize;<br /> margin:0;<br /> padding:11px 10px 8px;<br /> font:normal 12px Georgia, Times New Roman;<br /> text-decoration: none;<br /> }<br /> .nav li a:hover, .nav li a:active {<br /> background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOLugroyPHeq9cKnvAEFthDErQ-au_WBqPFW6YME2501QtZrA1HzQnzc7JzJP6KEaov-o327rm4CnHDpGOlnvnxmYu-NbNxMh4LDSSsZgCam7iFwg5yUH9fwzfSyHqBMG5DxtTG5iqq4E/) repeat-x top left;<br /> color:#FFF;<br /> margin: 0;<br /> text-decoration: none;<br /> }<br /> .nav li li a, .nav li li a:link, .nav li li a:visited {<br /> background:#2C5F24 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhlMNE4m0r1gahyUMcSeR4AkIeLWUW3tENCNLjxWgjlom3vvAvWqBr5veV758s1dtbpVV0ngtgnQTBffb-HG8B-MMq5pqqQ3z__cGvsRXdhI6hizkvNT4NlpAM_4xNpC9ISckKB99-S3E/s400/button1.gif) repeat-x top left;<br /> width:200px;<br /> color:#fff;<br /> text-transform:capitalize;<br /> float:none;<br /> margin:0;<br /> padding:7px 10px;<br /> border-bottom:1px solid #0d2601;<br /> border-left:1px solid #0d2601;<br /> border-right:1px solid #0d2601;<br /> font: normal 14px Georgia, Times New Roman;<br /> }<br /> .nav li li a:hover, .nav li li a:active {<br /> background:#102427 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOLugroyPHeq9cKnvAEFthDErQ-au_WBqPFW6YME2501QtZrA1HzQnzc7JzJP6KEaov-o327rm4CnHDpGOlnvnxmYu-NbNxMh4LDSSsZgCam7iFwg5yUH9fwzfSyHqBMG5DxtTG5iqq4E/) repeat-x top left;<br /> color:#fff;<br /> }<br /> .nav li {<br /> float:left;<br /> padding:0;<br /> }<br /> .nav li a.enclose, .nav li a.enclose:visited {<br /> border-top:1px solid #000;<br /> }<br /> .nav li ul {<br /> z-index: 9999;<br /> position:absolute;<br /> left:-999em;<br /> height:auto;<br /> width:170px;<br /> margin:0;<br /> padding:0;<br /> }<br /> .nav li ul a {<br /> width: 140px;<br /> }<br /> .nav li ul ul {<br /> margin: -1px 0 0 220px;<br /> }<br /> .nav li:hover ul ul, .nav li:hover ul ul ul, .nav li.sfhover ul ul, .nav li.sfhover ul ul ul {<br /> left:-999em;<br /> }<br /> .nav li:hover ul, .nav li li:hover ul, .nav li li li:hover ul, .nav li.sfhover ul, .nav li li.sfhover ul, .nav li li li.sfhover ul {<br /> left:auto;<br /> }<br /> .nav li:hover, .nav li.sfhover {<br /> position:static;<br /> }<br /> #search {<br /> width: 25%;<br /> font-size: 11px;<br /> float: right;<br /> margin: 0;<br /> padding:0;<br /> }<br /> #searchform {<br /> margin:0;<br /> padding:0;<br /> overflow:hidden;<br /> display:inline;<br /> }<br /> #searchbox {<br /> background:#ddd;<br /> padding:0;<br /> margin:0;<br /> }<br /> #search input {<br /> background:transparent;<br /> color:#fff;<br /> float:left;<br /> font-size:12px;<br /> margin: 7px 0 0 10px;<br /> width: 110px;<br /> padding:3px 7px;<br /> border: 1px solid #fff;<br /> font: normal 10px arial, verdana, Times New Roman;<br /> }<br /> #search .btn {<br /> margin:7px 0 0;<br /> padding:0;<br /> width:auto;<br /> border:0;<br /> } 

Copy and paste the code below exactly above the code
</head>

<script type="text/javascript" src="http://uvumitools.googlecode.com/files/mootools-for-dropdown.js"> </script> <br /> <script type="text/javascript" src="http://uvumitools.googlecode.com/files/UvumiDropdown-compressed.js"> </script> <br /> <script type="text/javascript"> var myMenu = new UvumiDropdown("dropdown-menu"); </script>

Scroll down your mouse and then find the code similar with:

<div id='header-wrapper'><b:section class='header' id='header' maxwidgets='1' showaddelement='no'> <br /> <b:widget id='Header1' locked='true' title='test (Header)' type='Header'/> <br /> </b:section> <br /> </div>

Copy and paste the code below exactly under the code:

<div class='NavbarMenu'><div class='NavbarMenuleft'><ul id='dropdown-menu' class='nav'><li><a href='http://kolom-tutorial.blogspot.com/' rel='nofollow'>Home</a></li> <li><a href='http://kolom-tutorial.blogspot.com/search/label/download%20gratis' rel='nofollow'>Free Template</a> <br /> <ul><li><a href='#' rel='nofollow'>Magazine Template Series  »</a> <br /> <ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2008/03/free-template-magazine-template-1.html' rel='nofollow'>Magazine Template 1</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2008/09/free-template-magazine-template-2.html' rel='nofollow'>Magazine Template 2</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-hijau.html' rel='nofollow'>Magazine Template 3</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/free-template-magazine-template-3-biru.html' rel='nofollow'>Magazine Template 3.2</a></li> </ul></li> <li><a href='#' rel='nofollow'>Magazine Template R Series  »</a> <br /> <ul><li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r1.html'>Magazine Template R.1</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/03/magazine-template-r12.html'>Magazine Template R.1.2</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/04/magazine-template-r13.html'>Magazine Template R.1.3</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/04/free-magazine-template-r14.html'>Magazine Template R.1.4</a></li> <li><a href='http://kolom-tutorial.blogspot.com/2009/07/free-magazine-template-r15.html'>Magazine Template R.1.5</a></li> </ul></li> <li><a href='#' rel='nofollow'>Templates Gallery</a></li> </ul></li> <li><a href='http://www.blogspottutorial.com/' rel='nofollow'>Blog Tutorial</a></li> <li><a href='http://www.life4business.com/' rel='nofollow'>Business Guide</a></li> </ul></div><div id='search'><form action='/search/' id='searchform' method='get' style='display:inline;'><input id='searchbox' maxlength='160' name='q' onblur='if (this.value == "") {this.value = "Search...";}' onfocus='if (this.value == "Search...") {this.value = ""}' type='text' value='Search...'/> <br /> <input class='btn' name='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjJtBRsW-9Z7Km1QFN4NX85FL-GZltgbRdkBWQ5kgnH_xg8me_PW_e_a_RCpW5lNUuBMamiKX_HQVuWuSUO9FzL9S9t_x-v2V5FuToLHoKST2l1rDOdLFbhvSfG1akw2O4hPpkfJzvsIw/?imgmax=800' type='image' value='Go'/> <br /> </form></div></div>

9. Click SAVE TEMPLATE.
10. Done

For the first step, you have done it, and for the next step, you simply replace the red-printed links with your own links, and the keywords as viewed in green should be replaced with your own as well.

»»  Read more

Best Websites that can make you a Web Designer

HTML, Css, JavaScript are basic building blocks of a Web Page. A Web Designer needs to combine all these technologies to make a presentable website. This article is for those who wants to learn how to make a website, all the websites listed below have very accurate information and you can easily learn web designing step by step.

So sit back and enjoy most popular and step by step tutorial websites that can turn you into a web designer for sure.

W3Schools

W3Schools is the most popular among these, every article of there’s is almost accurate and they also provide simple examples to define the tutorial. HTML tutorials are very finely created and a definite  amount of demos are provided to understand the concept behind.

---

WebDevelopersNotes

WebDevelopersNotes.com offers free web programming tutorials and tips on HTML, JavaScript, Flash, SQL, web graphics, web hosting, web promotion, email programs (Outlook Express, Windows Mail, Windows Live Mail), web master resources, web development articles, internet basics and much more!

---

WebDesign

Web Design Library is committed to Provide in-depth analysis of the events most pertinent to the web design world, Giving its readers a behind-the-scenes look at the people, companies and events making headlines, Advancing the web design industry’s most comprehensive view at what’s hot, what’s not and what it all means.

---

Tizag

Tizag was designed to teach beginner web programmers how to use HTML and CSS. They have a very helpful community and it can make your problems to solve in a snap.

---

WebReference

Its a Network website of Internet.com and as they are known for some very high quality content and genuine stuff they provide. You can find many useful tutorials in a well displayed format.

---

Quackit

Quackit teaches beginners how to create websites. Teaching you the basics such as HTML and CSS. Advanced topics can help you add more features to your website.

---

EchoEcho

Easy to understand explanations, massive examples, tips, smart workarounds and useful quick references. EchoEcho is a great resource for JavaScript tutorials.

---

WebMonkey

Webmonkey is a free, public resource for web developers. Builders, designers and programmers like you — the people who know best — write the articles, tutorials, code snippets and other contributions.

---

AcademicTutorials

You will find over 100 programming language tutorials, lessons, and how-to’s. You can surf through the collection of free online tutorials or read postings in one of our forums. Just choose the language you are interested in learning in the left Side Bar.

---

Msdn Microsoft

This is the place to learn about technologies like HTML, Cascading Style Sheets, and JavaScript. You’ll also take a feature tour of Visual Web Developer 2008 Express Edition, and become acquainted with Visual Basic and Visual C#. Finally, depending on your knowledge level, you may want to follow the Bits & Bytes series to learn computer basics.

---

HtmLite

Html lite tutorials are easy to understand and are for the common web page creator. The UI is not that great but you can see the quality of content and tutorials.

---

HtmlPrimer

A well Designed and simple layout they provide very basic and information which is very high graded.

---

HtmlCodeTutorial

There goal is to provide the most helpful and complete guide to creating web pages anywhere. If you’re just beginning, start learning HTML here.

---

Jquery

jQuery is a fast and concise JavaScript Library that simplifies HTML document traversing, event handling, animating, and Ajax interactions for rapid web development. jQuery is designed to change the way that you write JavaScript.

---

FreeWebMasterHelp

You will find many high quality tutorials and articles dealing with some of the most popular and important issues and technologies surrounding web development. There are also tools to help you to develop your site, a huge image database, a directory of some of the best webmaster sites and ‘Ask The Webmaster’, a new feature which allows you to ask questions about web development.

I hope you must have liked the selection of websites i have made above. Do tell us your views and any website that has helped you learn the art of Web Designing.

http://savedelete.com/

»»  Read more

WordPress 24-Hour Trainer: Watch, Read, and Learn How to Create and Customize WordPress Sites

Wrox | 2009-11-23 | ISBN: 0470554584 | 336 pages | PDF | 5,7 MB

Don't let WordPress intimidate you. WordPress 24-Hour Trainer is a unique lesson-based book that walks you through the essential parts of WordPress. Each lesson is streamlined to teach a specific aspect of WordPress, helping you to focus on just what you need in order to get the task accomplished. If you learn better visually, this book provides you with a video to accompany each lesson.
This book is the perfect guide to
# Planning and preparing your site for WordPress
# Installing WordPress
# Writing, tagging, and publishing a post
# Working with the text editor
# Styling paragraphs and creating lists
# Working with media files
# Linking, aligning, and sizing an image
# Working with image galleries
# Adding video and audio
# Naming, scheduling, and managing posts
# Making your site stand out
# Helping others connect to your site
# Becoming search engine friendly
# Optimizing your site
# Backing up your site
# Installing and activating plugins

Download:

http://uploading.com/files/me475a3f/0470554584%252BHourA.rar/

http://depositfiles.com/files/aqo1bgf5b

»»  Read more

The Principles of Beautiful Web Design

Press: SitePoint
Pages: 180
ISBN: 978-0-9758419-6-9
Publication Date: March 2007
Chapter 1 Layout and Composition
The Design Process
Defining Good Design
Web Page Anatomy
Grid Theory
Balance
Unity
Emphasis
Bread-and-butter Layouts
Getting Inspired
Fresh Trends
Resizing: Fixed Width vs Liquid Width
Screen Resolution
Application: Florida Country Tile

Download:
http://hotfile.com/dl/43707303/3c9e3f1/Principles_can_make_Beautiful.rar.html

»»  Read more

Video Professors Learn HTML

Video Professors: Learn HTML | English | .ISO | 439MB

Learn HTML code with our 3-CD tutorial from Video Professor!
If you’re looking for the most economical way to learn HTML code quickly and easily, you’re in the right place! Video Professor makes HTML training as simple, convenient, and affordable as possible with CD tutorials that provide step-by-step, one-on-one instruction. Once you’ve completed our comprehensive Learn HTML 3-CD tutorial, you’ll be up to speed and building web pages from scratch like a pro before you know it.
Why should you learn HTML skills?
HTML is the code language used by web designers and developers to build the framework of web sites on the Internet. Once you learn HTML skills, you’ll be ready to createweb pages with total confidence. View our Learn HTML lesson overview to see what you’ll learn.
Why should you learn HTML with Video Professor?
Video Professor’s Learn HTML 3-CD tutorial gives you total flexibility to learn at your own pace. You can pause, rewind, or fast-forward any time. Video Professor’s Learn HTML 3-CD tutorial is also a valuable and handy resource you can keep near your computer to refer to whenever you need to brush up on your HTML skills. Best of all, you can learnHTML code with Video Professor for less than traditional classes and textbooks. View a brief Learn HTML demo.
Using HTML on the job
HTML is a highly valuable skill that many employers are looking for. Almost every company has a web site these days and each one needs web designers and developers who are skilled in HTML to create and maintain them. If you plan to be a professional web designer or developer you will need to learn HTML code as a basic tool of your trade. The good news is Video Professor makes HTML training fast, easy, and affordable.
Using HTML at home
Many people learn HTML code so they can create web sites at home. Whether you want to build a web site to stay in touch with family and friends, to start your own business, to publish your own music, art or photography, to start your own blog, or for any other reason, you can learn HTML with Video Professor quickly and easily and be up to speed in no time.
Video Professor’s Learn HTML 3-CD tutorial is guaranteed to help you learn all aspects of creating web pages from scratch quickly and easily. Gaining the confidence you need to use HTML at work or home is easier than ever before with the skills you’ll learn from Video Professor.

Download:

http://hotfile.com/list/520032/6cf13ee

»»  Read more

Learning Adobe DreamWeaver CS4

Download:
http://uploading.com/files/2fc665bf/Learning_Adobe_DreamWeaver_CS4_By_Greg_Bowden.rar/

»»  Read more