4/10/14

Códigos para gadgets: Lo básico para empezar

¿Que tal tomodachis-nekos? Espero que se encuentren de maravillas, pues el día de hoy les traigo este tutorial que trata de lo básico en los códigos para gadgets, pues, ¿¿A QUE TE REFIERES AMARY?? lo siento no soy muy buena explicando u_u, pero aquí va:
En los gadgets nosotros ponemos códigos en HTML para colocar imágenes, enlaces, palabras en negrita, subrayado, tachado, o cursiva.
Hoy te traigo los códigos que yo uso para mis gadgets. Esto es para que se guíen, o para que tomen los códigos que yo les doy y los modifiquen o para que vallan aprendiendo más sobre esto de los HTML.
Puedes tomarlos y modificarlos a tu gusto. ¡Por favor, créditos al usarlos!

Empezamos
En primer lugar les dejo la imagen, y seguido el código para que vean y comparen:

Mi gadget Bienvenida

<center><img src="URL DE LA IMAGEN DE LOS GATITOS" width="206" /></center>
<center><img src="URL DE LA IMAGEN MEOW" width="206" /></center>
<center>Bienvenido querido ser humano a este reino en donde hay michifuses por doquier. Aquí encontrarás variedad de cosas que seguro le pueden interesar. Le doy el permiso de recorrer todo nuestro espacio. Disfrute del blog♥
<div style="text-align: center;">
<a href="URL PÁGINA DE FACEBOOK" target="_blank"><img alt="Facebook" src="URL DE LA IMG PANQUESITO" /></a>&nbsp;<a href="URL DE MI TWITTER" target="_blank"><img alt="Twitter" src="URL DE LA IMG ESTRELLITA" style="text-align: left;" /></a>&nbsp;<a href="URL DE MI YOUTUBE" target="_blank"><img alt="Youtube" src="URL DE LA IMG CORAZON" style="text-align: left;" /></a></div>
<div style="text-align: center;">

TEXTO MAIL</div>
</div>

Mi gadget CBOX
<img src="MINI IMAGEN 1"/> No Spam<br />
<img src="MINI IMAGEN 2"/> No insultar<br />
<img src="MINI IMAGEN 3"/> No dar datos personales<br />
<img src="MINI IMAGEN 4"/> ¡Disfruta!<br />

CÓDIGO DE TU CBOX
<br />
Mi gadget Créditos

<center><img src="URL DE LA IMAGEN DEL GATO" width="210" /></center>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">

✏ Template:&nbsp;<a href="URL 1">NOMBRE 1</a></div>
<div class="separator" style="clear: both; text-align: center;">

✏ Ayudas:&nbsp;<a href="URL 2">NOMBRE 2</a>&nbsp;<a href="URL 3">NOMBRE 3</a>&nbsp;<a href="URL 4">NOMBRE 4</a>&nbsp;<a href="URL 5">NOMBRE 5</a>&nbsp;<span id="goog_1087058011"></span><span id="goog_1087058012"></span><a href="URL 6">NOMBRE 6</a><a href="http://www.blogger.com/"></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
 Obviamente puedes cambiar o agregar lo que te apetezca, pero son los códigos básicos mas o menos para empezar, no coloqué el código de los demás gadgets porque son secundarios.
¡Juegatela y cambia a tu gusto!

Les dejo tutoriales relacionados:
Por favor ante cualquier duda deja un comentario :)

(Este tutorial esta hecho y escrito por mi, al usarlo o distribuirlo, darme créditos )

5 comentarios:

  1. wooo es un genial tutorial para blogs principiantes :3 nunca se me hubiese ocurrido a mi un tuto así XD
    saluditos! ^^

    ResponderEliminar
  2. una entrada muy buena°!!de seguro es mucha ayuda^^
    saludos~

    ResponderEliminar
  3. Ohayo!! :D

    grax x compartir tus gagdet :DDDDDDDDD

    ResponderEliminar
  4. Aaaay estan lindos los gadgets, para el diseño de mi blog los usare.. proximamente muajajaja xD n_n buen aporte ♥♥♥

    ResponderEliminar

Reglas:
-Respeto
-No insultar

¡Gracias por comentar!

Emojis:
(∩ω∩) | (>△<) | (>▽<) | (⊙▽⊙) | (●ω●) | (╯ω╰) | (☆▽☆) | (≧ω≦) | ≡(▔﹏▔)≡
Simbolos:
☺♥♫△☆ღ