Cum adaugi Metro Style Social Media Facebook, Twiter sau Google pentru Blogger

Un site care se respectă şi care doreşte să câştige cât mai multe vizite trebuie să se adreseze unor medii sociale diversificate, pe lângă conţinut, şi aspect un rol important în creare unui public fidel îl are şi reţelele sociale. Astăzi am să vă spun cum puteţi afişa pe site-ul dvs. Facebook, Twiter sau Google+
 Cum adaugi Facebook, Twiter sau Google+ pe site?
  Intri în Control Panel-ul Blog-ului tău - Aspect - Adaugă un obiect gadget nou - HTML/java Script şi în fereastra deschisă lipiţi codul copiat de mai jos

<div class="metro-social">

<li><a class="fb" href="Facebook URL Aici"></a></li>

<li><a class="tw" href="Twitter URL Aici "></a></li>

<li><a class="gp" href="Google + URL Aici"></a></li>

<li><a class="fd" href="FeedBurner URL Aici"></a></li>

</div>

<style>

/*Metro UI Social Profile Widget v2.0 by Tech Prevue Labs

Web link to gadget code: 

Distributed under license CC BY-NC-ND 3.0 INT

Please keep license information intact while using this widget*/

.metro-social{width:285px}

.metro-social li{position:relative;cursor:pointer;padding:0;list-style:none}

.metro-social .fb,.tw,.gp,.fd{z-index:7;float:left;margin:1px;position:relative;display:block}

.metro-social .fb{background:url(//goo.gl/6xmUk) no-repeat center center #1f69b3;width:140px;height:141px}

.metro-social .tw{background:url(//goo.gl/oyiFK) no-repeat center center #43b3e5;width:140px;height:70px}

.metro-social .gp{background:url(//goo.gl/oT0kF) no-repeat center center #da4a38;width:140px;height:69px}

.metro-social .fd{background:url(//goo.gl/ncoLY) no-repeat center center #e9a01c;width:282px;height:69px}

.metro-social li:hover .fb{background:url(//goo.gl/MH8AP) no-repeat center center #1f69b3}

.metro-social li:hover .tw{background:url(//goo.gl/hHRHv) no-repeat center center #43b3e5}

.metro-social li:hover .gp{background:url(//goo.gl/wva4B) no-repeat center center #da4a38}

.metro-social li:hover .fd{background:url(//goo.gl/JFGqn) no-repeat center center #e9a01c}

</style>

<br />

Inlocuiți "..... URL Aici" Cu url-ul dvs.

Click pe Save.

Sper că va ajutat acest articol.

Despre Autor
Pasionat de IT dornic sa aduc ceva nou care sa va fie de ajutor