Ads 468x60px

Τετάρτη, 20 Ιανουαρίου 2016

Social network widget with Stylish Metro style

Φίλες και φίλοι γεια σας, όσοι έχετε τρέλα και σας αρέσουν τα windows 8 και ειδικά το
Metro style,τότε σίγουρα η social media bar που θα δούμε σε αυτήν την ανάρτηση θα σας
αφήσει ικανοποιημένους!







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


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

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

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

<div dir="ltr" style="text-align: left;" trbidi="on">
<div class="BloggerSpiceMS">
<br />
<li><a class="BSfb" href="http://www.facebook.com/USERNAME FACEBOOK" rel="nofollow">

</a></li>
<li><a class="BStw" href="http://twitter.com/USERNAME TWITTER"></a></li>
<li><a class="BSgp" href="https://plus.google.com/GOOGLE PLUS ID"></a></li>
<li><a class="BSpi" href="http://pinterest.com/USERNAME" rel="nofollow"></a></li>
<li><a class="BSin" href="https://www.linkedin.com/in/USERNAME" rel="nofollow"></a></li>
<li><a class="BSyt" href="http://www.youtube.com/USERNAME YOUTUBE"></a></li>
<li><a class="BSfd" href="http://feeds.feedburner.com/USERNAME FEED" rel="nofollow"></a>

</li>
</div>
<style>
.BloggerSpiceMS{width:285px}
.BloggerSpiceMS li{position:relative;cursor:pointer;padding:0;list-style:none}
.BloggerSpiceMS .BSfb,.BStw,.BSgp,.BSpi,.BSin,.BSyt,.BSfd{z-index:7;float:left;margin:1px;position:relative;display:block}
.BloggerSpiceMS .BSfb{background:url(http://3.bp.blogspot.com/-

nTAEp6SSWS8/UbF2DhkAGlI/AAAAAAAADWA/T8mLO9bYYYw/s1600/BS+
MetroSocial+facebook.png) no-repeat center center #1f69b3;width:140px;height:141px}
.BloggerSpiceMS .BStw{background:url(http://2.bp.blogspot.com/-wqy5YSw-Ric/UbF2I8AIlyI/AAAAAAAADXM/dDSjol0xA0g/s1600/BS+MetroSocial+twitter.png) no-repeat center center #43b3e5;width:68px;height:70px}
.BloggerSpiceMS .BSgp{width:69px;height:70px;background:url(http://3.bp.blogspot.com/

-GtuJS6wxxOo/UbF2H7IUrjI/AAAAAAAADWw/BjP68la1JKs/s1600/BS+MetroSocial+google+
plus.png) no-repeat center center #da4a38}
.BloggerSpiceMS .BSpi{background:url(http://1.bp.blogspot.com/-bDNIScJ01bw/UbF7q1qm_CI/AAAAAAAADYA/7OWMElpcNzs/s1600/BS+MetroSocial+pinterest.png) no-repeat center center #d73532;width:68px;height:69px}
.BloggerSpiceMS .BSin{background:url(http://2.bp.blogspot.com/-Tft4_9x7IaM/UbF2HOPhJ8I/AAAAAAAADWg/c3ox5PRnG5E/s1600/BS+MetroSocial+linkedin.png) no-repeat center center #0097bd;width:69px;height:69px}
.BloggerSpiceMS .BSyt{background:url(http://1.bp.blogspot.com/-vZ3HVAt-ays/UbF2J9Pel9I/AAAAAAAADXY/_8PwDzbShFU/s1600/BS+MetroSocial+youtube.png) no-repeat center center #e64a41;width:140px;height:69px}
.BloggerSpiceMS .BSfd{background:url(http://4.bp.blogspot.com/-Fct6xPEKlHE/UbF2DhesO4I/AAAAAAAADWE/eHJJH9WIKu0/s1600/BS+MetroSocial+feed.png) no-repeat center center #e9a01c;width:140px;height:69px}
.BloggerSpiceMS li:hover .BSfb{background:url(http://3.bp.blogspot.com/-

QPDEABcKxPk/UbF2D8VhmaI/AAAAAAAADWI/akydVIf9sLU/s1600/BS+MetroSocial+
facebookbs.png) no-repeat center center #1f69b3}
.BloggerSpiceMS li:hover .BStw{background:url(http://3.bp.blogspot.com/-EZg8bw5-

h04/UbF2KNldalI/AAAAAAAADXg/3TbB08XnU8M/s1600/BS+MetroSocial+twitterbs.png)
 no-repeat center center #43b3e5}
.BloggerSpiceMS li:hover .BSgp{background:url(http://2.bp.blogspot.com/-

GjY3RMU-370/UbF2HdPYUYI/AAAAAAAADWo/VtsNMOS8TX8/s1600/BS+MetroSocial+google+plusbs.png) no-repeat center center #da4a38}
.BloggerSpiceMS li:hover .BSpi{background:url(http://1.bp.blogspot.com/-

62R8aRARoW0/UbF7q8888PI/AAAAAAAADYE/Ay5Q009WYPQ/s1600/BS+MetroSocial+pinterestbs.png) no-repeat center center #d73532}
.BloggerSpiceMS li:hover .BSin{background:url(http://1.bp.blogspot.com/-

a7huIWzMNOo/UbF2H9byKBI/AAAAAAAADW0/UPUwS4PIPzo/s1600/BS+MetroSocial+
linkedinbs.png) no-repeat center center #0097bd}
.BloggerSpiceMS li:hover .BSyt{background:url(http://2.bp.blogspot.com/-0oIiqtcji1w/UbF2KIyG-DI/AAAAAAAADXc/5d3jomnu2Qg/s1600/BS+MetroSocial+youtubebs.png) no-repeat center center #e64a41}
.BloggerSpiceMS li:hover .BSfd{background:url(http://4.bp.blogspot.com/-oMn-o0pL

Ovo/UbF2FzOxuLI/AAAAAAAADWY/AJREsXoaV0Q/s1600/BS+MetroSocial+feedbs.png)
 no-repeat center center #e9a01c}
</style>
</div>
......................................................................................................................................................
ΑΛΛΑΓΕΣ

USERNAME--KANTE AΛΛΑΓΗ ΟΛΑ ΤΑ USERNAME ΜΕ ΤΑ ΑΝΤΙΣΤΟΙΧΑ ΔΙΚΑ ΣΑΣ!
 GOOGLE PLUS ID-ΕΔΩ ΒΑΖΕΤΕ ΤΟ GOΟGLE ID ΣΑΣ!!

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

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



Πηγή κώδικα
thanks to bloggerspice.com/



Edit by 

0 σχόλια :

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

Icon Icon Icon

spice up your blog