miércoles, 30 de septiembre de 2009

Resaltando los comentarios del autor del blog

Han sido múltiples las ocasiones en que me han preguntado cómo hacer para que los comentarios del autor del blog queden diferenciados o resaltados del de los comentaristas. Así que hoy, vamos a ver cómo hacerlo en este post.



♠ Primero vamos a Diseño - Edición de HTML y Expandir plantillas de artilugios.
♠ Buscamos ]]></b:skin> y antes de éste, pegaremos:

.blog-author-comment p {
background: #E6E6E6;
color: #000;
border: 1px dotted #223344;
margin:0;
padding:6px 15px;
}

Podemos modificar el color de fondo por otro o poner una imagen de fondo, cambiar el color, ancho del borde o eliminarlo, etc.
♠ Ahora buscaremos el siguiente código y pegaremos lo que está en negrita tal como se indica:
<dl id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>

<b:if cond='data:comment.author == data:post.author'>
<dd class='blog-author-comment'>
<p><data:comment.body/></p>
</dd>

<b:else/>


<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>

</b:if>

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
</b:loop>
</dl>

» NOTA: en algunas plantillas, el inicio del código puede ser algo diferente, parecido al siguiente, pero no hay por qué alarmarse porque el resto del código es el mismo y sólo habrá que buscar con calma las partes del código sobre las que se debe de pegar lo resaltado en negrita:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>

