JMiur [E]

1. Para quitar la barra superior en Blogger Beta basta copiar y pegar el siguiente código inmediatamente antes del tag </head>;:

<style type="text/css">
#navbar-iframe {
height:0px;
visibility:hidden;
display:none;
}
</style>

2. Para agregar un vínculo en cada post que permita ir al inicio de la página, buscar en la plantilla la siguiente entrada y agregar el código resaltado.
<b:includable id='post' var='post'>
.......
<a href='javascript:scroll(0,0)' title='INICIO'>Ir al inicio</a>
<!-- quickedit pencil -->
<b:include data='post' name='postQuickEdit'/>
.......
</b:includable>
3. Esta es una buena idea de purplemoggy Quisiera agregar otro widget Archivo. Quiero tener uno de tipo desplegable (HIERARCHY) y otro de tipo DROP-MENU o FLAT. Blogger no me lo permite. Cuando queremos agregar un elemento a la página, la opción está deshabilitada. La solución es muy sencilla.

Ir a la parte de Diseño Edición HTML de la plantilla y, para trabajar con más comodidad, dejar desmarcada la opción Expandir Widgets. Buscar la siguiente línea:
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
seleccionarla, copiarla y pegarla donde se quiera (aconsejo ponerla ahí mismo, luego podremos reubicarla).

Cambiar el ID por cualquier otro (lo obvio es BlogArchive2) y el título (para poder localizarla rápidamente). Quedaría algo así:
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='COPIA'/>
Una vez guardada la plantilla, vamos a la parte de Diseño Agregar y quitar elementos y allí estará, podremos arrastarla y ponerla donde se nos ocurra y luego, editarla para seleccionar de qué tipo será, etc.

Este truco, permite duplicar cualquier widget que tenga características de único (Header, Profile, etc). En todos los casos, basta copiar el existente, pegarlo en cualquier parte y cambiar el ID.

10 comentarios:

Roberto  

JMiur, en las entradas, si quiero poner algo de HTML por ejemplo "head" pero citarlo y que no lo reconozca como HTML ¿como lo hago?

Responder
JMiur  

Para escribir etiquetas y no sean interpretadas como etiquetas y se ejecuten, no hay que utilizar los símbolos < y >.

Se reemplazan por &lt; (<)y &gt; (>)

Si quiero que se muestre el texto:
<head>
escribimos:
&lt;head&gt;

Estos son los caracteres que más problemas traen pero hay otros que pueden crear problemas cuando escribmos algo un poco más complejo. Aquí hay una lista completa de todos los símbolos alternativos.

Responder
jpgs  

JMiur, de los tres trucos simples, me interesó el primero, al cual puse en funcionamiento..., no se nada de html y mucho menos de java, me costó un poco incluirlo en la plantilla de mi blog, -por no querer meter la pata- dado que al buscar: "signo mayor /header signo menor" (como lo indicas en tu post del 01/12/2006), dentro de la misma, no aparecía por ningún lado..., por intuición, y "por ser tus explicaciones tanto pedagógicas, como claras y sencillas", lo coloqué bien pegadito antes de "signo mayor /head signo menor", con un resultado perfecto.
Sólo me queda una duda al respecto, cual es, el borde-marco superior no aparece, ¿alguna solución al respecto?...
De paso te hago otra consulta: ¿Cómo encuadrar el nombre del blog y la descripción del mismo, en lo que me queda a la derecha de la cabecera?, dado que, de la mitad de la misma hacia la izquierda tengo una iamagen...
Nuevamente muchísimas gracias por este otro aporte!!!
N.B.: "signo mayor=<; signo menor=>, por que no puedo subir el comentario"; Mensaje recibido: Su HTML no es aceptable: Tag is not allowed: Si coloco los signos.

Responder
JMiur  

jpgs:

Primero que nada, tienes razón y me disculpo, hay un error en el post que ya he corregido y es, tal como "adivinaste": </head>

Lo del "borde marco superior" no lo comprendo, ¿hay alguna forma en que puedas explicármelo o mostrármelo?

Respecto al encuadre. En tu plantilla deberías ver esta definición:

#outer-wrapper { ............................

allí, están las propiedades que controlan los textos que se ven en el header y, una de ellas dice:
text-align:left;

que debería cambiarse por:
text-align:right;

Eso hará que se alinee a la derecha pero, lo mas probable es que quede muy pegado al borde así que conviene separarlo. Aquí ya no estoy muy seguro del código de tu plantilla. Aparentemente, si expandes los artilugios, deberías ver algo así:

<h1 class="title" style="border-width: 0px; background: none ;"> ...................... </h1>

si es cierto (no importa el orden en que estén), bastaría agregarle la separación:

<h1 class="title" style="border-width: 0px; background: none ;padding-right:10px;">

Digo 10px pero puede ser cualquier otra.

Si no lo encuentras, otra posibilidad sería agregar, justo antes de </b:skin>:

h1.title {padding-right:10px !important;}

Y espero que esta vez lo haya escrito correctamente :D

Responder
jpgs  

JMiur: Antes que nada, gracias por tu rápida respuesta.
Lo del borde-marco (color azúl celeste, como se aprecia en los laterales) superior, (salvo que sea así nomás, y arriba no debe llevar ningún marco; al igual que ocurre con el pie del blog), lo puedes apreciar con entrar al blog:www.bloghotpoint.blogspot.com.
Respecto a la alineación del "título del blog y de la descripción del mismo", ambos dentro de la "cabecera", no lo pude hacer.
Hice estos cambios:
Antes:
#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: $startSide;
font: $bodyFont;
}
Después:
#outer-wrapper {
margin: 0 auto;
width: 760px;
text-align: rigth;
font: $bodyFont;
}
También hice esto:
Antes:
]]>signo mayor/b:skin signo menor
Después:
]]>h1.title {padding-right:10px !important;}signo mayor/b:skin signo menor. (No me permite escribir los signos en el comentario; ¿cómo lo hacés vos?).
Consiguiendo solamente, que todos los textos, incluyendo la cabecera, quedaran centrados; de hecho que modifiqué los cambios, volviendo a su estado anteior.
Lo que desearía es: Como tengo una imagen que me ocupa desde la izquierda de la cabecera hasta el centro de la misma, y desde ahí, y hacia la derecha sólo tengo un fondo de color azúl fuerte: Es ahí donde quiero o pretendo que quede "el título del blog y la descripción del mismo", alineado a la izquierda, espero no haber contribuido a confundirte más, -con sólo ver el blog te vas a dar cuenta de lo que pido-, muchísimas gracias por estas molestias, por tu tiempo y atención.
Un saludo!

Responder
JMiur  

Yo diría que la plantilla está pensada así, para que el header aparezca desde arriba y no quede una separación celeste. Imagino que lo del borde es eso.

De cualquier manera, puede separarse todo agregando:

header-wrapper {
...........
padding-top:10px;
}

Lo de los símbolos es sencillo. Se reemplazan por &lt; (<)y &gt; (>)

Si quiero que se muestre el texto:
<head>
escribo:
&lt;head&gt;

Lo de la alineación, probemos lo mismo pero en:

#header-wrapper {
....................
}

agregar:
text-align:right;

Responder
jpgs  

Lo del borde, está ok., queda así, tal como está pensada en la plantilla.
Lo de los signos < (<)y > (>), perfectamente compendido.
Lo de la alineación, agregado:
text-align: right;

aquí:

#header h1 {
margin: 0;
text-align: right;
padding-top: 24px;
padding-$endSide: 0;
padding-bottom: 0;
padding-$startSide: 84px;
background: url(http://www.blogblog.com/thisaway_blue/icon_header.gif) no-repeat 16px 26px;
}

... y aquí:

#header .description {
margin: 0;
text-align: right;
padding-top: 7px;
padding-$endSide: 16px;
padding-bottom: 0;
padding-$startSide: 84px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
}
Para que me tome tanto el título como la descripción...a ésto, ya lo
había probado, el único inconveniente que se plantea es que: El título me queda muy a la deerecha, y la descripción también alineada a la derecha, pero parte de la misma me queda sobre la imagen que la tengo, -como te comentara anteriormente-, desde el margen izquierdo de la cabecera y hasta el medio de la misma.
Te repito mi idea es, -por supuesto si se puede-, que, tanto el texto del título, como la descripción, queden alineadas a la izquierda, dentro del espacio de fondo azúl, sin que se superponga a la imagen.
Gracias!!!

Responder
Emi_uchiha  

Gracias amigo(a) havia buscado en varios blog
y todos me davan codigos diferentes para
quitar el logo de "blogger" .. :p
Te agradesco..
"Salu2"

Responder
JMiur  

En realidad, a veces, hay varias formas de hacer lo mismo. Mientras funcione, cualquiera es váida :)

Responder
Corazon de Luna  

Ahora este modulo puede ser ocultado como cualquier otro.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR