Como poner un buscador en la cabecera del blog

Hola chicas, como estan? espero que super bien, yo estoy con visitas en mi casa asi que estoy un poco ocupada, ah tambien ando super preocupada por lo que esta pasando con las Corea la verdad me pone triste pensar en alguna guerra  

Bueno a lo que vine, hoy les traigo un nuevo tutorial, super facil 

[Preview]

Vamos a nuestra Plantilla [template] y clickeamos en Editar HTML. Presionamos el botón F3 y escribimos ]]></b:skin>

Sobre ]]></b:skin> pegamos el siguiente código:

#buscador {
  position: absolute;
  top: 100px; /* distancia de buscador margen superior */
  margin-left: 350px; /* distancia de buscador margen izquierdo*/
}

Volvemos a  usar el botón F3 y escribimos este vez </body>

Sobre </body> pegamos este otro código:

<div id='buscador'>
<form action='/search' method='get'>
<input name='q' style='width:140px; height:18px; background-color:#FFF; color:#F5A9F2; font-size: 13px; border: 1px double #F5A9F2;border-radius:5px; box-shadow: 0 0 0.4em #F5A9F2, 0 0 0.4em #F5A9F2;' type='text' value=''/><input style=' font-size: 13px; background-color:#F5A9F2; color:#FFF; border: 1px #F5A9F2; border-radius:5px; box-shadow: 0 0 0.4em #F5A9F2, 0 0 0.4em #F5A9F2;' type='submit' value='Buscar'/></form>
</div>

Dale a Vista previa y si te gusta lo que vez, dale a Guardar plantilla. Si te gustaría personalizar su color solo modifica el código del cuarto *4TO* paso, cambia que eh resaltado de color verde por otro.

Bueno eso seria todo, bay espero les haya gustado >///<

Recursos: Background para el gadget de twitter

Hola chicas, les traigos los fonditos para que le pongan a su gadget de twitter, si no sabes de lo que te hablo, pinchale justo aqui

Bien ahora, todos son hechos por mi, asi que si los resubes de creditos, si son para usarlos en tu blog, pues los creditos no son tan necesarios :)

http://i.imgur.com/c1cy6VK.png

 

http://i.imgur.com/fVJrqhL.png

http://i.imgur.com/4gD5gec.png

http://i.imgur.com/cqlNMGA.png

 

http://i.imgur.com/2lySuNP.png

 

http://i.imgur.com/foX4VPO.png

 http://i.imgur.com/aS2PD94.png

  6 eso es todo, bay hasta la proxima y espero les gusten :)

Tutorial: Twitter Widget

Hola niñas como han estado? yo con un pequeño dolor de cabeza pero bueno, hay voy bien..

Chicas quieren compartir sus publicaciones de twitter de una forma personalizada?? Pues entonces yo les dire como, presten atencion a los siguientes pasos :)

Primero copia el siguiente codigo:

<div style="background:url(Url de tu fondo) no-repeat;width:200px!important"><script src="http://widgets.twimg.com/j/2/widget.js"></script><script charset="utf-8" src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 5,interval: 30000,width:200,height: 207,theme: {shell: {background: 'transparent',color: 'transparent'},tweets: {background: 'transparent',color: '#333333',links: '#999999'}},features: {scrollbar: true,loop: false,live: false,behavior: 'all'}}).render().setUser('Nombre de usuario').start();</script></div> 

Luego solo habres un gadget  HTML/JavaScript y lo pegan

En las plantillas clasicas solo abren el dodigo para abrir un nuevo gadget y lo cierran como cualquier otro gadget

Guardar.

Rosita: Url del  background

Verde: Tu nombre de usuario del twiiter :)

Eso es todo .. Bay :*