♠ Damos click a guardar y listo!
♠ Si queremos también darle algún estilo a los comentarios , que no son del autor del blog, lo haremos como siempre en /* Comments

► Referencia: SnapHow

lunes, 28 de septiembre de 2009

Añadir estilos a los avatares en los comentarios

Hace ya unos días, habíamos visto esta nueva opción que nos ofrecía blogger: añadir avatares a los comentarios. Después de esta entrada, surgieron varias preguntas: si se podía modificar el tamaño de la imagen, si podíamos cambiarla a la derecha, añadir algún borde...Hoy vamos a ver cómo hacer todo ésto y más.

Antes de añadir cualquier estilo, ya debemos de tener la opcíon de avatares en los comentarios; las plantillas nuevas ya lo tienen; en cuanto a las antiguas, habrá que modificar un poco la plantilla según esta entrada » Nueva opción en Blogger : avatar en los comentarios.

Ahora, empecemos con los estilos:

♠ Vamos a Diseño - Edición de HTML y con ayuda de CTRL+F buscamos ]]></b:skin>
♠ Antes de ]]></b:skin> es donde pegaremos los estilos para nuestros avatares.

» Si queremos cambiar de lugar o posición el avatar (a la derecha, más arriba, etc.), pegaremos la siguiente clase y modificaremos las propiedades a nuestro gusto:

#comments-block .avatar-image-container {
margin-right:5px;
float:right;
position:static;
}

» Si queremos ponerle un borde al avatar y cambiar su tamaño, pegaremos lo siguiente:

#comments-block .avatar-image-container img {
border:1px solid #000000;
width:36px;
height:36px;
float: none;
}

» Si por el contrario, queremos quitarle el borde que tiene, lo haríamos de esta manera:

#comments-block .avatar-image-container img {
border: none;
}

» Y como algunos preguntaban: cómo cambiar el icono que viene por defecto, por ejemplo, para los usuarios anómimos? Tendríamos que pegar lo siguiente, siempre antes de ]]></b:skin>:

#comments-block .avatar-image-container.avatar-stock img {
display:none;
}

#comments-block .avatar-image-container.avatar-stock {
background:transparent url(AQUÍ-URL-IMAGEN) no-repeat scroll 50% 50%;
}

Creo que éste post responderá a varias interrogantes sobre esta nueva opción de Blogger; si vienen más preguntas, buscaremos las respuestas.

sábado, 26 de septiembre de 2009

Introduciendo la plantilla para blogger "Donde nacen los conocimientos"

Donde nacen los conocimientos

¿Tienes un blog en donde impartes algún tipo de enseñanza?, necesitas un blog para la colección de memorias de tu hijo(a) de la escuela, esta plantilla y todos los elementos que la componen giran en torno a la temática escolar, con colores vivos y con mucho contraste, para que den alegría a tu blog  y con mucho de espacio para tu contenido; como de costumbre use gráficos de la queridísima Mar.





Esta Plantilla es edición limitada ¿Edición Limitada?... así es, como no me es posible hacer una plantilla gratis para cada uno de ustedes,  haré plantillas con esta característica ocacionalmente, por lo tanto, este tipo plantilla no puedes ser redistribuida en otros blogs.



Características:

  • Plantillas de tres columnas

  • Menú de Navegación

  • 3 columas adicionales en la parte central de la plantilla

  • 2 columnas adicionales al fondo o Footer, donde podrás escribir algo sobre ti, tu blog, o cualquier otra cosa

                                          

Intrucciones para Personalizar el menú de Navegación



Para personalizar el menú de navegación solo tienes que identificar el siguiente código:





<div id='menunav><ul>

<li><a expr:href='data:blog.homepageUrl' title=' Inicio'>Inicio</a></li>

<li><aexpr:href='data:blog.homepageUrl+&quot;feeds/posts/default&quot;'  title: ‘Entradas Rss’>RSS</a></li>

   <li><a href='tu link1 aqui'  title='tu link1'>Link1</a></li>

    <li><a href='tu link2 aqui' title='tu link2'>Link2</a></li></ul>

        </div>


*Color Azul = El nombre de los enlaces que aparecerán en el menu.

*Color Verde = La URL o dirección del enlace en cuestión.

*Color Rosa =  El texto que aparece al pasar el cursor por encima del enlace. 



Sustituye todos los datos respectivamente.



Espero que te guste y no dudes en contactarme si tienes cualquier duda o comentario.



Nota: ha finalizado el tiempo para bajar esta plantilla, gracias y buen día!

Introduciendo la plantilla para blogger:"Auto Carreras"





Una Plantilla diseñada pensando en quienes les gustan los autos y hablan sobre ellos; con toques del árido y ardiente desierto, la vista panorámica y el final de la carretera nos hace recordar un sitio muy lejano, donde tal vez vivimos una de nuestras mas secretas o inolvidables experiencias…



Sin lugar a dudas, estos autos, despiertan las mas profundas pasiones para los amantes de este tipo de máquinas, que  inevitablemente, revolucionan todos los sentidos.



He utilizado imágenes de la querídisima Mar, por lo tanto esta plantilla es solo para uso Personal.





                                                  [Demo]                        [Bajarla] 





Características:

  • Plantilla de 3 columnas.

  • Resumen automático en las entradas.

  • 3 columnas adicionales en le footer.





Se aceptan críticas y/o sugerencias.



Hasta la próxima ;)

viernes, 25 de septiembre de 2009

ImgPlace » alojamiento de imágenes


ImgPlace es una web que nos ofrece alojamiento gratuito para nuestras imágenes .
Es muy sencillo de usar, no requiere registrarse. Otra cosa interesante es que permite redimensionar las imágenes a tamaños especiales (para usarlo como avatar, thumbnail, etc).

Eso sí, sólo podremos subir las imágenes en formato .pg .jpeg .png .gif .bmp .tif .tiff.



miércoles, 23 de septiembre de 2009

Cool Wallpapers

Cool Wallpapers es un sitio web donde encontraremos cientos de wallpaers, divididos por categorías, con buenos diseños y alta calidad de imagen.


Cool Wallpapers

lunes, 21 de septiembre de 2009

Sustituir el nombre de los enlaces de navegación por otro

En una entrada anterior habíamos visto como sustituir los enlaces de navegación por íconos.



Lo que vamos hacer hoy es sustituir ese texto por otro texto que quisieramos.

♠ Vamos a Diseño - Edición HTML - Expandir plantilla de artilugio.
♠ Con ayuda de CTRL+F buscamos el siguiente código en la plantilla:

<b:includable id='nextprev'>
<div class='blog-pager' id='blog-pager'>
<b:if cond='data:newerPageUrl'>
<span id='blog-pager-newer-link'>
<a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>

</span>

</b:if>



<b:if cond='data:olderPageUrl'>

<span id='blog-pager-older-link'>

<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>

</span>

</b:if>


<b:if cond='data:blog.homepageUrl != data:blog.url'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

<b:else/>

<b:if cond='data:newerPageUrl'>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>

</b:if>
</b:if>

</div>

<div class='clear'/>
</b:includable>


♠ Del código mencionado, tendremos que sustituir por cualquier otro texto, teniendo en cuenta lo siguiente:

<data:newerPageTitle/> = Entradas más recientes (podemos sustituirlo por "Siguiente", "Post recientes", etc)
<data:olderPageTitle/> = Entradas antiguas (podemos sustituirlo por "Anterior", "Post antiguos", etc)
<data:homeMsg/> = Página principal (podemos sustituirlo por "Home", "Inicio", etc)

Damos click a guardar y listo!

miércoles, 16 de septiembre de 2009

Nueva opción en Blogger : avatar en los comentarios

Hace unos días habíamos visto que Blogger nos había traído grandes sorpresas por su cumpleaños. Ahora nos trae la opción para mostrar nuestro avatar en los comentarios.



Nuestro avatar se mostrará si comentamos teniendo habilitado nuestro perfil; si comentamos anónimamente, no se mostrará imagen alguna.

Si usas una plantilla algo antigua, también puedes disponer de esta opción añadiendo algunas líneas y reemplazando otras de tu plantilla:

♠ Vamos a Diseño - Edición de HTML y Expandimos plantilla de artilugios.
♠ Con ayuda de Ctrl+F buscamos: <dl id='comments-block'> y lo reemplazamos por:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

♠ Líneas más abajo encontraremos lo resaltado en negrita (el resto de líneas no necesariamente tienen que ser idénticas):

<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>

Debajo de lo que está resaltado en negrita pegaremos el siguiente código:

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

♠ Al final el código modificado debe quedarnos de esta forma:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>
<b:loop values='data:post.comments' var='comment'>
<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
</b:if>

<b:if cond='data:comment.authorUrl'>

Click a guardar y listo. Últimamente, Blogger nos está sorprendiendo.

Íconos sociales de Plechi

En DeviantART podemos encontrar una colección muy bonita de 16 íconos vectoriales de redes sociales hechos por Plechi.


Descargar: DeviantART

lunes, 14 de septiembre de 2009

Actualizar el editor de entradas

Como vimos en la entrada anterior, ahora Blogger nos ofrece la opción de añadir el "Leer más" a las entradas, para ello, debemos actualizar el editor de entradas...Y hoy veremos cómo hacerlo.

♠ Vamos a Configuración - Básico.
♠ Vamos hasta la parte final de la página, hasta donde dice "Configuración global".
♠ En "Seleccionar editor de entradas" veremos tres opciones y marcaremos la opción "Editor actualizado"; debemos de tener en cuenta que esto afectará a todos nuestros. blogs.


♠ Damos click a guardar configuración y listo. Ahora podremos disfrutar de las nuevas opciones de Blogger.

Después de actualizar tu editor de entradas, puedes aplicar la opción "Leer más", para ello, mira este post » Nuevas opciones en Blogger

viernes, 11 de septiembre de 2009

Nuevas opciones en Blogger

Desde hace un tiempo, podemos ver nuevas opciones que nos ha ofrecido Blogger: primero la tan comentada nube de etiquetas y hace poco la opción de "Leer más".

Veamos cada una de ellas:

» Nube de etiquetas:

Esta opción ya está disponnible en Blogger (es decir, que no está en versión de pruebas). Agregarla es muy sencillo, como siempre iremos a Diseño - Elementos de la página- Añadir un gadget y seleccionamos etiquetas. Aparecerá un cuadro de diálogo donde elegiremos la opción "Nube" y podremos configurarlo según lo que deseemos.



» Opción Leer más:

Podremos agregar el "leer más" a cualquier post desde el editor de entradas actualizado.
Para usarlo, es bastante sencillo, escribiremos nuestro post, incluyendo imágenes si deseamos y, desde donde queramos que el contenido quede oculto, pondremos el cursor y haremos click en el botón "Insertar salto de línea" (un ícono con la forma de una hoja de papel cortada).

Al publicar la entrada se mostrará el pedazo de información visible y un enlace que dice "Más información »". Si queremos cambiar este texto por otro , como "Leer más", "Seguir leyendo", etc, vamos a Diseño - Elementos de la página - Entradas del blog y modificamos el texto mencionado por otro.



Ya veremos qué novedades nos trae Blogger más adelante!

miércoles, 9 de septiembre de 2009

Genera logos con "Online Logo Maker"

Online Logo Maker es un sitio web que nos permite crear, en cuestión de minutos, logos que podremos usar luego en nuestro blog.
Puedes crear logos a partir de imágenes que subas de tu PC, añadir símbolos. Y cuando acabes de diseñar tu logo podrás descargarlo en formato .png con transparencia.


Online Logo Maker

martes, 8 de septiembre de 2009

Introduciendo la Plantilla para Blogger "Entre niños tv's"







¿Buscando un tema Infantil para el blog donde publicas las memorias de tu hijo(a)?, aquí tienes una opción para vestir  tu blog. Ideal para blogs que publican sobre educación para niños, cuentos, historias infantiles, etc.



[Demostración]               [Bajar la Plantilla]





Características:


  • Plantilla de 2 columnas, en la parte superior, (el main y sidebar), así como dos columnas adicionales en el footer, especialmente diseñado para escribir algo sobre tí y añadir tu foto.

  • Menú de navegación de estrellas,(son cuatro).

  • Archivo en forma de calendario.


IMPORTANTE: Para que funcione el Archivo tienes que configurarlo , es muy fácil, para ello tendrás que ir a: Diseño►editar gadget de archivo , luego cambiarás los valores, para que quede de la siguiente manera:



Estilo: Lista



Frecuencia de Archivo: Mensualmente .



Formato de fecha: Enero 2006






Ahora, para personalizar el menú de navegación  tendrás que ir a  Diseño ►edición de HTML 







Luego, solo tienes que identificar el siguiente código, puedes encontrarlo con ayuda de CTRL F :





 </div><div id='menus'>


 <ul>



  <li><a expr:href='data:blog.homepageUrl' id='menu1'/></li> /*este es el link de tu página de inicio */  


 <li><a href='#' id='menu2'/> </li> /* aquí  va el link para fotos*/ <li><a href='#' id='menu3'/></li>< /*aquí  va el link para Videos */ 


