This Is A Sample Of Sticky Post


The Problem is: to do this trick, we must use HTML code to make up the text... But don't worry, if you are not capable with HTML Codes, there are simple and fast way to make your sticky post without learn it. Use your "New Post" to make a sample of your sticky post, set the display as close as your real post, use the Preview to check your sticky post display then copy-paste into your content collumn text add gadget.

Learn how to make this sticky post in http://doit2us.blogspot.com/2010/02/how-to-make-sticky-post-in-your-blogger.html

How To Make Image Link Menu Navigation Bars (Navigation Menu Bar on Blogspot III)

>> Friday, February 19, 2010

In a previous posts, we have discuss about "How To Make The Navigation Menu Bar I" as a simple HTML script and "How To Make The Navigation Menu Bar II" for make it more attractive with CSS..
In this post we will discuss How To Make Image Link Menu Navigation Bars so that we can change the Menu Navigation Bar with images or buttons.

Images Link Menu Navigation Bars.

Of course our first step is to have some images that each picture will represent each link of our menu navigation bar. You can search from the net for "free downloadable images/picture" , edit and resize it or even create a new ones for your own with image editor like Picasa
After finished these images/pictures, keep/host on the server and note the URL of your files images. There are so many free server that allowed us to keep our images on them, just  search "free image server". or you can look at  Using Google Group or Google Site as Web Storage.

The basic methode is similar to the way of making a Simple Navigation Bar . the differences is Simple Navigation Bar base on text link, while this one base on image link.

In your HTML Template (Dashboard > Layout > Edit HTML) insert this CSS between ..., I suggest to put in under /*Header*/ or ]]> to make it easy to remember.

#navbarmenu ul li{
font-size:100%;
list-style-type: none;
display:inline;
padding:0px;
margin:10px;
border:0px solid;
}
The next step is create the menu links list (as we did in How To Make The Navigation Menu Bar on Blogspot (I)  but in a LIST form).

On your Dashboard >> Layout >> Page Elements, and click Add a Gadget on Header. and choose to add HTML/JavaScript.

 

(Note : If you want to add "Add a Gadget" Widget on your Page Elements Please visit  http://doit2us.blogspot.com/2009/11/add-add-gadget-on-header-and-blog-posts.html .)

If the previous steps are very similar with making a Simple Navigation Bar . The next following steps is to distinguish between text and images navigation bars. The key is the Script below

Next step leave the Title Column empty, Copy the Script below and insert in the column content
Change the URL Link Page with the address where you want your guess directed to, and URL Link Image.with the address of your URL images from your server.

To make the display of your NavBar more attractive, You can combine with Hover effect, and  Visited Link by CSS. 
The following CSS Script is a sample of it.
#navbarmenu ul li{
list-style-type: none;
display:inline;
margin:0px;
padding:30px;
border:0px solid;
}

#navbarmenu li a
img{
height:30px;
width:30px;
}

#navbarmenu li a:hover img{
height:40px;
width:40px;
background: #ff0000;
}

#navbarmenu li a:visited img{
height:40px;
width:40px;
background: #0000ff;
}
While text link Nav Bar change the color text display after visited or hover mouse on it. In this sample Image Link Nav Bar, The skenario is : The navigation bar image link was set to 30 x 30 px and there is no border surround it, when the mouse cursor hover on it, the image size will raise to 40 x 40 px.with a red background. Any visited link will have a blue background behind.image.

You can also create reverse effect, that the images became smaller when mouse hover on it and for the visited link.
Please change the setting of the script according to your creatifity, just play for a while, explore and found your best setting...

In the next post we will discuss how to make Button Menu Navigation Bar.

51 comments:

Computer Guard February 22, 2010 at 8:32 AM  

Great article ... exactly what I was looking for.
Can not wait for the next article about how to make button menu navbar....
Thanks ..
==================================================
CG

Promotional Printing February 25, 2010 at 5:56 PM  

Nice post, it is very detailed and easier to understand because of the images used. I am not really a super techy person, but your explanation is so clear. Thanks for sharing and looking forward to see more interesting post from you.

highlandderreck March 1, 2010 at 6:20 AM  

great post, thanks for this post

├žizgi film izle May 17, 2010 at 10:53 AM  

Hello. Great job. I did not expect this on a Wednesday. This is a great story. Thanks!

seo services australia December 14, 2010 at 10:43 PM  

I Think of your talents as the things you’re really good at. They’re like personality traits. For instance, you may be a very creative person, or a person who’s really good at attending to details or a person with a gift for communicating. Your talents are the base for any successful business venture, including a home-based business.

