22 de noviembre de 2010

Como colocar LISTONES en tu blogger

Hola Enlace75 los saluda. Esta vez con los códigos para poder colocar listones en tu blog si quieres apoyar alguna causa que esté representada con un color:
Por ejemplo como yo puse en el mío. lo pueden ver en esta imágen por si alguna vez lo saco
primero te paso los códigos y luego te diré como colocarlos. Aquí van:

AZUL: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtbr7-jbgsVQe-1KgcQkokw5kwKAZKlXYwO2vUvpn9lqEOOrRALX-BLabUjPyZH5WcuTJ6fdPm-5IPsahfK1U9ADWan1MFCWSdr8VrnwU8fbJxpS19VG6mpPoMxGh1GWML7jhHqoUJBnY/s1600/liston-azul.PNG' style='position:absolute; top:0; right:0;'/>
ROSA: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjfV7n7GSXqIU-ubbUoJToJd6O-aiTLGvEH8kyYWXVKZ43s9QA66tfvzOebCVgZTxknz8GRWNfK51vcPrOHy8sgYoO20IH8Bx5gBk1z2-tkaTdFnLa19mYC_iRzf3S_ZWaiSLTULNsFHXY/s1600/liston-rosa.PNG' style='position:absolute; top:0; right:0;'/>
AMARILLO: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHTEO3TqVdiJEnSRPrxJ2rcGVGS78ZATHLRt74uq4nuMZpnEqCzAI2Mpfr_yMSyOxMEz0S4xM7tov65Y1vmO76jhSnDslPV4oiYjBAv0DjbNMASj_zcNchnP90Tqep5_WPZ9S03jQnrDI/s1600/liston-amarillo.PNG' style='position:absolute; top:0; right:0;'/>
BLANCO: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghMgpEDeO6Um-ZJEL3qdhlzvX72pg0Uj1UrsKkMJGxX8v0lIF5jANKEe7Tv0gGLQxkmBjAcqXQ52dye-l26kMmPtearrxyFCRJIfO7pWqRUQobH0SLLbjatQW24jNygn4d-fpu4-mzg2c/s1600/liston-blanco.PNG' style='position:absolute; top:0; right:0;'/>
NEGRO: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwtF7FMzPLrsGMP4fS6zDWOjaN7QxZAitE_y8sEt_nnVBIC0bhWUGdyJhNYFcpfqXAriM4A3Z2oIzHf6d2YlR7EeFcYJs5sxS_dWajMpUHH3xyYcAHUdfiDEs6neaB8BlCAF11moFICUw/s1600/liston-negro.PNG' style='position:absolute; top:0; right:0;'/>
MORADO: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrs4NOAqOnVedltOnbMQ1ReMMHUwkW4IRj8SP9IEQ5aFZpyeLqDQLSUAKK2DTyhWeq8adx86bHz-WV26R36P6QcXSMS7LStpYL8OpYXDrjrTNgWedkgb8sh_-V1JnCMyPJzHoEaWKDMn4/s1600/liston-morado.PNG' style='position:absolute; top:0; right:0;'/>
ROJO: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiveiHbgYtj9voNmfqFPijOlqHIRjl16Ar0BefzD6bgO_h4GOSDm2nwoJnFsdj7DGnG9Bo2hRDWK8Ov5yFQUmoDO5XqjcRmKnKgSZ4tmS5tAfJonM-iA9n4UR2HVmL-cEVEz9diAt6o29I/s1600/liston-rojo.PNG' style='position:absolute; top:0; right:0;'/>
VERDE: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsFcuIgsleQoLeE9eslFmfAvmNtUoJEUHjyEZGLbWMHbDMCbtmXQS6dGpw8S4UaWBtwlme7t4qDXkt7dbmvblyA74lj74Jupc5CynwZz-ifiRQOKRFzG1b1GmRu6c7l_htuYdQ3GktalE/s1600/liston-verde.PNG' style='position:absolute; top:0; right:0;'/>
ARCOIRIS: <img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvu9kp21hZBCdOG9g25JmjMp1P4VUaZKiNPx7u1WZp6MIaViZZ_wDQB4GOnBrjuxJjZRRMugAIJP9Xb_mtsi7YrT5qioudYzYJpvaUQ-1Q4F_cBKCX5cElRmLjkJ2hIj29Fm7SFGcrmjg/s1600/liston-arcoiris.PNG' style='position:absolute; top:0; right:0;'/>


*Ok, vamos a la acción: primero obviamente ingresamos a BLOGGER
*Luego entramos a DISEÑO
*Ahora a edición HTML
*y Ahora viene lo dificil (pero no tanto)
*copia esto </body> y búscalo dentro del HTML de tu blog

acá una imagen de donde está ubicado en el mío. Se los muestro pintado de anaranjado:

y si se fijan bien arriba está el código de la barra que yo puse, recuerden que va arriba de "body" pero igualmente les mando una imágen resaltada en color gris:
Listo!! solo den en guardar y si les aparece esta imagen:
significa que está todo bien realizado. Ahora vean su blog y verán el listón en la parte superior derecha: Saludos

La información fue sacada de:



No hay comentarios: