Plantillas para Blogger Línea Pietro Tutorial

Plantillas para Blogger, querías tener una hermosa plantilla en tu blog de blogger, Ayuda de blogger te ayudara a implementar una nueva plantilla para Blogger. No todas las plantillas para blogger tienen diseños únicos y con un estilo profesional de diseñadores de páginas web. El diseño y la innovación de blogger ha dado un giro espectacular con su nuevo y estupendo editor HTML, claro que a muchos no les gusta, pero al final se dan cuenta que tiene muchos beneficios para todos los bloggeros del mundo.  En plantillas para Blogger, les voy a presentar una nueva plantilla, a la cual la he llamado Plantilla Pietro. Anteriormente publique mas plantillas para Blogger, de las cuales las pueden ver en los siguientes enlaces, Plantilla de Noticias, Plantilla de Teléfonos, Plantilla de Espectáculos, Plantilla de Revista, Plantilla de Yahoo, Plantilla de Deportes, Plantilla Evolución, Plantilla Platón, Plantilla Negas, Plantilla Libertad, Plantilla Tiempos Modernos, Plantilla Taggui, Plantilla Cuántica y Plantilla Década.

Las características principales de la plantilla Pietro son las siguientes:

SEO Optimizado

Diseño de plantilla profesional

Estructura SEO bajo las especificaciones de Google

Slideshow carrusel basado en etiquetas

Widget de imágenes con títulos en la entrada principal

Widget de imágenes y títulos en los Sidebar

Habilitado para publicidad de Adsense u de otro tipo

Fácil desplazamiento

Widget de compartir los artículos en las redes sociales en cada post

Un menú

Buscador integrado

A continuación mire la plantilla en mi blog de demos

Ten encanto verdad!!!!

Ahora si nos dirigimos a implementar esta nueva plantilla para Blogger

1 Ir a Blogger

2 Dirígete a “Plantilla”

3 Da un clic en la parte superior derecha donde dice “Crear copia de seguridad/restablecer” y se te abrirá una venta en la cual tendrás que dar un clic en “Examinar” y buscar el archivo XML que se te fue enviada. Luego das un clic en “Subir” y automáticamente ya tendrás instalada la plantilla en tu blog de blogger.

4 Ahora dirígete a diseño y vas a encontrar que tus widgets están totalmente desordenados no te preocupes, no borres nada y sigue primero las instrucciones siguientes y luego podrás ordenar tus widgets:

Primer Paso:

Da un clic en “Plantilla”

Luego un clic en “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.

A partir de aquí vamos a empezar a configurar nuestra plantilla.

Configuración del Slideshow

Busca este código

label10 = "Temas";

Realiza este cambio:

Borra el nombre de “Temas” y cámbialo por el nombre de cualquier etiqueta que quieras mostrar en tu slideshow.

Que es una Etiqueta, más información en este enlace

Segundo Paso

Configuración del Menú principal

Busca este código

<li><a href='#' title=''>Temas</a></li>

Realiza estos cambios:

A partir del código que encontraste, deberás insertar el link de la pagina que quieras mostrar en esta categoría donde esta el símbolo “#”, también cambia el nombre que dice Temas, por el nombre que tu quieras que parezca en tu menú, recuerda que mas abajo encontraras mas códigos como el que encontraste, configúralos a todos, mira el ejemplo de cómo te aparecerá el código del menú en tu plantilla.

Ejemplo:

<li><a href='#' title=''>Temas</a></li>         <li><a href='#' title=''>Farandula</a></li>               <li><a href='#' title='Ver todas las categorias'>Deportes</a> </li>             <li><a href='#' title='Ver todas las categorias'>Fotos</a> </li> <li><a href='#' title=''>Musica</a></li>                   <li><a href='#' title='Ver todas las categorias'>Mp3</a> </li>             <li><a href='#' title='Ver todas las categorias'>ADSL</a> </li>

Tercer Paso

Configuración de la imagen de publicidad

Busca este código

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYPyX6WbYG06Rcg9uw00Uq5ISE96Yj6dE8Dcou4uQ8BARR1Hd6_MqaAq_GKlER3otyEW52w2-GQ3-WADixyDO6TwMmr7H2tXNfFn8_PjnuneVDmyEYvdQEwC5_56VUgC3NrgW5WKNYW3o/s1600/people-ads.jpg

Realiza este cambio:

Borra el código que encontraste y remplázalo por el link de la publicidad que quieras mostrar. Te recuerdo que tu imagen debe tener 728 X 90.

Hasta aquí hemos terminado de configurar nuestra plantilla en el Editor HTML, es momento de dar un clic en “Guardar plantilla”

Cuarto Paso

Da un clic en “Diseño”

Encuentra el widget que dice “FARANDULA” ábrelo e inserta el siguiente código en su interior

<div class='widget-content'> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; showRandomImg = true; tablewidth = 287; cellspacing = 5; borderColor = "#FFF"; bgTD = "#fff"; imgwidth = 200; imgheight = 150; fntsize = 12; acolor = "#000"; aBold = true; icon = "  "; text = "Comentarios"; showPostDate = false; summaryPost = false; summaryFontsize = 11; summaryColor = "#000"; icon2 = " &rarr; "; numposts = 5; home_page = "http://plantillapietro.blogspot.com/feeds/posts/default/-/Farandula"; </script> <script src="http://sites.google.com/site/musikjisite/js/recent-categorialbum.js" type="text/javascript"></script></div>

Realiza estos cambios:

En este punto es muy importante insertar bien el nombre de tu blog, con mucho cuidado borra el texto que esta marcado de color azul plantillapietro.blogspot.com , deberás cambiarlo por el nombre de tu blog, no copiaras directamente el link de tu blog ya que no te puedes dar cuenta si se fue una línea de mas y por eso no podría funcionar este widget, recuerda solo pon el nombre perteneciente de tu blog tal y cual lo muestro yo, además deberás cambiar el nombre que esta marcado de color rojo Farandula y poner el nombre de una de tus etiquetas, esto hará que aparezcan tus temas en este widget.

Que es una Etiqueta, más información en este enlace

Si quieres aumentar el numero de imágenes en el widget, tendrás que buscar este código numposts = 5; y solo cambiar el numero 5 por el numero que tu quieras que aparezca en tu nuevo widget.

Luego de realizar los cambios pertinentes, es momento de dar un clic en “Guardar”

Quinto Paso

Busca el widget que tiene como nombre “ESPECTACULAR” y realiza los mismos pasos de configuración del Cuarto Paso

Sexto Paso

Busca el widget que tiene como nombre “SUSCRIBETE” ábrelo e ingresa el siguiente código en su interior

<div style="text-align: center;"><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017"target="_blank"><img style="cursor: pointer; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnsaYGO3Z1AerlW6r27bM1dk4O4LjX2xVJwuBsuXOxVPG1XK0MXbZ45QzBl07VZmB_BWkUJ0y_JRqdALgVTt9pA6VkpS0B2b-b12kUsATVLFhwzVGRpQ2peGjsgktt5TksUwh8mwDb68Ja/s400/facebook.gif" alt="" id="BLOGGER_PHOTO_ID_5570661840311021394" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://www.twitter.com/ayudadeblogger"target="_blank"><img style="cursor: pointer; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjAHVEzfKe8QGm6NSof3mOW2yH7i1fP8uK_tjYakfCcLXqHCRHoOrc0zjaMtlkkNm9CF2wKZ9zTZM277Q982AZJtTqB9tvUtkEbJ2SlBzvciaQ_bA0i4_ckC8XQOXTGE15zWEuZTJ53-pXy/s400/twitter.gif" alt="" id="BLOGGER_PHOTO_ID_5570661853284593298" border="0" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://feedburner.google.com/fb/a/mailverify?uri=ForoAyudaDeBlogger"target="_blank"><img style="cursor: pointer; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi96LYH65qln8CHuiVRustNOXP0oj6cSo0S5bqVWtDFw0-Po9AVZEWBeHo5hOU0Gf0VxldNl5rFg28GWWUziizD0l6_1Q4NhW1fuIAPvbILX-EttjswIkIjnw4pQeXUdHO0EmcMYoftj4Dd/s400/subsribe.gif" alt="" id="BLOGGER_PHOTO_ID_5570661849405776370" border="0" /><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://feeds.feedburner.com/ForoAyudaDeBlogger"target="_blank"><img style="cursor: pointer; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXw0DZVl0Xf2uK561m5eX_TLxNQnxG-ONIMrY92LMnWN17x3QfHbynm5lCLgt_SvSmmG9_61ZSaNFDFY6YOQueeJd7co7gQ94YoVkXGu6uoHzOVbhYMWsTSmcKbD4k-QKE7mDdcxcCMFRB/s400/rss.gif" alt="" id="BLOGGER_PHOTO_ID_5570661843230330146" border="0" /></a><a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="http://ayudadeblogger.com/"target="_blank"><img style="cursor: pointer; width: 50px; height: 50px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjayEuHnppx1v31yY8Xhv3HJ3NMsC9czZ2y4QCB-U-yVqknQbtjotEp_H-MeVu_WVEwrt55JCymgSwyuZIpl6ynKkhN1NfJN6XmKyOLWjpV_e5WYwYGIxSy0-_psGCUgg1TJPb97rXabng6/s400/mobile.gif" alt="" id="BLOGGER_PHOTO_ID_5570661840942677282" border="0" /></a><br/> <a href="http://www.ayudadeblogger.com/"><span style="color: rgb(51, 204, 255);">Widget</span></a> </a></a></div>

