Tech Time: Starry Social Bar Widget

TRANSLATUM

Μία πολύ χρήσιμη online εφαρμογή είναι
το Translatum το οποίο μας βοηθά να μεταφράσουμε λέξεις και κείμενα μέσα από πάρα πολλά λεξικά!Δεν θέλει εγκατάσταση απλά πατήστε στην εικόνα για να μεταφερθείτε στην ιστοσελίδα του Translatum, επιλέξτε

ότι σας ενδιαφέρει και πατήστε Μετάφραση!

Τετάρτη 2 Μαρτίου 2016

Starry Social Bar Widget

Φίλες και φίλοι γεια σας, οι socials bar ποικίλουν πλέον καθώς είναι από τα δυνατότερα
μέσα διάδοσης sites & blogs και σήμερα σε αυτή την ανάρτηση θα δούμε ακόμα μία
social Bar με εικονιδία σε σχήμα αστεριού, Starry Social Bar! Μπαίνει στο πάνω η στο
κάτω μέρος του blog μας, η αν έχετε μικρή στο πλάτος sidebar τότε είναι ιδανική λόγω
μεγέθους καθώς μπαίνει και καθέτως!

Δείτε εδώ το DEMO

Η εγκατάσταση είναι πάρα πολύ απλή και για να γίνει αυτό

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

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

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

<div dir="ltr" style="text-align: left;" trbidi="on">
<style>
.bssocialhorizontal{
float:left;
margin: 0 0 20px 0;width:auto;
padding: 12px 10px 10px;
}
.bssocialhorizontal li{
float: left;
width: 120px;
height: 33px;
line-height: 1.3;
margin: 0 0 10px 0;
padding: 3px 0 0 38px;
}
.bssocialhorizontal li a{font:400 13px "Droid Sans", "DroidSans", "Trebuchet MS", Arial, sans-serif;line-height:1.1em;color: #000;}
.bssocialhorizontal li span{
color: #333;
display: block;
font:400 11px "Droid Sans", "DroidSans", "Trebuchet MS", Arial, sans-serif;line-height:1.1em;
}
.bssocialhorizontal .bsyoutube{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvp_4Kjp2maOYlyNA0cSql-z0YQ4QNctA-JF2jYMz7EHH_NQbHNQmmeCJTEW6dEqRGgR3fnawJyosXMB6wn9CtG2Jg1uTrXRfn6_hcak7Fn7bN-QRvU7-0df6PmGjj3J0z5ZavLzVhVnI_/s320/BS+youtube.png) no-repeat 0 0;
}
.bssocialhorizontal .bsrss{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzjpQaqCvQxkxn4e6TaeI2DVMQKe7QXAMr4cq-D8KrKq3SWJcr9ssU2dTqFV9ziO2mVId1Ofh4UgQrRfvg7g-uEWo8d34l-YEcqVHLYawjtLsalllt3LxFxIiKxGXTaIr9YrHAYDLu-W8j/s320/BS+rss.png) no-repeat 0 0;
}
.bssocialhorizontal .bsgoogle{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgREbhOcy9SR4g5kSQNV_y5oI2jD-1SeHxeEkEDYRVouvSYo5YiIePoRoe5HTgnHIUnVHpnLzrJXqy2fauQG0y40qx4NMMmUEia2GNXHlmmT7bNN-MtJ6UhsDVaAFDRiYErcna_f7ThRd72/s320/BS+google.png) no-repeat 0 0;
}
.bssocialhorizontal .bstwitter{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguFRbiR86NFldZn8kbTcIZq4qaFfEb7iVdEqgeNuSlRwZWiN0ya9aNRCFEj5swcRejHK9bFk6sdi2YSrCGOP61QhEkziopFuRqIdmIzRJ_xyL6oS81DCLStreLHLrcq13v2S09NduwNOEH/s320/BS+twitter.png) no-repeat 0 0;
}
.bssocialhorizontal .bsfacebook{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhtsmmawhlXOzqIpJTSdhAfZRLCN8vi4FUIsq7yRtng9CXXyZ6OXwnKqkN-8nSmAQjA-q0sOWo38OFyAGSABi5__XQgJPBRkHSrgqhmsXLmM_TuvMq_pXaulyssKFW4-0rjBriEB2yvsuXS/s320/BS+facebook.png) no-repeat 0 0;
}
.bssocialhorizontal .bslinkedin{
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4Vqhf6GHufY9IbvkpiYocNyMZC8zXRHBmOcuB67Yw56wZGuwpb-w2xJZvlFDMe8GHLmo-4nLPYsK0pSs9XUtz5uYAYcCBZq3ripcKksJ-9iGU5DNw6d245xVZuwSO7UI_XDrPpPLFj_M0/s320/BS+linkedin.png) no-repeat 0 0;}
.bssocdate{float:right;width:450px;height:20px;margin-top:5px;}
.bssocdate li{float:left;padding:0 10px;}
}
</style>
<br />
<div class="bssocialhorizontal">
<ul>
<li class="bsfacebook"><a href="http://www.facebook.com/USERNAME FACEBOOK">Facebook</a><br />Become our fan</li>
<li class="bstwitter"><a href="http://twitter.com/USERNAME TWITTER">Twitter</a><br />Follow us</li>
<li class="bsgoogle"><a href="https://plus.google.com/GOOGLE PLUS ID">Google Plus</a><br />Join our circle</li>
<li class="bsyoutube"><a href="http://www.youtube.com/USERNAME YOUTUBE">You Tube</a><br />Our Videos</li>
<li class="bslinkedin"><a href="http://www.linkedin.com/USERNAME LINKEDIN">Linkedin</a><br />Get updates</li>

<li class="bsrss"><a href="hhttp://feeds.feedburner.com/USERNAME FEED">RSS</a><br />Get updates</li>
</ul>
</div>
</div>

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

ΑΛΛΑΓΕΣ

USERNAME--AΛΛΑΞΤΕ ΟΛΑ ΤΑ USERNAME ΜΕ ΑΥΤΑ ΠΟΥ ΕΧΕΤΕ ΕΣΕΙΣ ΣΤΑ ΑΝΤΙΣΤΟΙΧΑ

SOCIAL MEDIA!

ΥΠΟΓΡΑΜΜΙΣΜΕΝΑ--ΑΛΛΑΞΤΕ ΟΛΑ ΤΑ ΥΠΟΓΡΑΜΜΙΣΜΕΝΑ ΜΕ ΟΤΙ ΘΕΛΕΤΕ ΕΣΕΙΣ!

Αποθήκευση και έτοιμοι!

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

Πηγή κώδικα

thanks to bloggerspice.com/

Edit by