add

Nuevo estilo de etiquetas con menu desplegable para blogger


Luego de haberles presentado una forma de ver sus etiquetas con un menú desplegable, hoy nos toca el turno de implementar nuevos trucos par su uso exclusivo en blogger. El día de hoy voy dar un código muy simple en el cual solo tendrán que insertarlo en un solo widget de blogger. El titulo de este widget para blogger se llama nuevo estilo de etiquetas con menú desplegable para blogger, que quiero decir con esto? Que a nuestras etiquetas de blogger lo vamos a transformar en un menú desplegable, el cual nos va a indicar todas nuestras categorías, al igual que nos presentara nuestras nuevas publicaciones en la parte superior del widget. La isercion del código es muy simple, solo tendrán que realizar unos dos pasos nada mas.

Nuevo estilo de etiquetas con menu desplegable para blogger

El widget que se encuentra mi blog de demos se llama “Nuevas Categorías con Etiquetas  y se encuentra en la parte superior derecha.

A continuación mire su demostración


Luego de que hayan visto la demostración en mi blog de demos, nos dirigimos a implementar el código.

1 Ir a Blogger

2 Diríjase a diseño

3 Abre “Añadir un gadget”

4 Busca un widget que dice “HTML/Javascript”, ábrelo y pega el siguiente código en su interior.

<div style="overflow:auto;width:100%px;height:300px;padding:10px;border:1px solid #000000">
<span id="pbl_labels"></span>
<div id="pbl_posts"> Recent Posts </div>
<script type="text/javascript">
var jumlah_maksimum_post = 10;
var dengan_ringkasan = true;
var jumlah_karakter_ringkasan = 100;
</script>
<script src="http://yourjavascript.com/5839356121/recent-post.js">
</script>
<script src="http://ayudadeblogger.com/feeds/posts/default?alt=json-in-script&callback=onLoadFeed">
</script></div>

Ahora realiza estos cambios:

Donde dice ayudadeblogger.com cámbialo por la dirección de tu blog.

Para cambiar el numero de nuevas publicaciones lo puedes hacer cambiando el numero 10 por el numero de entradas nuevas que quieras mostrar. Eso es todo, ahora dale un clic en guardar y listo, puedes dirigirte a mirar tus cambios en tu blog.

¿Necesitas ayuda?

Cualquier preguntas no duden en hacérmelo saber y de inmediato les responderé.

Saludos.


4 comentarios:

  1. en mi blog aparece a mi profile una llave un alicate como quitarle,gracias

    ResponderEliminar
  2. Hola Dorina, enviame la direccion de tu blog para poder ayudarte.
    Saludos.

    ResponderEliminar
  3. A mi no me aparece HTML/Javascript :( ¿cómo lo puedo hacer? pequesymamis@hotmail.com gracias

    ResponderEliminar
  4. HTML/Javascript se ncuentra en el diseño de tu blog, abre un nuevo gadget HTML/Javascript.
    Saludos.

    ResponderEliminar

person_pin Luis Chávez

group_work Fundador

contact_phone +593 994589032

email ayudadeblogger@gmail.com

Entradas populares

Youtube.com/ayudadeblogger

Suscríbete

Etiquetas

Adsense dispositivos moviles (2) Alojamiento web (12) Aplicaciones moviles (15) Backlinks (1) Breaking News para Blogger (3) Como (32) Como crear una pagina web gratis (8) Comprar Dominios (2) Comprar un Dominio en Godaddy (2) Configurar dominio de Godaddy en Blogger (1) Consejos de Blogs (33) Consejos de Trafico (12) Correo Dominio (3) Crear un Sitemap (6) Crear una Aplicacion gratis (2) Diseno Responsive (5) Diseño Web (7) En vivo (1) Entradas Populares (18) Enviar Sitemap a Bing y Yahoo (1) Error al analizar XML (5) Facebook trucos (10) Firefox (9) Formulario de contactos (3) Ganar Dinero (22) Google (11) Google Adsense (10) Google Plus (5) Guia de SEO (2) Herramientas Blogger (4) Herramientas para Webmasters (6) Iconos Font Awesome (1) Info Tech (1) La ética de los blogs (2) Laptops (2) Manual Blogger (10) Material Design Blogger (2) Medios de Comunicacion Social (39) Menu desplegable (20) Menu Responsive para Blogger (6) Mobile-friendly (9) Movil (12) Noticias (3) Optimizado para moviles (4) Plantillas Blogger (42) Plantillas Landing page para Blogger (3) Popout (6) Posicionamiento SEO (22) Publicidad (2) SEO Mobile (12) SEO para Moviles (14) Sitemap (1) Sitios web optimizados para moviles (3) Slider Carrusel (7) Slideshow (35) Smartphone (12) Social Media Marketing (1) Tácticas de Marketing (4) Tecnologia (12) Temas de invitados (2) Top Hosting (3) Trucos Blogger (40) Trucos CSS y HTML (11) Web Hosting (14) Widget Acordeón (3) Widget Tab Multiple (1) Widgets para Blogger (69) Widgets Suscripciones (9) Widgets y Plugins (6)

Formulario de contacto

Nombre

Correo electrónico *

Mensaje *

Seguidores

Comentarios