Como Crear Portadas Personalizadas En Blogger

Como Crear Portadas Personalizadas En Blogger

La semana anterior publique una entrada sobre el como insertar un botón de click para twittear el contenido de tu sitio web directamente a la plataforma de twitter.

condicional-mejorar-portada-blogger

Ahora para los amantes de la tecnología blogger, comparto una condicional que nos ayuda a colocar una portada personalizada en blogger de forma que no afecte el seo de nuestro sitio web.

Convierte tu blog en una máquina de ventas

Suscríbete y descubre cómo vender productos y servicios a través de tu blogger sin morir en el intento.
  • Multiplica tus ingresos aprovechando al máximo tu blogger.
  • Comienza a generar tráfico cualificado y de interés para tu oferta.
  • Convierte tus visitas en clientes gracias a un blog optimizado.

Tus datos están 100% seguros.
1. Añadimos un gadget html, donde colocamos el código en html de nuestra portada.
2. El gadget lo ubicamos encima de las entradas de nuestro blog y guardamos los cambios.

Ahora nos iremos a editar la plantilla de nuestro blog, y colocamos antes de la etiqueta  </head>la siguiente condicional:



<b:if cond='data:blog.url == data:blog.homepageUrl'> 
<style type='text/css'> #Blog1 { display: none; } </style> 
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type='text/css'> #HTML1 { display: none; } 
</style>
</b:if>


Con esto, cuando alguien entre a nuestro blog sera direccionado a la portada personalizada de nuestro blogger.

Es una forma más limpia, ya que usar javascript para redireccionar en blogger es perjudicial y penalizable para nuestro seo .


Fotografía: Mejora tu blog (Clasesdeperiodismo)
Código: Crear portada para blogger (deidei)


Compártelo con tus amigos. ¡GRACIAS!
Publicado por: Vicente Espinoza

Puedo hacerlo yo para ti, porque no tienes tiempo ni ganas: ¡Contrátame Aquí!
O puedo explicarte como crear un sitio web completamente dinámico sin ser un experto en programación web. ¡Suscríbete Ahora!

Mentoría blogging 1:1 Únete Ya!

¿Necesitas ayuda?