AppAdvice (Italics) Ocean Blue Navigation Menu Blogger/WordPress plus 1 more

AppAdvice (Italics) Ocean Blue Navigation Menu Blogger/WordPress

Posted: 30 Oct 2012 11:59 AM PDT

With popular demand of our fellow readers, i would take this opportunity to introduce the newest 'Appadvice' navigation menu for Blogger and WordPress blogs. Though the navigation widget can be used on any blog/website as its standalone and the code is pretty easy to be implemented.

A well ground navigation menu can act more like a back bone to any blog/website navigation system. Visitor landing on the blog looks for content here and there, and navigation menus are one of the great ways to highlight your content.

Below are features that makes this AppAdvice style one of its kind.

Features:

Ocean blue gradient that gives a peaceful look to the readers thus not effecting the bounce rate. (improving in fact).
Fixed/Static thus increasing interaction and social opt-ins.
Social plugins (Facebook/Twitter)

Before we move on with the implementation, you may want to check out our previously shared navigation menus:

Other Drop Down Menus:

How to Implement the Navigation Menu?

Step #1 Customize The Code:

<div style="position:static;padding-bottom:45px;">

<div id="nav" style="margin-top:0px">
<nav>
<ul>
<li id="home">
<a href="Home URL">Home</a>
</li>
<li>
<a href="Link 1">
Link 1 Title
<em>Link 1 Italics</em>
</a>
</li>
<li>
<a href="Link 2">
Link 2 Name
<em>Link 2 Italics</em>
</a>
</li>
<li>
<a href="Link 3">
Link 3 Name
<em>Link 3 Italics</em>
</a>
</li>
<li>
<a href="Link 4">
Link 4 Name
<em>Link 4 Italics</em>
</a>
</li>
<li>
<a href="Link 5">
Link 5 Name
<em>Link 5 Italics</em>
</a>
</li>

<li>
<div style='margin-right:10px;margin-top:9px;margin-left:10px;'><iframe allowtransparency='true' frameborder='0' scrolling='no' src='http://www.facebook.com/plugins/like.php?href=https%3A%2F%2Fwww.facebook.com%2FFacebook Profile ID&send=false&layout=button_count&width=80& show_faces=false&action=like&colorscheme=light&font&height=21' style='border:none; overflow:hidden; width:80px; height:21px;'/></iframe>

<iframe title="" style="width: 300px; height: 20px;" class="twitter-follow-button" src="http://platform.twitter.com/widgets/follow_button.html#_=1319978796351&align=&button=blue&id=twitter_tweet_button_0&lang=en&link_color=&screen_name=Twitter Profile ID&show_count=&show_screen_name=&text_color=" frameborder="0" scrolling="no"></iframe></div>

</li>
</ul>

</nav>
</div>
</div>
<style>

#nav {
    background-color: #889CB5;
    background-image: -moz-linear-gradient(#DFE8F5, #8B9EB8 20%, #738AAA 50%, #6C84A4 80%, #4B5A6D);
    background-position: center center;
    border-radius: 7px 7px 7px 7px;
    box-shadow: 0 2px 3px rgba(0, 0, 0, 0.176), 0 -1px 1px rgba(0, 0, 0, 0.082), 1px 0 1px rgba(0, 0, 0, 0.082), -1px 0 1px rgba(0, 0, 0, 0.082);
    height: 42px;
    margin: 18px auto;

    position: fixed;
    width: 1050 ;
    z-index: 9998;
}
nav {
    background-image: -moz-linear-gradient(#A5B9D2, #809ABB 40%, #7089AB 60%, #748FB3 80%, #748FB3);
    border-radius: 5px 5px 5px 5px;
    display: block;
    height: inherit;
    position: relative;
}
#nav li, #nav li a {
}
#nav li {
    border-left: 1px solid #889CB5;
    border-right: 1px solid #5B6D82;
    display: inline;
    float: left;
    height: inherit;
}
#nav li a {
    color: #273341;
    font-family: "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Arial,sans-serif;
    font-size: 19px;
    font-weight: 100;
    line-height: 40px;
    outline: 0 none;
    padding: 0 15px 12px;
    text-decoration: none;
    text-shadow: 0 1px rgba(255, 255, 255, 0.5);
}
#nav li a em {
    font-family: Helvetica;
}
#nav li:hover {
    background-color: rgba(0, 0, 0, 0.05);
}
#nav li:active {
    background-color: rgba(0, 0, 0, 0.1);
}
#nav li a:hover {
    color: white;
    text-shadow: 0 1px #273341;
}
#nav li:first-child {
    border-left: medium none;
}

#nav #home a {
    background: url("http://marvblues.com/wp-content/themes/ifeature/images/home.png") no-repeat scroll center center transparent;
    float: left;
    height: 0;
    overflow: hidden;
    padding: 33px 0 0;
    width: 103px;

}

#nav #home a:hover {
}
#sitesearch {
    height: 43px;
    margin: 11px 10px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 140px;
}
</style>

Step #2 Adding The Navigation Menu