<li><a href=' /feeds/posts/defaultid='menu4' /></li>  /*este es el link del feed de tus entradas*/</ul>




</div>




Deberás sustituir los gatitos # por los enlaces propios, y si usas feedburner cambiar la URL en el menu4.




Cualquier cosa no dudes en decírmela y con gusto te ayudo.


Que tengas un Happy Happy day!

lunes, 7 de septiembre de 2009

Resumen de post con thumbnail para estilo revista

Vamos a empezar con los post que nos ayudarán a convertir nuestro blog a un theme (plantilla) con estilo revista...Y con lo primero que iniciaremos, será agregar un script que ayudará a que los post se muestren resumidos, de forma uniforme, y que, además, incluya thumbails. Para que te hagas una idea, puedes ver la DEMO en uno de mis blogs de pruebas.

Según Wikipedia: Los thumbnails son versiones reducidas de imágenes, usadas para ayudar a su organización y reconocimiento. En la era de las imágenes digitales, los motores de búsqueda visuales y los programas para organizar imágenes normalmente hacen uso de los thumbnails, así como los sistemas operativos y entornos de escritorio recientes: Microsoft Windows, Mac OS X, KDE y GNOME.

Con este script, lograremos insertar en nuestro blog post resumidos y también las imágenes (siempre el post tenga imágenes) se verán como thumbails, es decir, se mostrará una imagen de un tamaño más pequeño que la original, pero cuando habramos el post completo, la imagen se verá de un tamaño completo.

1.§ Para empezar, vamos a Diseño - Edición de HTML y damos click a Expandir plantillas de artilugios.

2.§ Con ayuda de CTRL+F buscaremos </head> y antes de éste pegaremos el siguiente script:

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 360;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}

function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}

var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

Explicación:
» summary_noimg es el número de letras que se mostrarás si es que el post no tiene imágenes .
» summary_img es el número de letras que se mostrarás si el post tiene imágenes .
» img_thumb_height es el alto de la imagen reducida (thumbnail).
» img_thumb_width es el ancho de la imagen reducida (thumbnail).

3.§ Ahora, buscaremos <data:post.body/>. He visto que en algunas plantillas el código está asi: <p><data:post.body/></p>, en cualquiera de los dos casos, borraremos el código y en su lugar pegaremos el siguiente:

<p><b:if cond='data:blog.pageType != &quot;item&quot;'>

<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>Leer la entrada completa »</a></span>

</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if></p>

4.§ Podremos cambiar "Leer la entrada completa »" por otro texto o por alguna imagen. Damos click a guardar y listo.

Una nota adicional: el script funciona muy bien en Opera, Safari, Firefox e Internet Explorer 8.

► Ver DEMO

En el siguiente post, veremos cómo hacer dos columnas de post para seguir perfeccionando nuestra plantilla estilo revista (magazine).

