Builder Theme
Didn't Find What You Came Here For? Try Google Custom Search Below For Help....

How To Create A Rollover Button

How To Create A Rollover Button

In this lesson we’ll be explaining the steps involved in creating a rollover button and how to add it to a page on your site.

A rollover button provides an eye-pleasing option to your site as an alternative to a standard hyperlink. When a user hovers their mouse over the button image it magically changes – a great party trick to impress all your friends!

There are a variety of methods for doing this but we’re going to show you the cleanest, most browser-friendly option. A small caveat, however: while this method generally works fine on modern computers (from the last five years or so), you may find it a little hit-and-miss on anything older, so be cautious.

There are three aspects to this process:

  1. Creating the image
  2. Adding the HTML to the page
  3. Adding some new styles to the CSS file

Step 1 – Create the image

What you need to do is create a single image that includes your button in its normal state as well as its rollover state; the final image will be exactly twice the height of the button size.

For example, if your button size is 100 pixels wide and 20 pixels high, then the image you are creating will be 100 pixels wide and 40 pixels high.

Step 2 – The HTML

We simply insert a search engine friendly hyperlink in the code, as shown here.

<a id=”clickMe1″ href=”somepage.htm”><span>Click Me</span></a>

It is important we give the link a unique ID, as in this example it is clickMe1. This is particularly important if we are adding more than one rollover button. The second button will be clickMe2 etc. The reason for this will become obvious in the next step.

Step 3 – Adding the CSS

This is where a little bit of CSS magic comes in to play and transforms our ordinary looking hyperlink into a super impressive rollover button.

Add the CSS code shown here to your CSS style file, replacing clickMe1 with the ID you have used as well as updating the image file name. If the image isn’t stored in the same folder as your CSS file then add the full URL.

#clickMe1
{
display: block;
width: 100px;
height: 20px;
background: url(“clickme.gif”) no-repeat 0 0;
}

#clickMe1:hover
{
background-position: 0 -20px;
}

#clickMe1 span
{
display: none;
}

You should also change the “width” and “height” so that it’s the same width and height as your button. Remember that you’ve made your original image twice as high as your actual button, so your “height” number should be half the height of your image.

Lastly, look at the part that refers to background position, as shown here.

background-position: 0 -20px;

Substitute -20 with the number you just used for “height”, with a minus in front of it. So if the total height of your button is actually 60 pixels and not 40 as we’ve used in our example, then change it to what’s shown here.

background-position: 0 -30px;

Save the changes to your CSS file. That’s it – you’re done!

Lesson Summary

In this lesson we looked at how you can easily make a rollover button that works on multiple computers. The three steps were:

  1. Creating the image
  2. Adding the HTML to the page
  3. Adding some new styles to the CSS file

Free Revised 2012 Exclusive Ping List For WordPress

Revised 2012 Exclusive 269 Site Ping List For WordPress

Your “New” Exclusive 269 Website Ping List Is in P.D.F. Is Available At The Bottom Of This Post.  To save to your computer simply right click on the link and “save as” to where ever you want to save it to your computer.  Enjoy 😉

 

Exclusive FREE WordPress Ping List

 

Above is a video showing you how to use my exclusive 269 website ping list for your own use in your WordPress blogs.

WordPress Powered Websites By: Mike GuminskiThis is the actual ping list that I use with my own personal websites (revised this year 2012). Whether the websites are original content sites or auto blogging sites I use this exact same ping list that you can download and use for yourself in the link below this post.

First let me tell you why I have created my own ping list. Before I do you can always check these facts out for yourself by clicking on the links to the sites that I am referring to.

Pingoat

If you are using Pingoat their service only offers you 50 websites to ping.

Pingler

If you use a service like Pingler to ping your sites you are limited to their list of 79 ping sites.  Unless you insert your own ping list in which case even then they only allow you to use up to 100 sites for them to ping at one time.

Ping-o-Matic

Ping-O-Matic only allows you to ping 25 sites.

These are the most commonly used services today that people use to ping there sites with. Yes there are many more out there but I don’t think we need to go thru them all.

By now you realize the limitations with using these services. Not to mention that some of these services ping the exact same sites.

By using word press and inserting my ping list into your Update Services section you can simply copy and paste this new list into the field and then all there is for you to do is hit the save button and your done.

To get to your Update Services section in WordPress first go and open up your settings tab then click on writing. After that just scroll down the page until you see the Update Services section. From there you will see the box to insert the new ping list. Then as I stated before just hit the save changes button and you are good to go.

Now from this point forward every time you make a new post there will be a ping sent to the 269 websites.

Personal Note:  I feel extremely fortunate to be able to share this with other people online trying to succeed.  Please feel free to share the P.D.F. report below with anyone you wish.  This P.D.F. document is a locked document so unfortunately you will have to copy this list manually into notepad or where ever you wish to copy it to.  You only have to do this once.  Just make sure you save your document you copied it too.  Trust me you don’t want to have to re-type this list twice.  On that note here is your 269 site ping list link below:

>>>>FREE Revised (2012) Exclusive WordPress Ping List<<<<

Here’s To Your Success,

 

Michael J. Guminski

P.S.  Here are a few more articles that I found on WordPress Ping List…

Every time I set up a blog, one of the first things I do is go into the back end of WordPress and copy and paste a list of places that I want it to ping. By doing this, every time I publish a new blog post, WordPress will automatically be notifying the search engine spiders (robots) that I have posted new content and therefore they should get their robot butts over here and index me .

Any how I thought it would be a useful thing to put this list in a post in case anyone doesn’t know about this yet so that they can take advantage of it too.
Simply login to the back end of your WordPress blog. Mouse over Settings and then click on Writing.

A new page will open up and when you scroll down you’ll find Update Services.
Copy and paste the following list that I’m giving you and then click Save Changes.
That’s it! You’re all set up

….See The Original Post Here  —-> WordPress Ping List

More Reading

  • WordPress Ping List
  • 280 WordPress Ping List Websites For $3
  • WordPress Ping List http://t.co/G2SLIPMG

    — shoutmeloud (ShoutMeLoud) (@shoutmeloud) Thu Jun 14 2012

     

    Above Is another source I found for WordPress Ping list that was tweeted out.

    Below is a short youtube video I found….

    Guide: Pinging Tips For WorPress

    [play http://www.youtube.com/watch?v=KvUewldahPk]

How To Get Free Website Traffic With A Free Traffic Generator

How To Get Free Website Traffic With A Free Traffic Generator


You can skip everything below and go straight to the free sign up here at:  http://MikeGuminski.com/PerfectTrafficStorm/

If you act fast, you can lock in your Gold Lifetime Membership
absolutely FREE! (You’ll also get unannounced bonuses, too!)

Would you like to MULTIPLY your web traffic… and your CLICKS & CONVERSIONS?

If you want more targeted visitors to your website but think it’s too difficult, time consuming, or expensive, you’re not alone.

In fact, nearly 70% of the Internet Marketers we surveyed said that generating Web Traffic is their #1 challenge.

Survey Results

And it makes good sense why. Without visitors to view your offers and promotions, no matter how valuable they are, you make NO SALES. And no sales = no business. Just look at what these Internet marketing gurus say about it:

WHY is generating quality traffic with high conversions such a challenge for so many people?

The harsh reality is unless you are lucky enough to be on the “inside” of the Internet Marketing Guru’s Circle where your partners can reach 1,000,000+ prospects via a single email broadcast, most traffic options open to you have at least one fatal flaw…

  • Pay-per-click is so expensive if you aren’t an expert you’ll go broke in a week
  • Traffic exchanges take hours of page refreshing drudgery to earn even a sniff of visitors
  • SEO techniques are a moving target nearly impossible to hit, and even if you get lucky they’ll change the rules again
  • Safelists flood you with 1,000s of emails you don’t want and send your emails to others who won’t read them either
  • How-To ebooks and guides are typically full of tactics that no longer work by the time the ebook is available
  • Submitter software packages use obsolete technology that most sites are already protected against before you even submit
  • Co-registration leads are watered down names that have been blasted with so many offers they just tune you out
  • Purchased visitors and bulk emails are so generic, untargeted, and rehashed you’re better off trying to win the lottery than expect results from them
  • Social bookmarking will get you some funny videos and more details than you wanted to know about CandyGurl88, but it’s not going to send hungry customers to your site.

The truth is, most web traffic tools and tactics are simply too expensive, too time consuming, or they just plain don’t work.

Now if any of this sounds familiar to you, get ready for a revolutionary new web traffic and viral advertising generator. A tool so powerful and effective, it eliminates nearly ALL of the issues you have with other traffic tools and methods:

Introducing Perfect Traffic Storm…

Bundle
Perfect Traffic Storm is unlike any other traffic generator on the planet, because you get…

Viral Advertising, Web Traffic, AND Solo Emailing ALL in 1!

With Perfect Traffic Storm:

  • You do NOT have to trade time or manual effort for traffic
  • You do NOT have to install anything on your computer
  • You do NOT have to paste tedious HTML code on your webpages
  • You do NOT need to know anything about programming
  • You do NOT have to get slammed with ads to use it
  • You do NOT have to change what you already do to benefit
  • You CAN get started in just minutes and get REAL traffic the 1st day
  • You WILL increase your traffic and advertising, guaranteed
  • You WILL boost your conversion rate and generate more signups and sales
  • It WILL work for you regardless of what niche you’re in
  • You WILL reach targeted prospects in YOUR specific niche
  • It IS 100% legal, 100% ethical, and 100% “above board”
  • You WILL be reaching REAL prospects who want to buy your offers
  • The traffic and advertising you gain will INCREASE the longer you use it

“Thanks for a great product guys. Viral marketing on steriods. Clever!”

Mark and Todd
“You guys are amazing. When I think you’ve run out of new and innovative marketing and advertising ideas, you come back like a 200 mph freight train with yet another exciting product.

I’ve been in the marketing business over 35 years and am semi-retired. I thought I’ve seen it all.

Surprise. Here comes Mark and Todd!

Perfect Traffic Storm is gonna rock. …And as far as I am concerned, your product is not going to make “cents” – it’s gonna make dollars!

Thanks for a great product guys. Viral marketing on steriods. Clever!”

Gary Bacchetti
The Gentle Mentor
www.thegentlementor.com/capture

Let’s review all of your features and benefits:

  • Generate viral traffic and advertising automatically
  • Earn viral traffic and advertising on all your referrals
  • SOLO Email your downline every week
  • Cloak links and protect affiliate commissions
  • 1,000 Bonus Credits just for joining
  • Register as an affiliate automatically

With all of these benefits, Perfect Traffic Storm is easily worth $1,000s because of the bottom line results you can achieve. In fact, ANY investment you would make back over time.

But if you act now you can lock in your Gold Perfect Traffic Storm Membership today absolutely FREE! (We may start charging for it at any time, so act now).

There are even MORE benefits and advanced features, but you can explore that on the inside. I can tell you that what you’ve seen so far if just the beginning (HINT: get ready for SMART REWARDS technology to absolutely EXPLODE your traffic and advertising…

Here is the link again to start getting your free traffic today click here below:

The Perfect Traffic Storm

Here’s To Your Success,

Mikey