Configuración de la Plantilla template-ayudadeblogger Tutorial Parte I

Configuración de la Plantilla template-ayudadeblogger "Tutorial Parte I"

Si usted llego hasta este punto es porque ya descargo la plantilla, ahora lo único que necesita hacer es seguir mis instrucciones.

Cuando ya haya descargado la plantilla le va aparecer todos sus widgets totalmente desordenados, no se preocupe que es parte de la configuración, a continuación les voy a detallar paso a paso.

Plantilla template-ayudadeblogger.blogspot.com

1 Diríjase a Plantilla, dele un clic y abra “Editar HTML”, 

Ahora se te abrirá el editor HTML de tu plantilla, se mostrara igual como la imagen que esta a continuación

En este punto deberás presionar la tecla “Control” de tu teclado seguido de la tecla “F” para que aparezca el buscador integrado en la parte superior derecha de tu editor, debes esperar unos segundos hasta que se muestre, aquí es donde tendrás que insertar el código para buscarlo e insertar los códigos correspondientes en el editor, a continuación mire la imagen la cual te mostrara tal y cual deberá aparecerte el buscador en tu editor HTML de tu plantilla y así puedas colocar el código en el buscador al momento que yo diga busca este código.

2 En las primeras líneas del código debe borrar solo el cuadro que está marcado en la imagen a continuación.

3 Todavía no guarde su editor de HTML, vaya a su blog y mire este cuadro

Para cambiar ese cuadro de noticias que les estoy señalando en la imagen, tenemos que regresar a nuestro editor HTML de la plantilla, por eso le dije que no lo guarde todavía, en el cuadro de búsqueda inserte este texto, http://johny-storage.blogspot.com

Luego que haya insertado ese link, dele un enter para buscarlo

Ahí le mostrara un cuadro marcado de color verde, mire la imagen.

Cambie el texto que está marcado de color verde por su dirección de blog,

Por ejemplo mi dirección de blog es http://ayudadeblogger.com yo lo voy a cambiar por el mío, ustedes deberan cambiarlo por el suyo y les aparecerá así, mire la imagen.

4 Luego de eso, presiona otra vez “Siguiente” en el cuadro de búsqueda, para realizar los mismos cambios, en el siguiente cuadro de búsqueda les aparecerá esta imagen.

Cambie el texto que está marcado de color verde por su dirección de blog.

5 Ahora si da un clic en "Guardar plantilla" y diríjase a “DISEÑO”

9 Abrir “Diseño”

10 Abrir un Gadget

Al dar un clic en “Añadir un Gadget” se te va a desplegar una pantalla como esta:

 

Dale un clic donde dice “HTML/Javascript”, y se te va a desplegar otro cuadro como este:

Dentro de este widget vas a pegar el siguiente código

<div id='featuredContent'> <div class='sliderwrapper' id='featured-slider'> <script> document.write("<script src=\"/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts3\"><\/script>"); </script> </div> <div id='paginate-featured-slider'> <ul> <script> document.write("<script src=\"/feeds/posts/default?max-results="+numposts3+"&orderby=published&alt=json-in-script&callback=showrecentposts4\"><\/script>"); </script> </ul> <div class='clear'></div> </div> <script type='text/javascript'> featuredcontentslider.init({ id: "featured-slider", //id of main slider DIV contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"] toc: "markup", //Valid values: "#increment", "markup", ["label1", "label2", etc] nextprev: ["", ""], //labels for "prev" and "next" links. Set to "" to hide. revealtype: "mouseover", //Behavior of pagination links to reveal the slides: "click" or "mouseover" enablefade: [true, 0.4], //[true/false, fadedegree] autorotate: [true, 5000], //[true/false, pausetime] onChange: function(previndex, curindex){ //event handler fired whenever script changes slide //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc) //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc) } }) </script> </div>

Listo ya funciona tu Slideshow completamente automático, cada vez que publiques un nuevo artículo, automáticamente te va a mostrar en tu Slideshow automático sin necesidad de estar abriendo el widget para que cargues información como códigos y esas cosas.

Nota: ubica el widget de tu Slideshow a lado izquierdo tal como está en mi demo de demostraciones.

Para que este tutorial no lo veas tan grande, lo he dividido en algunos tutoriales, para seguir en la configuración de esta plantilla sigue el siguiente enlace.

Configuración de los labels de la plantilla Template-ayudadeblogger

Cualquier pregunta no dudes en hacérmelo saber

Recuerda suscribirte:

Obtenga nuestro boletín de noticias diario | Suscríbete gratuitamente SUSCRIBIRSE

¿Te ha resultado útil este artículo, recomiendanos?

Si

Share:

Luis Chávez

Soy el fundador del sitio web Ayudadeblogger.com - Considerado un Pro Blogger profesional, Consultor SEO y desarrollador Web adicto, ejecuto una serie de sitios web desde mi Oficina Quito-Ecuador.