Mostrando las entradas con la etiqueta plantilla blogger. Mostrar todas las entradas
Mostrando las entradas con la etiqueta plantilla blogger. Mostrar todas las entradas

martes, 28 de mayo de 2013

Como Borrar La Barra De Navegacion De La Plantilla De Blogger

By andante77 11:24 a.m. , , , Leave a Comment

 Sabemos de que blogger tiene la manera automatica de esconder y desactivar la barra de navegacion con un solo click pero si deseas conocer el metodo tradicional de hacerlo aqui te muestro 3 distintos metodos ya sea parta esconderla,desabilitarla o borrarla.Te aturde la barra de navegacion de blogger ? Te preocupa el mal uso que le puedan dar a esta herramienta en blogger por algun inescrupuloso ,deseas mejorar tu campana de SEO
removiendo el codigo de este iframe de la plantilla.Existen soluciones multiplex para deshabilitar,Esconder,o Removerla de tu blog de blogger.
Lo primero que debes hacer como paso comun para hacer cambios a los codigos de Html ve a Diseno>>Editar Html



 (Consejo) antes de editar tu plantilla, guarda una copia de esta,usando la opcion de Hacer Copia de la plantilla.

Si deseas desabilitar o esconder la barra de navegacion sin borarla entonces siga el metodo 1 y 2  si desea borarla completamente y definitivamente siga el metodo 3.

 metodo 1 :-

 Busque el codigo:
]]<b:skin>

y reemplacelo con:
#navbar-iframe,#navbar { display: none !important; }
]]<b:skin>

 metodo2 :-
Busque el Codigo: <b:skin>
y reemplacelo con el siguiente codigo:
<b:skin>
#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}
 metodo3 :-
Este es para remover la barra completamente
En Codigo de la Plantilla busque la siguiente etiqueta:

<body>

 y justo arriba de este anada el siguiente codigo:

<!--<body>-->

el siguiente mensaje aparecera

mensaje de navbar
mensaje de borar la barra de navegacion
Escoja delete(borrar) widget y Listo.
(Nota!) No seras capaz de ver el Lapiz de Quick Edit mas o enlace de heramientas   ,tampoco veras el icono de comentarios borardos cercade tus comentarios pero no es importante pues puedes cambiar tus elementos desde el escritorio de blogger.

Actualizacion metodo automatico actual de Blogger! : Blogger navbar puede ser apagado directamente desde diseno then go to navbar y escoja la opcion de OFF .

desactivar barra de navegacion

Enhanced by Zemanta
Read More

jueves, 9 de mayo de 2013

Como Remover La Hora-Fecha y Autor De Tu Blog

By andante77 10:01 a.m. , , , , , Leave a Comment
plantilla blogger

 Cuando escribimos un articulo encontramos al final del mismo a en la parte superior titulos de: el autor de dicha entrada ,el dia que se escribio y la hora cuando este se publico.Te ensenare la forma mas simple de cambiar estos con simple pasos.

 Como Remover o Esconder la Hora,Fecha y Authoren tu blog de Blogger

1. Entra en la interface de blogger >> Deseno >> Edite HTML >> .

2. Busca donde estan los siguientes codigos.


Para Remueva/Esconda Hora de Post :
Encuentra el codigo de abajo y borralo.


<span class='post-timestamp'>
<b:if cond='data:top.showTimestamp'>
<data:top.timestampLabel/>
<b:if cond='data:post.url'>
<a class='timestamp-link' expr:href='data:post.url' rel='bookmark'
title='permanent link'><abbr class='published'
expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
</b:if>
</b:if>
</span>



Para Remover/Esconder el Author del Post :
Encuentra codigo de abajo o parecido y borralo

<span class='post-author vcard'>
<b:if cond='data:top.showAuthor'>
<data:top.authorLabel/>
<span class='fn'><data:post.author/></span>
</b:if>
</span>

Para Remover/Esconder la Fecha del Post :
Encuentra el codigo de abajo o exacto y borralo.

<data:post.dateHeader/>
Guarda tu Plantilla y listo

Enhanced by Zemanta
Read More

miércoles, 17 de abril de 2013

Como Modificar Tu Plantilla De Blogger Con Firebug

By andante77 9:57 a.m. , , , , , , , , , Leave a Comment
A veces buscamos implementar cambios en la plantilla de nuestra web o blog  y es un reto para quienes empezamos un blog. Si sabemos lo basico de HTML y CSS, existe una herramientas que pueden hacer la tarea más sencilla es Firebug, una extensión para Firefox ademas una en versión Lite, para Chrome.
Otra herramienta de Firebug es Inspeccionar, como su nombre lo indica, esta te permite navegar  un sitio web y conocer como esta configurado y como esta relacionado con otros elementos.

Esta  herramienta  puede ayudar a cualquiera a modificar una plantilla, sea  de Blogger o  de WordPress, sin mayor dificultad.
Este tutorial mostrara básicamente en modificar el CSS para adaptar un diseño a nuestras necesidades.

En la plantilla de Blogger el CSS esta dentro de la misma plantilla, entre los códigos <b:skin> y </b:skin> y en WordPress en el archivo style.css en la carpeta del theme activo.

Como Modificar el CSS de un elemento con Firebug.

Para modificar cualquier característica de un elemento de una plantilla simplemente hay que:
1. Instala Firebug en tu navegador: Firefox o Chrome. Personalmente yo recomiendo usar la de Firefox, es más rapida y completal.
2. Dale clic en el botón de Firebug en la barra de herramientas boton firebug, luego en el botón de Inspeccionar inspeccionar firebug y ubicar el cursor justo sobre el elemento a modificar, puede ser texto, imagen, video, flash o cualquier elemento, y dar clic en él.
3. En el cuadro de la derecha de Firebug, estando la pestaña “Estilo” activa, se muestran todos los estilos que afectan al elemento.
Se muestran tal como los tendríamos en una hoja de estilos CSS, sin embargo, Firebug ordena las propiedades alfabéticamente y las estandariza.
Es fácil reconocer las siguiente información: selectores, propiedades y la ubicación de dicho estilo (línea de código y archivo que lo contiene).

Aquellas propiedades que aparezcan tachadas, significa que otra reglas de CSS las ha sobrescrito y que por lo tanto no están siendo aplicadas.


4. Las Pruebas en vivo.

  Firebug puedes modificar cualquier propiedad CSS y ver los resultados directamente aplicados sobre la página. Para ello solo es necesario dar clic sobre la propiedad o valor para cambiarlo, y ver directamente que pasa en la página.
edite fire bug
Para las propiedades que solo pueden tomar valores predeterminados, Firebug permite explorarlos con solo dar clic en el valor y usar las teclas de arriba y abajo del teclado.

Y muy similar para los valores numéricos:

Otra opción muy útil es la de desactivar propiedades para saber como se comporta un elemento sin ellos, basta dar clic en el circulo rojo a la izquierda de cada propiedad.
cancelar firebug
Encontrar la imagen de fondo de un elemento también es útil cuando se esta modificando una plantilla, para ello solo hay que colocarse sobre el elemento, dar clic y en el panel de “Estilo”, aparecerá el selector que contiene la imagen, normalmente en la propiedad background o background-image.
fondo de firebugs
Y hay otras varias herramientas que pueden ver directamente en el manual oficial.
5. Usando los datos de las pruebas.
Una vez que sabes haz llegado al resultado deseado en las pruebas, es necesario aplicar esos mismo cambios a los estilos en tu plantilla. Firebug nunca guarda cambios, esta parte debes hacerla tu manualmente.
En otras palabras, si haz agregado una propiedad en Firebug, debes agregar esa misma propiedad a tu hoja de estilos; si haz hecho una modificación, esta debe hacerse también en los estilos de la plantilla.
Read More

miércoles, 10 de abril de 2013

Como Mostrar y Esconder Los Widgets de Blogger

By andante77 7:07 p.m. , , , , , , Leave a Comment
Algunas de las preguntas  más comunes son: Cómo mostrar widget de blogger en la página principal solamente? ¿Cómo puedo mostrar los widgets sólo en las páginas? ¿Cómo puedo ocultar widgets en páginas estáticas? ¿Cómo mostrar los widgets en las páginas seleccionadas en blogger?


 Para responder a todas estas preguntas el tutorial de hoy será un maravilloso. Es realmente importante el control de la pantalla widget en Blogger. algunos widgets son para la página de inicio, mientras que algunos sólo tiene sentido cuando se muestran en las páginas de contactos, páginas Acerca de mí o páginas estáticas.

Entonces, ¿cómo se hace realmente. El truco es muy sencillo. Sólo tiene que adjuntar los widgets en con pedazos de códigos. Así que vamos a pasar directamente sobre la forma de gestionar los widgets en diferentes páginas en blogger.

Con frecuencia el widget HTML / JavaScript que se utiliza ampliamente para agregar tus widgets personalizados para Blogger y su mayoría este widget que tiene que ser fácil de manejar. Dado que a menudo pegar algo de código del widget dentro de HTML / JavaScript widget así que lo único extra que usted necesita hacer para controlar la visualización del widget es encerrar ese código entre dos piezas de código como se muestra en cada uno de los códigos de control por debajo,

Cómo mostrar widgets sólo en las páginas principales ?

Simplemente escriba el código dentro del widget  HTML / JavaScript de entre estas líneas,

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

    Código del widget VA AQUÍ

    </ B: if>

código del widget donde el Código del widget VA AQUÍ es el código del widget que desee mostrar u ocultar.
Cómo ocultar los widgets en páginas iniciales?

El mismo procedimiento  aquí,

    <b:if cond='data:blog.pageType == "item"'>

    Código del widget VA AQUÍ

    </ B: if>


Cómo mostrar Widgets sólo en las páginas estáticas?

    <b:if cond='data:blog.pageType == "static_page"'>

    Código del widget VA AQUÍ

    </ B: if>

Cómo ocultar widgets en páginas estáticas?

    <b:if cond='data:blog.pageType != "static_page"'>

    Código del widget VA AQUÍ

    </ B: if>

Cómo mostrar un widget en un post seleccionado solamente?

    <b:if cond='data:blog.url == "URL DE Post"'> seleccionado

    Código del widget VA AQUÍ

    </ B: if>

Cómo ocultar un widget en un mensaje seleccionado?

    <b:if cond='data:blog.url != "URL DE Post"'> seleccionado

    Código del widget VA AQUÍ

    </ B: if>


Cómo controlar los Widgets oficiales de Blogger?

El mismo procedimiento se puede aplicar a los widgets oficiales de Blogger como Like it, Archivos, etc
Para controlar que los widgets hasta esto,

    Ir a Blogger> Diseño> HTML Edit
    Copia de seguridad de su plantilla
    Marcar el recuadro Plantillas Expandir
    Busque el título del widget que desea controlar
    El código para el widget tendrá un aspecto similar a éste,

   
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
Largo Pedazo del codigo del WIDGET
</b:includable> </b:widget>


Al encontrar el título del widget en lugar de WIDGET-TITLE-HERE se encuentran dos códigos similares como las que he mostrado en azul en negrita Sólo tiene que añadir los códigos de control en la siguiente manera.

Por ejemplo, si desea mostrar un widget en la página principal sólo entonces haga esto,

       
<b:widget id='HTML' locked='false' title='WIDGET-TITLE-HERE' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
Gran pedazo del codigo del widget
</b:if>
</b:includable> </b:widget>
Read More