accident claims company August 9, 2011 at 10:44 PM  

What a fabulous post this has been.I am grateful to you and expect more number of posts like these. Thank you very much.

whiplash claim August 24, 2011 at 11:39 PM  

I have saved this webpage and I truly intend on visiting the site in the upcoming days.
Keep up the excellent work!

what is an iva October 3, 2011 at 10:50 PM  

Thanks a lot for this opportunity to know this information.

Doctors Improving Healthcare LA October 4, 2011 at 12:14 AM  

That's a really innovative and coo looking window they designed to show off! It's amazing at what you can come up with when you partner with another powerhouse company. I bet it helped keep the sales up even though the economy isn't back in full-swing yet.

CD And DVD Packaging October 4, 2011 at 12:15 AM  

I wanted to thank you for this great read!! I definitely enjoying every little bit of it I have you bookmarked to check out new stuff you post....

outdoor advertising signs October 4, 2011 at 12:16 AM  

I found your website perfect for my needs. It contains wonderful and helpful posts. I have read most of them and got a lot from them. To me, you are doing the great work. Carry on this. work at home In the end, I would like to thank you for making such a nice website.

BolBuy.com October 4, 2011 at 12:17 AM  

Thanks for the nice blog. It was very useful for me. Keep sharing such ideas in the future as well. This was actually what I was looking for, and I am glad to came here! Thanks for sharing the such information with us.

relogio de ponto October 4, 2011 at 12:21 AM  

I have been looking for this,I loved to read your article.You must be putting a lot of time into your blog!

Self defense training October 6, 2011 at 10:03 PM  

Hey very nice blog!! Man .. Beautiful .. Amazing .. I will bookmark your blog and take the feeds also...

Christchurch kickboxing October 6, 2011 at 10:04 PM  

I was looking for some topics that are enough popular and finally founded your blog, it has superb topics with great popularity.

Muay Thai Martial Art October 6, 2011 at 10:04 PM  

Good trick from you. THanks mate, I'll use this as my future reference.

whiplash compensation October 20, 2011 at 10:27 PM  

As I observed the codes are perfectly good.

Aprilaire 2200 filter from discountfurnacefilter.com November 7, 2011 at 4:47 AM  

Great work dude, u gave nice post to us. Thanks for spending the time to discuss this, I feel strongly about it and love learning more on this topic.

Aprilaire Furnace Filter at best prices November 7, 2011 at 4:48 AM  

Pretty good post. I just found your site and wanted to say that I have really enjoyed browsing your posts.In any case I’ll be subscribing to your blog and I hope you post again soon .It is so lucky to read your blog,it is full of useful message.I wish we both can do better in the future.It great honour if you can visit our website,and give us some suggession

Interior Designers in Miami November 7, 2011 at 4:49 AM  

What I would not give to have a debate with you about this. You just say so many things that arrive from nowhere that Im pretty certain Id have a fair shot. Your blog is fantastic visually, I mean people wont be bored. But others who can see past the videos and the layout wont be so impressed with your generic understanding of this subject.

Best clubs in New York November 7, 2011 at 4:51 AM  

Very creative. One of the most interesting things about living in the computer age is the way that modern technology has been made affordable and readily available to all sorts of people, and you see inventive things like this training bike visualization, which would perhaps never have existed in, say, 1990. You might want to go ahead and patent this invention and see if there’s a market for it. If there’s such a thing as a car service that does nothing but attach spinning rims, then it’s certainly not hard to imagine a market for something a little more practical and cool, like this.

Groen Jacketed Kettles November 7, 2011 at 4:52 AM  

Pretty good post. I just stumbled upon your blog and wanted to say that I have really enjoyed reading your blog posts. Any way I will be subscribing to your feed and I hope you post again soon.

Paginas Amarillas November 7, 2011 at 4:52 AM  

Thank you for an additional great post. Where else could anyone get that kind of data in these a ideal way of writing? I’ve a presentation subsequent week, and I’m on the look for this kind of information.

Realtors VA November 7, 2011 at 4:55 AM  

What I wouldn't give to have a debate with you about this. You just say so many things that arrive from nowhere that Im pretty certain Id have a fair shot. Your blog is fantastic visually, I mean people wont be bored. But others who can see past the videos and the layout wont be so impressed with your generic understanding of this subject.

Safety Statement November 7, 2011 at 4:56 AM  

Wow how time flys when your searching the net.. Been after info on just this topic. Thanks to you and google i now have it.

Storm Bathroom Cabinet November 7, 2011 at 4:57 AM  

Wow how time flys when your searching the net.. Been after info on just this topic. Thanks to you and google i now have it.