► Referencia: vietwebguide.com

viernes, 4 de septiembre de 2009

Creando themes (plantillas) estilo revista

Hay muchos a quienes les encanta las plantillas estilo revista y, a decir verdad, tienen un gran atractivo porque permiten, al mostrar extractos en vez de posts completos, visualizar gran cantidad de contenido de un solo vistazo y ofrece un aspecto muy profesional similar a la de una web.

No es dificil hacer una plantilla propia que tenga estilo revista, podemos modificar nuestra plantilla actual de formas sencillas que veremos en futuros post, y no tener que pensar en cambiar nuestra plantilla por otra que podemos descargar de otro sitio (aunque si nuestro blog no tiene muchos cambios en la plantilla ni muchos artilugios podríamos descargar una plantilla de algunos de los sitios que ofrecen plantillas).

Ahora bien, qué elementos caracterizan a este tipo de themes? entre otras cosas, una plantilla estilo revista suele incluir thumbnails, artículos destacados, sección de vídeos, podcasts, noticias breves,elementos multimedia (como fotos en Flickr), etc.

Aquí os dejo algunas imágenes para que se vayan haciendo una idea. En próximos post empezaremos a modificar la plantilla para darle el deseado estilo revista, con thumbnails, post resumidos, etc.

miércoles, 2 de septiembre de 2009

Introduciendo la plantilla para blogger Púrpura y lavanda









¿Pensando en un blog de manualidades, de costura o algo similar? Quizás, esta sea una buena opción para ti, contiene elementos de construccion de manualidades, los colores principales son el púrpura y el lavanda, según algunos estudiosos en la materia estas tonalidades agudizan la creatividad y proporciona tranquilidad, y bueno aunque esto ha sido muy debatido debido a la subjetividad de su significado ya que según ellos debieran considerarse la percepción de cada individuo y algunos otros aspectos, sea como sea, el púrpura es un color profundo y misterioso  y en mi opinión personal un color muy excitante (en el buen sentido de la palabra), si te gustan estos tonos, adelante, ¡es toda tuya!, seguiré creando más plantillas con este tema en un futuro próximo.



