Ads 468x60px

Πέμπτη, 20 Οκτωβρίου 2016

Animated Google Plus Follower Box Widget

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

Η διαφορετικότητα του από τα άλλα παρόμοια widgets είναι, ότι όταν περνάει
ο κέρσορας από πάνω του,το Google
Plus Follower Box αλλάζει χρώμα κάνοντας τον αναγνώστη-επισκέπτη
του blog μας να το προσέξει θέλοντας και μη!




Δείτε εδώ το DEMO  στην δεξιά sidebar

Για να το εγκαταστήσετε

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

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

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

 <style>
.bloggerspiceGplus{
    margin: 10px auto;
    background-color: #FEFEFE;
    width: 260px;
    padding: 10px 0 10px 10px;
    height: 255px;
    overflow: hidden;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    border: 10px solid #E50913;
}
.bloggerspiceGplus:hover {
    border: 10px solid #A0060E;
    background-color: #E50913;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
}
// Google Plus Widget by www.bloggerspice.com //
</style>
<div class="bloggerspiceGplus">
<div class="g-plus" data-action="followers" data-height="280" data-href="https://plus.google.com/ΕΔΩ TO GOOGLE PLUS ID ΣΑΣ" data-source="blogger:blog:followers" data-width="280"></div>
</div>

...................................................................................................................................................................
ΑΛΛΑΓΕΣ
ΕΔΩ TO GOOGLE PLUS ID ΣΑΣ- Εδώ βάζετε το δικό σας google id!

 E50913-Eδώ αλλάζετε το χρώμα του εφέ δηλαδή το χρώμα του κουτιού που αλλάζει
όταν περνά από πάνω του ο κέρσορας

Όποιος θέλει αλλάζει και τα άλλα χρώματα!



Μπορείτε να τα αλλάξετε απευθείας από τον Color picker εδώ!
 
Καλή επιτυχία!!! 


Πηγή κώδικα 
Thanks to Mohammad Fazle Rabbi



Edit by

0 σχόλια :

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

Icon Icon Icon

spice up your blog