Realiza estos cambios:

Borra el link que esta marcado de color azul http://www.facebook.com/pages/Ayuda-de-Blogger/140889692709017, y remplázalo por el link de tu Fanpage de Facebook

También deberás borrar el link que esta marcado de color rojo http://www.twitter.com/ayudadeblogger, y cámbialo por el link de tu pagina de Twitter.

Además, deberás borrar los dos nombres que están marcados de color verde ForoAyudaDeBlogger, por el nombre perteneciente de tu FeedBurner

Y por ultimo borra el link que esta marcado de color purpura http://ayudadeblogger.com/, y pon el link de tu blog.

Eso es todo, ahora dale un clic en “Guardar”

Séptimo Paso

Ahora busca el widget que dice “TEMAS” y inserta el siguiente código en su interior

<script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; showRandomImg = true; tablewidth = 310; cellspacing = 5; borderColor = "#FFf"; bgTD = "#fff"; imgwidth = 150; imgheight = 100; fntsize = 12; acolor = "#000"; aBold = true; icon = "  "; text = "Comment"; showPostDate = false; summaryPost = 80; summaryFontsize = 11; summaryColor = "#000"; icon2 = " &rarr; "; numposts = 1; home_page = "http://plantillapietro.blogspot.com/feeds/posts/default/-/Farandula"; </script> <script src="http://sites.google.com/site/musikjisite/js/recent-categorialbum.js" type="text/javascript"></script>

Realiza estos cambios:

Borra el nombre que esta marcado de color azul plantillapietro.blogspot.com y pon el nombre de tu blog, al igual deberás cambiar el nombre que dice Farandula cámbialo por el nombre de una de tus etiquetas que quieras mostrar.

Que es una Etiqueta, más información en este enlace

Eso es todo, ahora dale un clic en “Guardar”

Octavo Paso

Busca el widget que dice “DEPORTES” ábrelo e inserta el siguiente código en su interior

<script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; showRandomImg = true; tablewidth = 310; cellspacing = 5; borderColor = "false"; bgTD = "#fff"; imgwidth = 100; imgheight = 150; fntsize = 12; acolor = "#000"; aBold = true; icon = "  "; text = "Comment"; showPostDate = false; summaryPost = 80; summaryFontsize = 11; summaryColor = "#000"; icon2 = " &rarr; "; numposts = 1; home_page = "http://plantillapietro.blogspot.com/feeds/posts/default/-/Deportes"; </script> <script src="http://sites.google.com/site/musikjisite/js/recent-categori.js" type="text/javascript"></script>

Realiza estos cambios:

Borra el nombre que esta marcado de color azul plantillapietro.blogspot.com y pon el nombre de tu blog, al igual deberás cambiar el nombre que dice Deportes cámbialo por el nombre de una de tus etiquetas que quieras mostrar.

