Social Media Icon Με Spinning Effect Hover Blogger Widget

1. Συνδεθείτε στο Blogger σας. 
2. Πηγαίνετε στο ταμπλό και επιλέξτε ενότητα Διάταξη 
3. Κάντε κλικ στο Προσθήκη gadget και επιλέξτε HTML / JavaScript επιλογή. 
4. Αντιγράψτε τον παρακάτω κώδικα και επικολλήστε στο πλαίσιο HTML. 
5. Κάντε κλικ στο κουμπί Αποθήκευση.

<style> p # socialicons img {

-Moz- μετάβασης : όλα 0.8s ευκολία-in-out?

-Webkit- μετάβασης : όλα 0.8s ευκολία-in-out?

-O- μετάβασης : όλα 0.8s ευκολία-in-out?

-Ms- μετάβασης : όλα 0.8s ευκολία-in-out?

μετάβασης : όλα 0.8s ευκολία-in-out?

}

p # socialicons IMG: hover {

-Moz-transform: περιστροφή (360deg)?

-Webkit-transform: περιστροφή (360deg)?

-O-transform: περιστροφή (360deg)?

-Ms-transform: περιστροφή (360deg)?

μετασχηματισμό: περιστροφή (360deg)?

}

/ * Κλωστήρια Κοινωνικής Εικόνες Widget * /

</ Style>

<center> <p id="socialicons">

<A href = "http://www.facebook.com/ LatestTutorialCom / ">

<Img border = "0" /> </ A>

<A href = "http://www.twitter.com/ LatestTutorial ">

<Img border = "0" /> </ A>

<A href = " https://plus.google.com/u/0/ 114036281246974755000 ">

<Img border = "0" /> </ A>

<A href = " http://feeds.feedburner.com/ Latesttutorialcom / ">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLHgk8iMBtiJwRjzcwLsegoCaCKHvv31KtvaTrgjSBarQpiM5mqbPHE7gCG1ICtLPgJ_9ON4BGz-sdztR3B3cgNJMBykeX75R42Vb1wMDflpIdD-v6BaTANwJrl97K5NBP5BLeIcO4MRNV/s1600/rss.png" /> </ a>

<A href = "http://www.youtube.com/ youryoutube / ">

<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLlWLJVFW1uIZxBIJsSOKveBp6RgLcmsrYiBVEkLzG7jujGBpyAc1NOEmaw-3DudJlFjPhyyHdSuGgG6jT1WfbkFbH7DXlOrh3EIDDuZvvuRuiAdFVlJvFFGOU1j0W-FXPVm6KcXx0KzRi/s320/youtube.png" /> </ a>

</ P> </ center> 

Μαύρο και άσπρο  Social Media Icon Blogger Widget Με Spinning Effect Hover

<style>  tvbrotate # a: hover {υπόβαθρο-χρώμα: διαφανές? αδιαφάνεια: 0.7?} # tvbrotate img {-moz- μετάβασης : όλα 0.8s ευκολία-in-out?-webkit- μετάβασης : όλα 0.8s ευκολία-in- έξω?-o- μετάβασης : όλα 0.8s ευκολία-in-out?-ms- μετάβασης : όλα 0.8s ευκολία-in-out?μετάβασης : όλα 0.8s ευκολία-in-out?} # tvbrotate IMG: hover {-Moz -μετατροπή: περιστροφή (360deg)?-webkit-transform: περιστροφή (360deg)?-o-transform: περιστροφή (360deg)?-ms-transform: περιστροφή (360deg)? transform: περιστροφή (360deg)?} </ style> <center> <div id="tvbrotate"> <!-Start εικονίδιο RSS-> <a title = "αρπάξει RSS Feed μας" href = " http://feeds.feedburner.com/Latesttutorialcom "target =" _blank "> <img border = "0" src = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfDZntANcxrz6ep-YQ2a3SgvtXlPKj5TKY0fpVpDxxf4H5pwSuUGNgohu1j0hF_-5Lp6vmjyeDIOTEW3NtOveMTuQkBw0IGsGHHM6usHNecNCLKnPnapn1vDWZUAJMLl-TpVPIZKlw2nrr/s1600/rss.png" style = "margin-δεξιά: 1px?" alt = " Icon "/> </ a> <!-End εικονίδιο RSS-> <!-Start Facebook Icon-> <a rel =" nofollow "title =" Like σελίδα μας στο Facebook "href =" http://www.facebook. com / LatestTutorialCom "target =" _blank "> <img border =" 0 " style = "περιθώριο-δεξιά: 1px?" alt = "Icon" /> </ a> <!-End Facebook Icon-> <!-Start Twitter Icon-> <a rel = "nofollow" title = "Ακολουθήστε μας ενημερώσεις Στις Twitter "href =" http://twitter.com/LatestTutorial"target =" _blank "> <img border =" 0 " style = "περιθώριο-δεξιά: 1px?" alt = "Icon" /> </ a> <!-End Twitter Icon-> <!-Ξεκινήστε Google+ Icon-> <!-Έναρξη Email εικονίδιο RSS-> <a rel = "nofollow" title = "Get Free ενημερώσεις μέσω Youtube" href = "http://www.youtube.com/YourID "target =" _blank "> <img border =" 0 " style = "περιθώριο-δεξιά: 1px?" alt = "Icon" /> </ a> <-End! Email εικονίδιο RSS-> <a title = "Ακολουθήστε μας στο Google+" rel = "nofollow" href = " https: / / plus.google.com/114036281246974755000 /"target =" _blank "> <img style =" margin-δεξιά: 1px? " </ A> <!-End Google+ Icon-> </ div> <br/> </ center>

Σημείωση: Αντικατάσταση όλων τόνισε κώδικα με τις συνδέσεις σας.

Ελπίζουμε ότι θα απολαύσετε την όμορφη Social Media Icon Με Spinning Hover Effect. Αν έχετε οποιοδήποτε πρόβλημα κατά την εγκατάσταση του κώδικα, παρακαλώ πρέπει να μειωθεί στο πλαίσιο σχόλιο.

Read more: http://latesttutorial.com/social-media-icon-with-spinning-hover-effect-blogger-widget/#ixzz2hgOEArZG