Choose Your Language

How to Put Rollover Buttons on a Blogger Site

Blogger is the best known blogging platform. Blogger is a product of Google.  You can customize blog and add rollover buttons on blogger blog.

How to Put Rollover Buttons on a Blogger Site : eAskme
     How to Put Rollover Buttons on a Blogger Site : eAskme
    How to Put Rollover Buttons on a Blogger Site ?
    • Create an image for button in some graphic designer software and save it as Button.gif

    • Create second image for button in some graphic designer software and save it as Button2.gif

    • Logint o blogger.com

    • Click on "Insert a New Image".

    • Find Button.gif and insert it in your post.

    • Right click on Image and copy URL of image and copy in notepad.

    • Click on "Insert a New Image".

    • Find Button2.gif and insert it in your post.

    • Right click on Image and copy URL of image and copy in notepad.

    • Copy this code :
    <a href="http://yourblog.blogspot.com"><img src="IMAGE" onmouseover="this.src='IMAGE2'" onmouseout="this.src='IMAGE1'" alt="Click Me"/></a>

    Change Yourblogname with name of your blog URL and replace IMAGE with URL of button.gif and replace IMAGE2 with URL of Button2.gif.
    • Go to "Layout".

    • Click on "HTML/javascript".

    • Enter this code that you have edited.

    • Click on "Save".