Que es una Etiqueta, más información en este enlace

Ahora dale un clic en “Guardar”

Noveno Paso

Busca el widget que dice “TECNOLOGIA” ábrelo e inserta las siguientes líneas de código en su interior

<div class='widget-content'> <script language="JavaScript"> imgr = new Array(); imgr[0] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[1] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[2] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[3] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; imgr[4] = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbdmmeSa_gdqxqLhdO7Gl3XSQUB-v6DEKJhlQlScZnUKmOTiZHyt0f7VhRcHJ67uApdvM4xztUZ61lYyWlzY3bo4697YC9hgV0Hj9lUbF_4bvL4_Qm3H6sBEAJtkJuM31Ggl_7Ucfm90QG/s1600-r/no-image.png"; showRandomImg = true; tablewidth = 310; cellspacing = 5; borderColor = "#FFF"; bgTD = "#fff"; imgwidth = 200; imgheight = 150; fntsize = 12; acolor = "#000"; aBold = true; icon = "  "; text = "Comment"; showPostDate = false; summaryPost = false; summaryFontsize = 11; summaryColor = "#000"; icon2 = " &rarr; "; numposts = 1; home_page = "http://plantillapietro.blogspot.com/feeds/posts/default/-/Tecnologia"; </script> <script src="http://sites.google.com/site/musikjisite/js/recent-categorialbum.js" type="text/javascript"></script></div>

Realiza estos cambios:

Borra el nombre que esta marcado de color azul plantillapietro.blogspot.com y pon el nombre de tu blog, al igual deberás cambiar el nombre que dice Tecnologia cámbialo por el nombre de una de tus etiquetas que quieras mostrar.

Que es una Etiqueta, más información en este enlace

Ahora dale un clic en “Guardar”

Decimo Paso

Busca el widget que dice “Comentarios” ábrelo e inserta el siguiente código en su interior

<style type="text/css"> ul.tb_recent_comments{list-style:none;margin:0;padding:0;} .tb_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .tb_recent_comments li .avatarImage{padding:3px;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .tb_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .tb_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> /****by www.ayudadeblogger.com****by www.grupodelecluse.com********************/ //<![CDATA[     // Recent Comments Settings     var numComments  = 8, showAvatar  = true, avatarSize  = 50, characters  = 60, defaultAvatar  = "http://www.gravatar.com/avatar/?d=mm", hideCredits = true; //]]> </script> <script type="text/javascript" src="http://yourjavascript.com/22190211013/rcentcmmntavr.js"></script> <script type="text/javascript" src="http://ayudadeblogger.com/feeds/comments/default?alt=json&callback=tb_recent_comments&max-results=8"></script>

Realiza estos cambios:

Donde dice ayudadeblogger.com cámbielo por la dirección de su blog de blogger.

Si quieren que se muestre más comentarios o disminuir los comentarios de su widget realice lo siguiente:

En el código que dice numComments  = 8,  cámbielo por el numero de comentarios que quiera mostrar, solo necesitaras cambiar el numero 8 por el numero que usted quiera, luego donde dice  max-results=8"> también deberá cambiar el numero 8 por el numero de comentarios que quiera mostrar.

Ahora si quieres hacer más grande la imagen del comentario solo necesitas cambiar el número 50 que se encuentra en este código avatarSize  = 50, por el numero que tu quieras, al igual que podrás reducirlo o aumentarlo.

Y por ultimo si quieres mostrar más palabras en los comentarios del widget, solo busca este código characters  = 60 y cambia el numero 60 por el numero que usted quiera, eso es todo, dale un clic en “Guardar”

Felicidades has configurado tu nueva plantilla para blogger, con un diseño único, ahora ti tu blog se muestra como una pagina web de diseño web profesional.

Ahora si organiza tus widgets, te voy a dejar una imagen de cómo debe estar organizado los widgets en tu nueva plantilla

Términos y condiciones de Uso

Mis términos son claros, esta plantilla es gratis y no se permite su venta ni tampoco quitar los links del autor.

¿Necesitas ayuda?

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

Saludos.

Recuerda suscribirte:

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

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

Si

TAGS: Plantillas Blogger

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.