MAPA DEL SITIO

GRACIAS A TU DONACION ESTA PAGINA PODRA SEGUIR FUNCIONANDO
Comentarios de Puntadas católicas
COMPARTE ESTA ENTRADA





SIGUENOS
Síguenos en TwitterSiguenos en FacebookSiguenos en Google+Siguenos en PicasaSiguenos en YouTubeSiguenos en BloggerSiguenos en Blogger


Nuevo diseño de botones de Redes sociales

Por Luis Chavez
http://www.ayudadeblogger.com/

Widgets para blogger nuevo marcador social para blogger
Este nuevo marcador social lo podremos utilizar en nuestro blog de blogger, realizando unos dos pasos simples.
Este nuevo widget de marcador social para blogger se mostrara en su página principal y en todas sus entradas. Aparecerá en forma redonda y al pasar el cursor por enzima del marcador social se desprenderá de forma automática, esto hará que los usuarios que visiten su blog puedan compartir su articulo en las redes sociales que ellos prefieran, y así puedan obtener mas visitas en su blog de blogger.
No voy hacer muy largo este tutorial de cómo insertar este nuevo marcador social en su blog de blogger.
gif
A continuación mire su demostración en mi blog de demos, el marcador social se encuentra ubicado en la parte izquierda.

Luego de ver su demostración nos dirigimos a trabajar

1Ir aBlogger
2Da un clic en “Plantilla
Widgets para blogger nuevo marcador social para blogger
3Ahora da otro clic en “Editar HTML
Widgets para blogger nuevo marcador social para blogger

Se te desprenderá todo el código de tu blog, y habilita la casilla que se encuentra en la parte superior izquierda donde dice “Expandir plantillas de artilugios


Widgets para blogger nuevo marcador social para blogger

5Presiona la tecla “F3” de tu teclado para que busque lo siguiente


Busca este código </head> y encima de el inserta las siguientes líneas de código
<script src='http://w.sharethis.com/gallery/shareegg/shareegg.js' type='text/javascript'/><script src='http://w.sharethis.com/button/buttons.js' type='text/javascript'/><script type='text/javascript'>stLight.options({publisher: &quot;bea50586-2b9f-448d-947a-01385f28e305&quot;, onhover:false}); </script><link href='http://w.sharethis.com/gallery/shareegg/shareegg.css' media='screen' rel='stylesheet' type='text/css'/>

Por ultimo deberás encontrar es te código </body> y encima de el inserta el siguiente código
<div style='position: fixed; bottom: 2%; left: 2%;'><div class='shareEgg' id='shareThisShareEgg'/></div>
<script type='text/javascript'>stlib.shareEgg.createEgg(&#39;shareThisShareEgg&#39;, [&#39;facebook&#39;,&#39;twitter&#39;,&#39;googleplus&#39;,&#39;linkedin&#39;,
&#39;blogger&#39;,&#39;stumbleon&#39;,&#39;sharethis&#39;],{title:&#39;<data:blog.pageTitle/>&#39;,url:&#39;<data:blog.url/>&#39;,theme:&#39;shareegg&#39;});
</script>

Luego de que hayas insertado los dos códigos, es momento de dar un clic en “Guardar plantilla”, eso es todo, ahora mira los cambios en tu blog.

Tal vez te interese

Related Posts Plugin for WordPress, Blogger...
loading...
TRANSLATE


EnglishcvFrenchGermanSpainItalianDutchRussianPortugueseJapaneseKoreanArabicChinese Simplified

Archivo del blog

Entradas populares

Seguidores

 
Gadget de animacion Social - Widgets para Blogger

[PR] 求む!タイピング初心者