WIDGET PARA BLOGGER DE REDES SOCIALES CON EFECTO DE EXPANSIÓN .

Tener un buen widget de redes sociales en nuestro blog de blogger, es algo necesario para nuestro blog.
Atraer a los usuarios que visitan nuestros blogs con buenos efectos y así animarlos a que se suscriban en nuestros perfiles de redes sociales, es darse a conocer mucho más en el ámbito del internet.
La intención es que nuestros visitantes puedan suscribirse en las diferentes redes sociales y así compartir con ellos nuestras nuevas actualizaciones.
No vamos a insertar ningún Javascript ni tampoco un Jquery, todo el código esta implementado para hacer fácil su instalación.
El código es basado en líneas CSS el cual le dará un efecto a su widget de redes sociales.

Blogger featured redes sociales widget

15:39

FENOMENAL WIDGET DE REDES SOCIALES PARA BLOCS Y PÁGINAS WEB.

Las redes sociales es el método más usual para compartir todo tipo de artículos y así dar a conocer nuestros blocs, es por eso que voy a compartir con vosotros un simple código con el cual lo podréis insertar en un widget

y ubicarlo donde mejor os parezca. Lo que vamos hacer es copiar un código en un widget “HTML/Javascript” y realizar tres simples cambios para ubicar las direcciones de nuestra Fanpage de Facebook y de nuestra cuenta de Twitter,

como también existirá un icono de Email para que los usuarios lo puedan contactar a su dirección de correo electrónico. Este truco de Blogger sirve para cualquier página web y blocs.

Blogger featured redes sociales widget

14:41

CREAR UNA GALERÍA DE IMÁGENES EN EL SIDEBAR DE BLOGGER

Con una carga de imágenes ligera, rápida y realmente hermosa que a todos los bloggers les encantara y sobre todo que les muestre una galería de imágenes controlable,
en la cual se pueden mostrar una galería completa, con avances, retrocesos, pausa, texto, y un link en cada imagen para dirigir a su post o artículo que quiera mostrar.
En este tutorial vamos a usar jQuery, JavaScript, CSS y HTML, bueno realmente es un solo widget en la cual vosotros vais a insertar el código que os proporcionare,
Una vez más he tratado que su instalación sea fácil y de primera. Así que sólo tienes que copiar y pegar el código dentro de un widget "HTML/Javascript" para que las cosas funcionen.

Blogger featured galería widget

11:52

Una Marquesina Diferente a todas las que he visto hasta ahora.

Esta es una Marquesina con un montón de rotulos que salen uno detras de otro en diferentes formas, total que parece que hay 19 marquesinas diferentes, 

La podéis ver aquí mismo colocada en un Gadget,solo puede ir en un Gadget “HTML-Javascript”, espero que sea de vuestro agado tal como me agrado ami y lo pongáis en vuestra Web.

Blogger featured marquesinas widget

21:25

Mostrar un widget desplegable de categorías para blogger

Despues de presentarte un widget acordeón para blogger, os voy a dar a conocer un widget sencillo en el cual podreis utilizarlo como mejor os convenga. Este widget sirve para insertar manualmente los links de sus artículos que quieras mostrar por categorías, podrás aumentar las categorías y mostrar al momento que los usuarios le den un clic en su categoría. En este widget se desplegara un cuadro en el cual les mostrara los nombres de los artículos que quieran dar a conocer y así obtener mas vistas de algunos post que tal vez los usuarios hayan pasado por alto.

Para instalarlo tienes que seguir estos pasos:

 Abrir blogger

1 Da un Clic en “Diseño”

                                                 

2-Clic en “Añadir un gadget”

                                                                 

3-Busca el widget que dice “HTML-Javascript” y ábrelo 

                                                                             

4-Coloca el siguiente codigo en el interior

                                                                         

<!-- Start  HTML - http://www.grupodelecluse.com by www.grupodelecluse.com-->
<table border="1" width="253px" align="center">
<tr>
<th>
<center>
TITULO DEL WIDGET
</center>
</th>
</tr>
<tr>
<th>
<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 1
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 2
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 3
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 4
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>

<select class="desplegable" onchange="if(options[selectedIndex].value){location = options[selectedIndex].value}" size="1" name="menu">
<option />CATEGORIA 5
<option value="" />- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
<option value="URL" />Título 1
<option value="URL" />Título 2
<option value="URL" />Título 3
<option value="URL" />Título 4
<option value="URL" />Título 5
</select>
</th>
</tr>
</table>
<!-- End  javascript - http://www.grupodelecluse.com by www.grupodelecluse.com-->

Realiza estos cambios:

Donde dice CATEGORIA 1 cámbialo por el nombre que tú quieras y hazlo en todas

En la parte que dice URL  inserta el link del articulo que quieras mostrar, este paso realizo en todas.

Donde dice TITULO DEL WIDGET pon el nombre que quieras poner al Widget.

Y por ultimo en la parte que dice Título 1 pon el titulo de tu artículo, eso es todo, ahora dale un clic
 en “Guardar” y ubica este widget en el lugar que tú quieras de tu blog de blogger.

Fuente:  ayudadeblogger

Fecha:10/03/2017

Publicado por

featured tutorial widget

19:50