Once you're done editing the links and social profile IDs into the above code, you're all set to add the navigation menu to your blog.

For Blogger Users:

Go to Blogger Dashboard >> Layout >> Add a Gadget >> HTML/JavaScript and paste the code in it. Hit Save. You can then move on the gadget where ever you like to display the navigation menu. Normally its in the head section of the blog.

In case there is no 'Widget holder' section in your template at your desired place, you can read out:

Add Another Widget Section (Gadget Holder) To Blogger Layout

For WordPress Users:

For the guys using WordPress, they can simply place the CSS section of the above code in their style.css files and the HTML section in their Header.php files (or any other header file with different name).

Need Help?

Hope that you guys liked this navigation menu. Your feedback is must.

Thats what pushes us to bring more of such widgets. In case you guys need any help regarding the implementation of the widget, do let me know in the comment section.

Credits: The navigation menu is an inspiration from AppAdvice.com i.e a popular Apple apps website. Don't forget to give them a hug for such a wonderful navigation menu

Top 10 Websites to Download Free eBooks Online!

Posted: 30 Oct 2012 11:49 AM PDT

Though Internet has brought in some of the most significant changes in the world today, and has surely brought in a revolution in the world, in almost every field and every sector. This revolution has surely benefited us a lot in every single possible thing, but at the same time has made us suffer some losses as well.

Internet, is also a part of this revolution. We all surely get benefited in a lot of ways by it but surely it does has replaced some of the things that were once considered really important. One such thing includes the book reading habit, which is for sure is the most important thing in ones life in every possible way. Internet has given much alternatives to book reading which has made youth and every individual away from books.

Before we move on you may like to read

10 Best and Most Used Word Press Plug ins Of 2012!

Book reading is the most appropriate and the best source of getting knowledge. As book is considered as best friend of a human. But Internet has replaced this and now if you observe, the young youth of today has almost no knowledge, just because of quitting the habit of book reading. Not all but some individuals are still out there practising this healthy habit. My today's includes interesting material for such book lovers, the best websites where you can find and download ebooks from, absolutely free!

Top Websites!

Here are some of the best websites for our book lovers from which they can benefit and download ebooks of their taste and type free of cost.

1) Free Tech Books. Com

This is the best source as far as obtaining help material regarding computer science, engineering and programming fields are concerned.Not only the books, it also provides you with notes and lectures that can help you more. On this website you can get the material that is legal and freely available on the Internet.

2) Memo Ware. Com

This website has the best classifications and the most extensive content o every field and topic. With books it also provides you with maps, technical supports, lectures and other helping material that can help you. The best part about this website is that it has the most easily compatible formats for the material present so that they can easily be downloaded on your gadgets like tablets, palm tops etc.

3) Globusz. Com

This is yet another really good and extensive site where you can get ebooks pretty easily on every possible topic you want to read for. Not only this, they have a star rating formula that makes your work more easy and helps in the promotion of young authors who wish to establish themselves as authors in the on line community.

4) eBook Lobby. Com

This website has the best division and categories of the ebooks present and cover fields and topics on business, art , computing etc. Your work is surely made much easy at this website as you get access to your desired books pretty easily by their classification and categories, with some of the best material on topics of your interest.

5) Free Book Spot. Es

This website has the largest collection of ebooks on every single topic related to the fields of engineering, medical, sciences, fiction etc and is being used and operated in a number of countries. With this, it is the most easy to use website from which you can easily get your desired content. Can benefit you a lot folks do check this out.

Before we move on you may like to read

Top 10 Resourceful Events For Young Bloggers and Entrepreneurs!

6) Know Free. Net

This is more than just an ebook library as it provides you with a platform where you can interact with people of your interest and share with them content material like lectures, help books, video training etc for the sake of self training and education. Pretty interesting website this is folks.

7) Book Yards. Com

This is yet again the sort of website that gives you more options then just an ebook library. This website provides you with the platform where you can share your content with other people too, helping them also. The best part about this website is that everyone who has an Internet connection can simply visit this site and get benefited from it. Not really a complex type of website this is.

8) Scribd. Com

A multi option website this is which is more than just an ebook library. This website gives you the provision of sharing content with others and is compatible with a number of formats like power point, excel, word, pdf etc. Not only this, through this you can download and embed a document is your blog and web page. A much helpful web site this is to get benefit from.

9) 4e Books. Org

If you have interest in books related to computer science and computer technology, then this is the best website as it serves the purpose really well. On this you have the most extensive library of ebook, easily download able and be put into use. So, for computer programming ebooks, this is the best website.

10) Baen. Com

This website is the best one for those who have a taste of reading science fiction novels as it has within the most extensive library of ebooks related to the topics of science fiction. You can easily download ebooks related to the topics of science fiction according to your desire and taste.

So guys these were some of the best and top websites from which you can download ebooks really easily and get benefit according to your taste of book reading. Do check these websites out and update us with your positive feedback.

You may like to read

last umbrella

Selasa, 30 Oktober 2012