Πέμπτη 25 Οκτωβρίου 2018
CSS Pink Social Networking Widget
Φίλες και φίλοι γεια σας σε αυτήν την ανάρτηση θα δούμε μία social bar σε ροζ
χρώμα διαφορετική από όσες έχουμε δει μέχρι τώρα σε παλαιότερες αναρτήσεις
και λόγω χρώματος αλλά και λόγω εφέ καθώς διαθέτει και ένα πολύ ωραίο
οριζόντιο slide out!
και για το εγκαταστήσετε και εσείς
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
........................................................................................................................................
...............................................................................................................................................
ΑΛΛΑΓΕΣ
Αντικαταστήστε όλα τα usernames με τα αντίστοιχα δικά σας που έχετε στα social media
και πατήστε Αποθήκευση!Αυτό ήταν!
Καλή επιτυχία!!!
Πηγή κώδικα
Thanks to bloggerspice.com
Edit by
χρώμα διαφορετική από όσες έχουμε δει μέχρι τώρα σε παλαιότερες αναρτήσεις
και λόγω χρώματος αλλά και λόγω εφέ καθώς διαθέτει και ένα πολύ ωραίο
οριζόντιο slide out!
Δείτε εδώ το DEMO
και για το εγκαταστήσετε και εσείς
Πηγαίνετε blogger--> Διάταξη -->
Προσθήκη gadget-->HTML/JavaScript
και στο παράθυρο που θα ανοίξει επικολλήστε τον ακόλουθο κώδικα-->
........................................................................................................................................
<style>
#bssocialmenuslide {
margin:0;
padding:0;
width: 30em;
height: 4.5em;
overflow:hidden;
}
#bssocialmenuslide li {
display:inline;
list-style-type:none;
}
#bssocialmenuslide li a {
display:block;
float:left;
text-decoration:none;
margin:0;
}
#bssocialmenuslide li a img {
opacity:0.7;
margin:0.5em;
border:0;
float:left;
}
#bssocialmenuslide li a span {
display:none;
}
#bssocialmenuslide li a:hover {
background:transparent;
}
#bssocialmenuslide li a:hover span {
width:7em;
color:#aaa;
display:block;
cursor:pointer;
float:left;
}
#bssocialmenuslide .h2 {
margin:0 5px;
padding:0;
color:#fc0;
font-variant:small-caps;
font-size:1em;
border:0;
} <!--www.bloggerspice.com-->
</style>
<ul id="bssocialmenuslide">
<li>
<a href="https://www.facebook.com/ΕΔΩ ΤΟ FACEBOOK USERNAME ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4MwKfmWYpn-8rAu-BaPRZ5BW1-hHsJR6GJfP3CbJne0bR1C-_81VoeZkFsrfS0lhKkiBlClgOiSrfoeJPS3arToZLZVtFEulYiFAB2kMX__0I8sxvifHe3UN_jnD-GkvLzk3ZLD0_GySc/s1600/BS+Facebook.png" alt="facebook" width="50" height="50" title="Facebook" />
<span><br />
<b class="h2">Facebook</b><br />
Add to Facebook
</span>
</a>
</li>
<li>
<a href="https://twitter.com/ΕΔΩ ΤΟ ΤWITTER USERNAME ΣΑΣ">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEifM_AoAT3dtaBtoVMuf9bdb1NX3z0L7fHt0JtpUqNQmlR-Fc2npAeIzWpaU9nJtfA_Nx4jYXKi-nuBWGnZN10WOyD3TPu3fnjaOLbG5EVGzKsyUPASl5sHtq3zqsRdrce2yp2N9PalIWMX/s1600/BS+Twitter.png" alt="twitter" width="50" height="50" title="twitter" />
<span><br />
<b class="h2">Twitter</b><br />
add to twitter
</span>
</a>
</li>
<li>
<a href="https://plus.google.com/EΔΩ ΤΟ GOOGLE PLUS ID ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCQDTyDYkPb6HmKVHVn_lmdgQabiJjWbQGyCFG5afW-9oxei91SX79WHfOczCGcxfQKhCTraNy3yPqBhE-4A9TXPnCO5iC0T0_pnm8H2e4gOwDzM8qNnd8fchcV5lFC5YF59Zd1xR_UijY/s1600/BS+Google+Plus.png" alt="Google plus" width="50" height="50" title="=Google plus" />
<span>
<br />
<b class="h2">Google +</b><br />
Add to Google +
</span>
</a>
</li>
<li>
<a href="http://feeds.feedburner.com/EΔΩ ΤΟ FEED ΣΑΣ"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZijFXlKW9NLyj2ERH2giy1vbr7-BiAROdQjxaGgFKwy3Ib8MWWwuQnYRR5Vork8MzjF7lt2s4SKDo2-xzcZNYKL5ZkrDWbyg5piRbZCUnvvOgeHm6_sWNnlzXIq3QNH17B4pIDewdivl4/s1600/BS+RSS.png" alt="Rss" width="50" height="50" title="Rss" />
<span><br />
<b class="h2">Rss Feed</b><br />
Subscribe
</span>
</a>
</li>
<li>
</li></ul>
...............................................................................................................................................
ΑΛΛΑΓΕΣ
Αντικαταστήστε όλα τα usernames με τα αντίστοιχα δικά σας που έχετε στα social media
και πατήστε Αποθήκευση!Αυτό ήταν!
Καλή επιτυχία!!!
Πηγή κώδικα
Thanks to bloggerspice.com
Edit by
Εγγραφή σε:
Σχόλια ανάρτησης
(
Atom
)
Smart Defrag 2
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Smart Defrag 2 ένα από τα καλύτερα προγράμματα ανασυγκρότησης των σκληρών μας δίσκων...
Auto Scrolling Recent Posts
Γειά σας ένα πολύ ωραίο widget με οριζόντιο Auto Scrolling για να παρουσιάζουμε τις πρόσφατες αναρτήσεις μας...
Free YouTube Uploader
Γειά σας σε αυτήν την ανάρτηση θα δούμε το Free YouTube Uploader το οποίο μας επιτρέπει...
Social media
Γειά σας τα gadgets και widgets για τα social media δεν έχουν πλέον τελιωμό και σε αυτήν την ανάρτηση θα δούμε...
Back to top button
Γεία σας σε αυτήν την ανάρτηση θα δούμε ένα πολύ γνωστό και χρήσιμο gadget το οποίο μας βοηθά έτσι ώστε...
Sitemap Widget
Γειά σας,σε αυτήν την ανάρτηση θα δούμε ένα πολύ ωραίο και χρήσιμο Sitemap widget το οποίο μας δείχνει μαζεμένες σε μία σελίδα...
Αυτή η εργασία χορηγείται με άδεια Creative Commons Αναφορά Δημιουργού-Μη Εμπορική Χρήση-Όχι Παράγωγα Έργα 3.0 Ελλάδα .
0 σχόλια :
Δημοσίευση σχολίου