lunes, 16 de septiembre de 2013

Cajitas Flotantes ''Marquee''

Hola Dulzuras! Como estan?
Este tutorial lo saque de: 
Y lo edite un poquito, estuve aprobándolo y me di cuenta que sirven para todas las plantillas de blogger y blogskin.
Quieres ver como son?:

La imagen es de Mell.
Bien para colocar estas cajitas en una plantilla de blogger normal debes ir a: Plantilla Edición HTML
Allí buscas {Ctrl + F} </head> & DEBAJO pegas el código que mas te guste:

CAJITA FLOTANTE "MINI"
<style>  .status  {    width: 69px;    height: 30px;    margin-top: 22px;    margin-left: 3px;    text-align: center;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #ffccdd; /* COLOR DEL LINK */    text-decoration: none;  }</style><div style='background: url(http://1.bp.blogspot.com/-ylN0Hzo_9es/UW2M1Sj5EAI/AAAAAAAAVoY/p-se0FLd-78/s1600/1432.gif); width: 75px; height: 55px; position: fixed; top: 10px; left: 30px;'>  <div class='status'>  <marquee direction='up' height='25' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px;'>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>  </marquee>  </div></div>
CAJITA FLOTANTE "SIDEBAR" 

<style>  .status  {    width: 115px;    height: 40px;    margin-top: 20px;    margin-left: 11px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #fff;    text-decoration: none;    margin-right: 3px;    padding: 1px;    background: #ffb2cc; /* FONDO DEL LINK */    border-radius: 3px;  }</style><div style='background: url(http://1.bp.blogspot.com/-um1IYS3hg40/UW2M1cXm8FI/AAAAAAAAVoc/O5bbpOAuW_8/s1600/1585.gif); width: 161px; height: 79px; position: fixed; top: 10px; left: 30px;'>  <div class='status'> <div align="RIGHT" style="margin-right: -20px;">AVISOS IMPORTANTES:</div>  <marquee direction='right' height='13' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 5.5px; padding: 3px;'>           TITULO ~ <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> </marquee>  </div></div> 
CAJITA FLOTANTE "ANOTADOR" 

<style>  .status  {    width: 120px;    height: 60px;    margin-top: 22px;    margin-left: 17px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */   }   .ver {   background: #a9744c;   border-radius: 7px;   text-align: center;   margin-bottom: 7px;   }  .ver a{    color: #ffc; /* COLOR DEL LINK */    text-decoration: none;  }</style><div style='background: url(http://4.bp.blogspot.com/-9QhPlnK8Jg4/UW2M1uuRoAI/AAAAAAAAVok/LwY3rxmqFyU/s1600/903.gif); width: 150px; height: 100px; position: fixed; top: 10px; left: 30px;'>  <div class='status'> <center><u> NOTAS: </u></center>  <marquee direction='up' height='45' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px; border-radius: 0 0 40px 0;'>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>  </marquee>  </div></div> 
CAJITA FLOTANTE "KAWAII BEAR" 
<style>  .status  {    width: 115px;    height: 20px;    margin-top: 10px;    margin-left: 50px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #d0a46d; /* COLOR DEL LINK */    text-decoration: none;    margin-left: 3px;    padding: 1px;    background: #fff;    border-radius: 3px;  }</style><div style='background: url(http://4.bp.blogspot.com/-3OatAGrGoFI/UW2M6ExlcEI/AAAAAAAAVow/Fr58eNlG8LQ/s1600/b201.gif); width: 200px; height: 40px; position: fixed; top: 10px; left: 30px;'>  <div class='status'>  <marquee direction='right' height='15' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 1px; padding: 4px;background: #;'>           <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> ~ TITULO </marquee>  </div></div>
Edita lo que esta marcado y lo que creas necesario~
Cualquier duda puedes consultarme.
Besos~
 

No hay comentarios:

Publicar un comentario

Genial! Vas a dejarme un comentario?
Recuerda...
-No ulsultos
-No spam
-Puedes hacer pedidos amablemente.
-Si ves algo tuyo avisamelo de buena forma.
Eso es todo >w< gracias por dejarme un comentario, me hacen la personita mas feliz de la tierra❤
Caritas:
(。◕‿◕。)(◕_◕)(◕‿◕)\(◕ ◡ ◕\)Σ ◕ ◡ ◕(◕︵◕)(´◕ฺω◕ฺ`)(◕ฺ∀◕ฺ)✿◕‿◕✿ ❀◕‿◕❀ ❁◕‿◕❁✾◕‿◕✾ (°∀°)(• ε •)(●´ω`●)
Ծ_Ծஇ_இอ_อ อ้_อ้ ๏_๏๏̯͡๏ •▱• ↁ_ↁ ⇎_⇎≧ヮ≦ ⊙ω⊙ ⊙▂⊙ ⊙△⊙ ⊙︿⊙ ʘ‿ʘ ⊙﹏⊙ ⊙0⊙╰☆╮□_□ ◉_◉ ◉△◉ ○_○ ◔_◔ ◔ᴗ◔ ◕◡◕◪_◪ ◮_◮☆¸☆☻_☻♥◡♥句_句(゜Д゜)☜(⌒▽⌒)☞ (☞゚ヮ゚)☞ ☜(゚ヮ゚☜)^ㅂ^ ヽ(o`皿′o)ノ (≧ロ≦) (ΘεΘ;)

lunes, 16 de septiembre de 2013

Cajitas Flotantes ''Marquee''

Hola Dulzuras! Como estan?
Este tutorial lo saque de: 
Y lo edite un poquito, estuve aprobándolo y me di cuenta que sirven para todas las plantillas de blogger y blogskin.
Quieres ver como son?:

La imagen es de Mell.
Bien para colocar estas cajitas en una plantilla de blogger normal debes ir a: Plantilla Edición HTML
Allí buscas {Ctrl + F} </head> & DEBAJO pegas el código que mas te guste:

CAJITA FLOTANTE "MINI"
<style>  .status  {    width: 69px;    height: 30px;    margin-top: 22px;    margin-left: 3px;    text-align: center;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #ffccdd; /* COLOR DEL LINK */    text-decoration: none;  }</style><div style='background: url(http://1.bp.blogspot.com/-ylN0Hzo_9es/UW2M1Sj5EAI/AAAAAAAAVoY/p-se0FLd-78/s1600/1432.gif); width: 75px; height: 55px; position: fixed; top: 10px; left: 30px;'>  <div class='status'>  <marquee direction='up' height='25' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px;'>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>           TITULO ~ <br><a href="URL ENLACE" target="_blank"> VER!♥ </a><br>  </marquee>  </div></div>
CAJITA FLOTANTE "SIDEBAR" 

<style>  .status  {    width: 115px;    height: 40px;    margin-top: 20px;    margin-left: 11px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #fff;    text-decoration: none;    margin-right: 3px;    padding: 1px;    background: #ffb2cc; /* FONDO DEL LINK */    border-radius: 3px;  }</style><div style='background: url(http://1.bp.blogspot.com/-um1IYS3hg40/UW2M1cXm8FI/AAAAAAAAVoc/O5bbpOAuW_8/s1600/1585.gif); width: 161px; height: 79px; position: fixed; top: 10px; left: 30px;'>  <div class='status'> <div align="RIGHT" style="margin-right: -20px;">AVISOS IMPORTANTES:</div>  <marquee direction='right' height='13' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 5.5px; padding: 3px;'>           TITULO ~ <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> </marquee>  </div></div> 
CAJITA FLOTANTE "ANOTADOR" 

<style>  .status  {    width: 120px;    height: 60px;    margin-top: 22px;    margin-left: 17px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */   }   .ver {   background: #a9744c;   border-radius: 7px;   text-align: center;   margin-bottom: 7px;   }  .ver a{    color: #ffc; /* COLOR DEL LINK */    text-decoration: none;  }</style><div style='background: url(http://4.bp.blogspot.com/-9QhPlnK8Jg4/UW2M1uuRoAI/AAAAAAAAVok/LwY3rxmqFyU/s1600/903.gif); width: 150px; height: 100px; position: fixed; top: 10px; left: 30px;'>  <div class='status'> <center><u> NOTAS: </u></center>  <marquee direction='up' height='45' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='1' style='margin-top: 3px; border-radius: 0 0 40px 0;'>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>           TITULO ~ <div class="ver"><a href="URL ENLACE" target="_blank"> VER!♥ </a></div>  </marquee>  </div></div> 
CAJITA FLOTANTE "KAWAII BEAR" 
<style>  .status  {    width: 115px;    height: 20px;    margin-top: 10px;    margin-left: 50px;    text-align: left;    font: 11px calibri;    color: #a9744c; /* COLOR DEL TEXTO */  }  .status a{    color: #d0a46d; /* COLOR DEL LINK */    text-decoration: none;    margin-left: 3px;    padding: 1px;    background: #fff;    border-radius: 3px;  }</style><div style='background: url(http://4.bp.blogspot.com/-3OatAGrGoFI/UW2M6ExlcEI/AAAAAAAAVow/Fr58eNlG8LQ/s1600/b201.gif); width: 200px; height: 40px; position: fixed; top: 10px; left: 30px;'>  <div class='status'>  <marquee direction='right' height='15' onmouseout='this.start()' onmouseover='this.stop()' scrollamount='2' style='margin-top: 1px; padding: 4px;background: #;'>           <div style="display: inline-block;"><a href="URL ENLACE" target="_blank"> CLICK ME!</a></div> ~ TITULO </marquee>  </div></div>
Edita lo que esta marcado y lo que creas necesario~
Cualquier duda puedes consultarme.
Besos~
 

No hay comentarios:

Genial! Vas a dejarme un comentario?
Recuerda...
-No ulsultos
-No spam
-Puedes hacer pedidos amablemente.
-Si ves algo tuyo avisamelo de buena forma.
Eso es todo >w< gracias por dejarme un comentario, me hacen la personita mas feliz de la tierra❤
Caritas:
(。◕‿◕。)(◕_◕)(◕‿◕)\(◕ ◡ ◕\)Σ ◕ ◡ ◕(◕︵◕)(´◕ฺω◕ฺ`)(◕ฺ∀◕ฺ)✿◕‿◕✿ ❀◕‿◕❀ ❁◕‿◕❁✾◕‿◕✾ (°∀°)(• ε •)(●´ω`●)
Ծ_Ծஇ_இอ_อ อ้_อ้ ๏_๏๏̯͡๏ •▱• ↁ_ↁ ⇎_⇎≧ヮ≦ ⊙ω⊙ ⊙▂⊙ ⊙△⊙ ⊙︿⊙ ʘ‿ʘ ⊙﹏⊙ ⊙0⊙╰☆╮□_□ ◉_◉ ◉△◉ ○_○ ◔_◔ ◔ᴗ◔ ◕◡◕◪_◪ ◮_◮☆¸☆☻_☻♥◡♥句_句(゜Д゜)☜(⌒▽⌒)☞ (☞゚ヮ゚)☞ ☜(゚ヮ゚☜)^ㅂ^ ヽ(o`皿′o)ノ (≧ロ≦) (ΘεΘ;)