Ads 468x60px

Τετάρτη, 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(http://3.bp.blogspot.com/-eaUUWQzemHs/UUNGabVe5sI/AAAAAAAACIY/taQ-kjS8Q70/s320/BS+youtube.png) no-repeat 0 0;
}
.bssocialhorizontal .bsrss{
background: url(http://3.bp.blogspot.com/-NC1f2BRySVc/UUNGaFoKQrI/AAAAAAAACIQ/W2TGmd4z_4g/s320/BS+rss.png) no-repeat 0 0;
}
.bssocialhorizontal .bsgoogle{
background: url(http://1.bp.blogspot.com/-Gq-7gl7KTek/UUNGZQDUMRI/AAAAAAAACIA/GVL8dJn-mvM/s320/BS+google.png) no-repeat 0 0;
}
.bssocialhorizontal .bstwitter{
background: url(http://3.bp.blogspot.com/-kqLiM1q3w78/UUNGaJoBQ_I/AAAAAAAACIU/3L0XS1iE4CE/s320/BS+twitter.png) no-repeat 0 0;
}
.bssocialhorizontal .bsfacebook{
background: url(http://1.bp.blogspot.com/-nbWWS7UJNT4/UUNGZC1BcwI/AAAAAAAACH4/qGm19Z52S8Q/s320/BS+facebook.png) no-repeat 0 0;
}
.bssocialhorizontal .bslinkedin{
background: url(http://4.bp.blogspot.com/-hexRnNzYsOc/UUNGZeYs8bI/AAAAAAAACH8/mUPiNcnjipU/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! 

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

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

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




Edit by 

0 σχόλια :

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

Icon Icon Icon

spice up your blog