create your style with Swarovski Elements November 8, 2011 at 2:24 AM  

Pretty Interesting post. Could not be written any better. Thanks for sharing!

High Heels November 8, 2011 at 2:30 AM  

Good post.thanks for sharing.. very useful for me, I will bookmark this for my future needs.

Joe rodeo diamond watches November 8, 2011 at 2:39 AM  

Its really wonderful and watchable. I like to share it with all my friends and I am sure they will like it.

Furnace Filters December 19, 2011 at 1:26 AM  

Furnace Filters are mounted in your duct system and kill bacteria as they pass through the light emitted from purifier. It’s important that this equipment be installed correctly for maximum safety and efficiency. These air purifiers provides an extra level of air treatment to improve indoor air quality.

Anonymous,  December 19, 2011 at 4:03 PM  

Thanks a lot for a bunch of good tips. I look forward to reading more on the topic in the future. Keep up the good work! This blog is going to be great resource and I love reading it.

Interface Talent Network

Plumber London December 23, 2011 at 12:22 AM  

Plumbing is a perfect solution for home repair services and their work includes the installation of sinks, tubs, and other fixtures and their connection to water and sewage systems. Our Plumber London business is one of them.

Anonymous,  January 13, 2012 at 12:49 AM  

I've scan the internet over 3 hours today, plus your weblog has been the coolest coming from all. Many thanks; it really is useful to me.

wall bike rack

coursework February 7, 2012 at 2:09 AM  

Research report writing.
Creative writing exercises
. How to do a book report.
Book report format.Essay topics for high school students.
Presentation topics for college students.Write a book report.
Five paragraph essay. Education essay.

writing reports February 9, 2012 at 12:50 AM  

Education essay , college research paper , research topics for college students , college essays examplescollege essay examples , college admission essays , college help , college writing .

writing a dissertation February 9, 2012 at 12:53 AM  

Write dissertation , thesis writing , dissertation writing , buy dissertation , dissertation professionals ,
dissertation prospectus , dissertation search , thesis ,
writing my dissertation .

Laptop Chargers February 15, 2012 at 6:00 AM  

Thanks for this. I really like what you've posted here and wish you the best of luck with this blog!

Order An Essay Online February 19, 2012 at 11:22 PM  

Just wanted to say great job with the blog, today is my first visit here and I’ve enjoyed reading your posts so far

handyman Bellevue February 26, 2012 at 7:40 PM  

Thanks for taking this opportunity to discuss this, I feel strongly about it and I take pleasure in learning about this topic.

homeopathic adhd remedies March 5, 2012 at 3:28 AM  

It's such an honor to offer the opportunity to sign up for the debate of this excellent web log! I wish to prolong my thank you for this kind of.

homeopathic adhd remedies March 28, 2012 at 3:09 AM  

If you want to begin to see the unbelievable post using genuine information as well as statistics, it is really huge impacts upon readers and I admire your composing expertise with the creator.

How To Become A Psychologist March 29, 2012 at 9:00 PM  

I happen to be thankful that I stopped by in a site that is able to grant as well as offer me great deals of finding out and expertise. By having the broad of same web sites in the net, I won't be able to seek the best blog because of their similarities. At last, the uncommon site I happen to be hunting for several days is currently in your website.

Top Plastic Surgeons April 22, 2012 at 8:46 PM  

I like seeing web sites which view the price of providing a perfect resource free of charge. I must say i cherished studying this page. Thanks!

Coffee Makers May 24, 2012 at 7:51 PM  

Making this blog happen really gives me the best idea on how to make image link menu. Thanks for sharing this information!

www.luxurydentalny.com/teeth-whitening-brooklyn May 28, 2012 at 11:21 PM  

There are certainly a lot of details like that to take into consideration. That's a great point to bring up.

wheretwowander June 11, 2012 at 11:22 PM  

thank you so much! now i have a nice menu bar for my blog! very helpful!

eena February 14, 2013 at 12:29 AM  

joe rodeo watches are the best choice in all watches. They have different styles and designs, I really have been confused since long in choosing watches for myself at last I purchased beautiful joe rodeo watches from this site.

Start Business in Delhi March 17, 2015 at 10:35 PM  

That is an extremely smart written article. I will be sure to bookmark it and return to learn extra of your useful information. Thank you for the post. I will certainly return.

Mobile App Developers July 10, 2015 at 1:22 AM  

I don’t know how should I give you thanks! I am totally stunned by your article. You saved my time. Thanks a million for sharing this article.

Post a Comment

 

  © New Blogger Tips For Us Free Blogger Template by Mc 2010.

Back to TOP