Ads 468x60px

Πέμπτη, 23 Ιουνίου 2016

Hover Effect on Blogger Header Title

Φίλες και φίλοι γεια σας, σε αυτή την ανάρτηση θα δούμε το πως μπορούμε
να δημιουργήσουμε ένα hover effect για το Header (Τίτλο) του blog μας!
Έχουμε δει σε παλαιότερες αναρτήσεις διάφορα εφέ για links, widgets, εικόνες, 
κτλ αλλά αυτό σήμερα είναι για τον Τίτλο επικεφαλίδα του blog μας!Δεν παίζει
ρόλο αν έχετε Τίτλο η έχετε προσθέσει κάποιο logo η εικόνα, λειτουργεί σε όλα!
Συγκεκριμένα όταν κάνουμε mouseover με τον κέρσορα μας στον τίτλο θα 
μετακινείται δεξιά και θα επανέρχεται!





Δείτε εδώ το DEMO

Εγκατάσταση:




 Πρώτα από όλα πρέπει να κάνετε BACK UP TO TEMPLATE ΣΑΣ και μετά:

Αντιγράψτε τον ακόλουθο κώδικα
................................................................................................................................................................. 

 /*Tricks By http://www.bloggerspice.com*/
#header-inner:hover{
-webkit-transform: scale(0.95,0.95);
-moz-transform: scale(0.95,0.95);
-o-transform: scale(0.95,0.95);
-ms-transform: scale(0.95,0.95);
transform: scale(0.95,0.95);
}
..........................................................................................................................................................
και...

Πηγαίνετε blogger-->Πρότυπο


 Επεξεργασία HTML

κάνετε click μέσα στο template

και πατώντας Ctrl  + F  ψάχνεται

να βρείτε το: ]]></b:skin>


Μόλις το βρείτε κάντε επικόλληση τον κώδικα

ακριβώς από  ΠΑΝΩ ΤΟΥ!


Πατήστε Αποθήκευση Προτύπου! 



 Αυτό ήταν!


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


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



Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog