Como Poner Slide Open Heart Gadget para blogger

Comparte tu blog con las redes sociales famosas y networks para conseguir mayor catntidad de visitantes y este aparatito facil de instalar en tu pagina web te ayudara a conseguir dicho proposito. Sin duda el diseno en forma de corazon que te conectaran a los network de las redes sociales como  (Google Plus, Twitter and Facebook ). En este tutorial crearemos un boton en forma de corazon para tu blog. Con el titulo de 'Share this' boton que te ayudara a compartir tus articuloscon sus amigos y allegados de su comunidad social. ShareThis es un popular servicio que ofrese multiples Social Bookmarking Widgets for blogs para paginas web. Tengo una idea de como anadir este boton de redes sociales en varias areas de tu pagina del blog.
Como anadir este Widget a tu blog
Nota:-  Siempre haga una copia o Backup de tu plantilla antes de editarla
1.Entre a su interfaz de Blogger >> Plantilla>> Proceda.

2.  De click en plantilla de formato dirija el cursor dentro de esta y Presione CTRL+F y aparecera un buscador interno.ahi busque el siguiente codigo:

</head>

3. Copie el siguiente codigo sobre/antes de </head>

<script type="text/javascript" src="http://w.sharethis.com/gallery/shareegg/shareegg.js"></script> <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script> <script type="text/javascript">stLight.options({publisher: "1cce35ce-6744-4bac-9fa5-8f17a67a6fa6", doNotHash: false, doNotCopy: false, hashAddressBar: false, onhover:false});</script> <link rel="stylesheet" type="text/css" href="http://w.sharethis.com/gallery/shareegg/shareegg.css" media="screen" /></link>

4. Luego encuentre el siguiente codigo.

       </body>

5. y pegue el siguiente codigo antes/sobre </body>

<script type='text/javascript'>stlib.shareEgg.createEgg('shareThisShareHeart', ['googleplus','facebook','twitter','pinterest','linkedin','email','sharethis'], {title:'Happy Valentines Day!',url:'http://www.sharethis.com',theme:'shareheart'});</script>

6.y finalmente anada estas lineas donde quiera mostrar este widget. Si desea mostrar este widget en la parte de abajo de tu blog siga estos pasos. Encuentre esta linea

             </body>

7. Copie y ponga el siguiente codigo en cualquier parte antes del codigo del paso  5.

<div style='position: fixed; bottom: 2%; left: 2%;'>
<div class='shareEgg' id='shareThisShareHeart'/>
</div>
<div id='shareThisShareHeart' class='shareEgg'></div>

Este Gadget esta preparado para estar en la parte derecha de abajo de tu blog pero puedes cambiarlo de posicion facilmente.En amarillo puedes ver la siguiente linea bottom: 2%; left: 2%;.Puedes cambiar el boton de la parte de abajo a la parte de arriba o de izquierda a derecha.Puedes cambiar los porcentajes para moverlo de abajo/arriba y de izquierda/derecha. Si tienes problemassobre este tutorial sientase libre de poner un comentarioen la seccion de comentarios.

Read More

12:38 PM | 0 comments