Showing posts with label HTML. Show all posts
Showing posts with label HTML. Show all posts

Wednesday, November 16, 2011

How to Create Image on Button


Would you like to create a button like the left button with an image?

You can do it with just HTML code without any javascript or so ever...Copy the code below..

<button type="button" name="login_button" class="button"><img src="images/lock.png" width="15" height="15" border="0" />&nbsp;Login</button>

The button will look like this...


So, if you like to have a button just like mine, you got to have the css style for this button.

.button{background:url(images/button.png) no-repeat 0 0;width:80px;height:34px;border:none;color:#fff;cursor:pointer;text-align:center;line-height:34px;font-weight: bold;}

And now the last path is the image, save this image (below) in the location that your file can reach it.




Hope you manage to do it...

Saturday, August 20, 2011

How to make Small Ads at Sidebar

You want to add this to your Blog? Full Ads at Sidebar you can view in here..

Step 1 :-
Go to Settings -> Add a Gadget -> Choose HTML/JavaScript

Step 2 :-
Copy and Paste this Code Below.


<div align="center"> <table align="center" cellpadding="0" cellspacing="3" class="tr-caption-container" style="margin-left: auto; margin-right: auto; text-align: center;"> <tbody> <tr><td style="text-align: center;"> <a href="http://www.churpchurp.com/mizsyaahmad/share/churpchurp-invite"> <img border="0" src="http://cdn.main.churpchurp.com/buzz/img/571/5552.jpg" width="100" height="100" /> </a></td><td style="text-align: center;"> <a href="http://www.churpchurp.com/mizsyaahmad/share/MaxisHotTiket"> <img border="0" src="http://cdn.main.churpchurp.com/buzz/img/4332/6492.jpg" width="100" height="100"/> </a></td></tr> <tr><td class="tr-caption" style="text-align: center;"> <a href="http://www.churpchurp.com/mizsyaahmad/share/churpchurp-invite"> Invite Your Friend & Get RM1.00 each</a></td> <td class="tr-caption" style="text-align: center;"> <a href="http://www.churpchurp.com/mizsyaahmad/share/MaxisHotTiket"> Don’t forget your loved ones this Ramadhan</a></td></tr> </tbody></table> </div>

Step 3 :-
Change the Red Color to Your Ads URL

Step 4 :-
Change the Blue Color to Your Ads Image

Step 5 :-
Change the Green Color to Your Ads Descriptions

Step 6 :-
You can saved your HTML/JavaScript and view your Ads now...

Thank you...and have a nice day...

LinkWithin

Related Posts Plugin for WordPress, Blogger...