.·:*¨¨*:·. CHECK YOUR BANNER .·:*¨¨*:·.
Ingin Bikin Seperti Ini ?? KLIK DISINI


| Blog Pit-Onta | Gajah Pandai's Blog | Septiananda's Zone Yuk! | Kumpulan Informasi IT | gd's blog |

| | | Dyalova | fajardesign.blogspot.com | Photobucket |

|
Photobucket | Tips, Triks Belajar Music, Tutorial Music, Tutorial Tablature, Download Lagu Mp3, Progressive Rock Metal Speed Metal slow Rock | | DISEASE 4 INFO | just4share |

| | | COW | Blogging With Styles |

| Macacci | Sekolah Pramugari | | | |

| | | | | |

| | | | | |

| | | |

19.3.09

"Tumbnail" Expando Image

Expando Image is a simple script for folks who want to have an image expand onMouseover (to its actual size). Its make your tumbnail image, and have dynamically when the mouse roll over image. Its a simple instally to your blog. Give your "tumbnail image" with a CSS class "Expando".Your "tumbnail image" shoul have explicit width and height atribute that less than actual size.

See example in My banner friends.

This step to make Expando image :
1. Download JavaScript of Expando Here or Mirror Here
2. Save Expando.js to your file hosting, example : geocities.com, googlepages, etc.
3. After Upload please enter to your blog > layout > Edit HTML do not forget to check Expand Widget Templates
4. Copy the following code :

<style type="text/css">
img.expando{ /*sample CSS for expando images. Not required but recommended*/
border: none;
vertical-align: top; /*top aligns image, so mouse has less of a change of moving out of image while image is expanding*/
}
</style>
<script type="text/javascript" src="http://www.yourhosting.com/your id/expando.js">
/* Expando Image Script ©2008 John Davenport Scheuer
as first seen in http://www.dynamicdrive.com/forums/
username: jscheuer1 - This Notice Must Remain for Legal Use
*/
</script>

5. Change the text color red with an address file that has been in the media your Upload file storage comrade.
6. Enter the code Under
<head>
7. Save your template.

To change the Image you must follow this step :

Chose this code to your image widget.
1. Link Banner image Code, for example like this :
<a href="http://yourblog1.blogspot.com" target="_blank"><img class="expando" border="0" alt="test" src="http://blablabla.com/run.jpg" width="80" height="20"></a>
2. Your Image code, Example :
<img class="expando" border="0" src="amster2.jpg" width="100" height="75">

http://yourblog1.blogspot.com << Change with your website
http://blablabla.com/run.jpg << Change with your image link 
class="expando" << dont forget to always insert this to your code
width="100" height="75"> << Change with your "tumbnail image" size.  

You can modified code with your creation but don forget to always insert class="expando"

Article Info : www.dynamicdrive.com
Readmore... »»

Make Your Own Signatur

hallo friend, for this view is often a signature of a person / name of the identity of that person. This free signature tutorial :

1. Visit MyLiveSignature.com
2. Click the tab "Start Now"
3. Click on the button "create signature"
4. Choose "Using the signature creation wizard"
5. Input sentence that you will make.
6. Press next
7. Select the text you want in the>> Next step
8. Select the size of signature>> Next step
9. select color of signature>> next step
10.Next, please select position of signature>> next step
11.Signatur has been completed

Next up is like your signatur used directly or in accordance with the other options. when you choose direct use will be made to eat your page script that is selecting the type of HTML or BB Code. Please Copy and paste that code into your blog.

Best regards,

Readmore... »»