Demostración             Bajar la Plantilla





Plantilla  no disponible temporalmente, con el fin de cambiar el alojamiento de las imágenes. Me disculpo por cualquier inconveniente.



Características de la Plantilla:


  • Es totalmente Gratis sólo tienes que bajarla  y luego vestir en tu blog con ella.

  • Plantilla de dos columnas.

  • Buscador interno.

  • Resumen automático (leer más) en cada uno de tus Posts o entradas.


IMPORTANTE: Para que funcione el Archivo tienes que configurarlo , es muy fácil, para ello tendrás que ir a: Diseño >GATGET DE ARCHIVO , luego tienes que editarlo, para que quede de la siguiente manera:



Estilo: Lista.

Frecuencia de Archivo: Mensualmente.

Formato de fecha: Enero 2006.



Créditos por elementos de scrapping: ScrappingMar



Cualquier duda o comentario no dudes en decírmelo.



¡Hasta la próxima, y que tengas un excelente día!

Íconos de redes sociales en 3D

Insic Designs ha sacado dos colecciones muy bonitas de íconos de redes sociales en 3D. Aquí una muestra:

» Colección #1:



Descarga : Insic Designs

» Colección #2:



Descarga : Insic Designs

Mi empresa vigila atentamente tu blog

Una mala jugada publicitaria llevó a la marca de cosméticos francesa Vichy a tener que disculparse ante los internautas. La compañía creó el blog de Claire, una chica supuestamente anónima dispuesta a probar cosméticos y contar sus experiencias con ellos. Trataban de hacerse publicidad, pero el tiro les salió por la culata. Los internautas franceses no tardaron en darse cuenta de que se trataba de un fake blog (blog falso), no les sentó nada bien y rápidamente se creó una corriente de opinión negativa sobre la empresa, que se vio obligada a retractarse y empezar a incluir opiniones de verdaderos consumidores.


sigue en EL País

martes, 1 de septiembre de 2009

¿Cómo cambio la plantilla de mi Blog?

Ahora que  has decidido usar una plantilla nueva en tu blog, lo primero que tienes que hacer es bajar la plantilla que elegiste para vestir tu blog a tu computadora, una vez que la tengas en tu carpeta, y estando en la página de Blogger en tu escritorio, tendrás que ir a:



Paso 1: ve a  Diseño   ► Edición de HTML...





Paso 2: Descarga la plantilla completa, esto quiere decir que guardarás el código de tu plantilla actual en tu compu, si algo no te gusto, puede volver a ella siguiendo los mismos pasos.







Paso 3:  Haz click en browse.. busca en tu carpeta la plantilla que guardaste, una vez localizada y seleccionada.



Paso 4: Haz click en Subir...





**luego aparecerá un mensaje que dice:







Están a punto de suprimirse los artilugios
Por favor, confirma que los siguientes artilugios deben borrarse. Se borrará toda la información de configuración de los artilugios.

  • Profile1

  • HTML99



Confirmar y guardar

Cancelar






**Los artilugios son los elementos añadidos a tu blog como etiquetas, archivo, etc, estos se encuentran comúnmente en las barras laterales, o en las columnas del pie de la página, en este caso como se mostró anteriormente se eliminaran los elementos Profile y HTML99, esto pudiera variar en tu blog dependiendo de los elementos que tenga la nueva plantilla y la que estas usando.





Paso 5:   Haz click en Confirmar y guardar.

Nota:  Si ya tienes  algunos elemento en tu barra lateral que no quieres perder guárdalos antes de hacer los cambios, si no lo perderás esa información,en el caso de  las etiquetas y archivo no hay problema, ya que  puedes volver a agregarlos sin alterarlos,  ya que estos elementos dependen directamente del contenido de tus entradas o posts; así mismo, estos quedan intactos al cambiar la plantilla.


Nota: esta entrada se considera obsoleta, checa esta versión más actualizada: Como instalar un aplantilla en mi blog.