Ads 468x60px

Τρίτη, 31 Μαΐου 2016

Rollover Effect Image

Φίλες και φίλοι γεια σας, ένα πολύ ωραίο και γνωστό τρικ για τις  
φωτογραφίες μας θα δούμε σε αυτήν την ανάρτηση που δίνει  
έναν άλλο τόνο στις φωτογραφίες μας!


Είναι πολύ εύκολο στην χρήση του και για να δείτε τι κάνει το
Rollover Effect Image  τοποθετήστε τον κέρσορα σας 
στην φώτο από κάτω:







Πάμε  να δούμε πώς γίνεται...

Πηγαίνετε blogger--> Διάταξη -->

Προσθήκη gadget-->HTML/JavaScript 

και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->

.............................................................................................................. 

<a href="ΕΔΩ ΤΟ URL ΤΟΥ BLOG ΣΑΣ"><img src="ΕΔΩ ΤΟ URL ΤΗΣ ΠΡΩΤΗΣ 
ΦΩΤΟΓΡΑΦΙΑΣ" onmouseover="this.src='ΕΔΩ ΤΟ URL ΤΗΣ ΔΕΥΤΕΡΗΣ ΦΩΤΟΓΡΑΦΙΑΣ'" onmouseout="this.src='ΕΔΩ ΤΟ URL ΤΗΣ ΠΡΩΤΗΣ ΦΩΤΟΓΡΑΦΙΑΣ'" /></a>

........................................................................................................................................
Εναλλακτικά μπορείτε να το προσθέσετε στο html της ανάρτησης! 

 Αλλάζετε ότι γράφω με τις δικές διευθύνσεις,την πρώτη φώτο την βάζετε 2 φορές
από ότι βλέπετε και την δεύτερη στην μέση 1 φορά!

Μπροστά βάζετε την διεύθυνση του blog σας και μόλις τελειώσετε πατήστε
Αποθήκευση!!

Προσέξτε οι 2 φωτογραφίες να έχουν τις ίδιες διαστάσεις για να
φαίνονται ομοιόμορφα!!

Καλή επιτυχία!!


Πηγή κώδικα
thanks to spiceupyourblog.com



Edit by 
 

0 σχόλια :

Δημοσίευση σχολίου

Icon Icon Icon

spice up your blog