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.
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.

Configuración de la Plantilla














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

Configuración de la Plantilla



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

Configuración de la Plantilla

9 Abrir “Diseño

Configuración de la Plantilla


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.


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:

Related post

Comentarios

2 comentarios: