Luis Chávez
add

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

2 comentarios:

  1. Hola amigo, qué tal? a ver si por aquí consigo que me hagas caso :P Por favor, me podrías ayudar con el ancho de la plantilla que configuraste para mi blog? se cortan las entradas y lógicamente da mala presencia. Muchas gracias!!

    ResponderEliminar
  2. Hola Olga, claro que si encantado de la vida, tu sabes que estoy para ayudarte, si estas conectada en facebook hoy podre entrar en tu blog y ayudarte en la configuracion.
    Saludos..

    ResponderEliminar

Ayudadeblogger.com
Luis Chávez 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