Blogger CSS Como agregar un fondo a nuestras entradas

En este tutorial veremos como agregar un fondo a nuestras entradas de modo que como se ve en esta entrada, si te gusta y quieres implementarlo a tu blog, solo sigue los siguientes pasos.



Comencemos:

  • Paso 1: Vamos a Blogger>> Plantilla>> Edición HTML>>
  • Paso 2: Buscamos la siguiente linea (Ctrol + F)
<div class='post-header'>
  • Paso 3: Justo por debajo de <div class='post-header'> pegamos el siguiente código HTML
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.name == &quot;Nama-Label&quot;'>
<style>
.post-body{background: url(URL de la Imagen) no-repeat top right;}
</style>
</b:if>
</b:loop>
</b:if>
  • Paso 4: Guardamos los cambios realizados y listo 

Trata de que tu imagen sea .PNG y tenga una medida mas o menos grande


Nota:-  Solo debemos cambiar lo que esta en Rojo por la URL de tu imagen
- - 2 Comentarios
Tag

Comentarios (2)

  1. Unknown2 de diciembre de 2013, 19:32

    me aparece 2 veces la linea en cual la uso? en la primera o segunda :s?

    ResponderEliminar
    Respuestas
    1. Fernando Salas3 de diciembre de 2013, 2:43

      Pegalo debajo de cada linea que te aparezca, asta que tengas resultados positivos

      Suerte

      Eliminar

:))
:((
:D
:(
:)
:-)
;)
=))
:p
=.=
==
^_^
/=he
:*
/=r
/=l
:v
/=ok
/=clap
(y)
(yy)
/=hi
/=j
/=hup
/=hd
/=hl
/=hr
/=s
<3

Instrucciones Para omentar

Incertar Enlace

Utilice el codigo <a href='LINK'> EJEMPLO </a>

Cargar Imagen

[img] LINK_ANH [/img] -Use el codigo para cargar una imagen.

Formato Word

<b> negrita </b>
<i> cursiva </i>
<u> texto subrayado </u>
<strike> texto tachado </strike>

Insertar un Fragmento de codigo

Primero use esta herramienta para codificar el codigo que quiera agregar.
Luego utilice el codigo [code] CODIGO HTML [/code]

Cerrar