8vo tutorial, estilo en los comentarios

...Holis! Buenas a todos! Hoy estoy llena de feliz felicidad porque ya puedo hablar! -si, estuve media semana con dolor de garganta- Y por eso -solo uso mi enfermedad como una excusa- les traigo un nuevo tutorial, el octavo para ser precisos! Sobre como ponerle un estilo a tus comentarios: poner circulares los avatares y una linea de color debajo de cada comentario!

1♥ Ve a plantilla--> Edicion html

2♥ Busca:  ]]></b:skin>

3♥ Debajo pega lo siguiente:

<b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> .comments .comments-content .comment-content{text-align:left;} .comments .comments-content .inline-thread {background: #FEFEFE; border:1px solid #cedadc;}.comments .comments-content .comment {border-bottom: 1px dashed #CEFFD5 !important;} img { -webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px; } </style> </b:if>

4♥ Edita a tu gusto:

background: #FEFEFE (color del borde de los comentarios, solo en las respuestas)
border:1px (grosor del borde de la imagen) solid (tipo de borde)#cedadc (color del borde)

border-bottom: 1px (grosor del borde de abajo) solid (tipo de borde) #CEFFD5 (color de borde)

NOTA: Esto ultimo es la linea que va debajo de cada comentario

5♥ Guarda y disfruta tus nuevos cambios!

Creditos!

BYE!♥

7mo tutorial, nieve que cae por tu blog

... Holis! Como habran podido notar -si no, lo siento-, por mi blog -y seguramente- por el de muchas personas, cae nieve... NIEVE? No! No la mojada que daña la computadora :P nieve en forma de puntitos blancos, y que, cuando mueves el cursor a la derecha bajan rapido a la izquierda y viceversa, y cuando lo dejas en el centro comienza a caer lentamente... asi que aqui esta:

1♥ Ve a diseño--> Añadir un gadget html

2♥ Pega el siguiente código:

<script type="text/javascript" src="http://yourjavascript.com/12611924111/learnwebtipssnow.js"></script>

Es tan simple que ni siquiera deberia ser un tutorial, pero si lo es, jajajja.

HASTA EL VIERNES ;) !♥ 

6to tutorial, Instalar plantilals de Blogskins -clasicas- en Blogger

...Holis! Hoy reportandome despues de un largo tiempo de salidas de campo, apagones y "No computer days", jaja, pues por fin he conseguido subir este video con el cual -si aun no saben hacerlo- aprenderan -espero- muy bien!

 No se ve muuuuuy bien pero se entiende!

Blogskins! Plantilla usada!

Ademas, una amiga regreso de viaje hace unos dias y me trajo mi aficcion por unos cuantos meses:

Dice: Don't Mess With

The Stache

Respect 

The Stache

La amo la amo la amo! Jajajaa

ADIOS!♥

5to tutorial, Imagen flotante con link a tu facebook

...Holis! Hoy se me ha ocurrido compartirles esta idea que me ha gustado tanto! La cual tambien se puede aplicar a cualquier link, no solo al de tu facebook -que es el tema de hoy-.

COMENCEMOS!

1♥ Ve a Diseño--> Añadir un Gadget--> Html.

2♥ Pega esto en el espacio en blanco:

<a href="AQUI VA TU URL" target="_blank" title="Sígueme en Facebook"><img src="http://www.bazookajoe.com.ar/images/Facebook-rosa.gif" style="display:scroll;position:fixed;bottom:225px;left:0px" /></a>

3♥Edita lo naranja!

 AQUI VA TU URL Creo que es obvio x)

Sígueme en Facebook Esta es la frase que aparece cuendo pasas el cursor sobre la imagen

http://www.bazookajoe.com.ar/images/Facebook-rosa.gif Tu imagen -URL-

bottom Posición, si lo quieres arriba -top- o abajo -bottom- 

left Posición, si lo quieres derecha -right- o izquierda -left-

Espero que hayan entendido bien el tuto, si desean que postee algo, comenten! Recuerden votar por la proxima cancion de la semana!

CHAIS!♥

4to tutorial, como cambiar tu cursor en Windows

Holis! Cumpliendo como siempre les traigo el tuto, estaria muy complacia de que, ustedes, mis heladitos de vainilla lo entendieran : >

Diseña, elige, un cursor, busca auqi :) --> http://www.cursors-4u.com

 Descarga, guarda, tu cursor y arrastralo hasta la carpeta de cursores

 Ahora, dirigete a "Panel de Control" ---> Selecciona "Iconos Grandes"

 ---> Selecciona "Mouse" ---> Selecciona la pestaña que dice "Punteros" 

---> Haz click en "Examinar" y selecciona el cursor que hiciste, descargaste

 ---> Presiona "Aceptar"

Y LISTOOOOOOO ♥♥♥ 

CLICK EN LAS IMAGENES PARA UN TAMAÑO COMPLETOO

:D Si lo entendieron y les agrado dejen unas dulces chispitas de colores -comentario- Bellow!

CHAIS!♥ SE LES QUIERE!

3er tutorial y cambio de look :D

... Hola, pues se que no ha cumplido mucho mi palabra de postear más seguido pero por lo menos postee en mas o menos una semana :D (voy a terminar enferma de esa escuela :S ) asi que ya que vi que el blog ha perdido popularidad :( QUIERO POSTEAR MUCHO MAS MUAHAHAHA nop, jajaj bueno y como me descargue un programa de captura de pantalla (por fin!), atube catcher, quise hacer el tuto de rocketdock pero no lo capta :S entonces hice este :D :

Espero les haya gustado :D

Además les queria comentar el nuevo cambio de look del blog inspirado en una de mis vocaloids favoritas, Megurine Luka, y la hermosa primavera!

BYE!♥

2do tutorial, seleccion del mouse

Hola! Si se habran dado cuenta (sino revisense los ojos XD) que en mi blog al seleccionar texto o imagenes no se ve el simple y aburrido azul de siempre, en vez de eso tenemos otro color :D (ahora en halloween es blanco jiji) y aqui les explico como hacerlo, por pasos:

Paso *1*:

Ir a Edicion HTML y buscar:

]]></b:skin>

Paso *2*:

Justo antes de ese codigo te aparece lo siguiente:

::selection { background: #000; color: #fff; }

Cambias el fondo -es el color que sale al seleccionar- y el color -es el color de las letras al seleccionar- y listo :D

Espero les haya gustado este tutorial y que les sirva mucho ;)

CREDITOS: Mi mundo de creacion

1er tutorial, brillo que deja el cursor

 Inesli says...

Hola! Aqui les dejo el primer tuto! En este se explicara como colocar el brillo cuando se pasa el cursor por tu blog :D disfrutenlo...

Paso *1*

-Colocar un gadjet de HTML/JAVASCRIPT-

Paso *2*

-Colocar el siguiente codigo- =

<script type='text/javascript'> // <![CDATA[ var colour="#FFFFFF"; var sparkles=40; var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array(); window.onload=function() { if (document.getElementById) { var i, rats, rlef, rdow; for (var i=0; i<sparkles; i++) { var rats=createDiv(3, 3); rats.style.visibility="hidden"; document.body.appendChild(tiny[i]=rats); starv[i]=0; tinyv[i]=0; var rats=createDiv(5, 5); rats.style.backgroundColor="transparent"; rats.style.visibility="hidden"; var rlef=createDiv(1, 5); var rdow=createDiv(5, 1); rats.appendChild(rlef); rats.appendChild(rdow); rlef.style.top="2px"; rlef.style.left="0px"; rdow.style.top="0px"; rdow.style.left="2px"; document.body.appendChild(star[i]=rats); } set_width(); sparkle(); }} function sparkle() { var c; if (x!=ox || y!=oy) { ox=x; oy=y; for (c=0; c<sparkles; c++) if (!starv[c]) { star[c].style.left=(starx[c]=x)+"px"; star[c].style.top=(stary[c]=y)+"px"; star[c].style.clip="rect(0px, 5px, 5px, 0px)"; star[c].style.visibility="visible"; starv[c]=50; break; } } for (c=0; c<sparkles; c++) { if (starv[c]) update_star(c); if (tinyv[c]) update_tiny(c); } setTimeout("sparkle()", 40); } function update_star(i) { if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)"; if (starv[i]) { stary[i]+=1+Math.random()*3; if (stary[i]<shigh+sdown) { star[i].style.top=stary[i]+"px"; starx[i]+=(i%5-2)/5; star[i].style.left=starx[i]+"px"; } else { star[i].style.visibility="hidden"; starv[i]=0; return; } } else { tinyv[i]=50; tiny[i].style.top=(tinyy[i]=stary[i])+"px"; tiny[i].style.left=(tinyx[i]=starx[i])+"px"; tiny[i].style.width="2px"; tiny[i].style.height="2px"; star[i].style.visibility="hidden"; tiny[i].style.visibility="visible" } } function update_tiny(i) { if (--tinyv[i]==25) { tiny[i].style.width="1px"; tiny[i].style.height="1px"; } if (tinyv[i]) { tinyy[i]+=1+Math.random()*3; if (tinyy[i]<shigh+sdown) { tiny[i].style.top=tinyy[i]+"px"; tinyx[i]+=(i%5-2)/5; tiny[i].style.left=tinyx[i]+"px"; } else { tiny[i].style.visibility="hidden"; tinyv[i]=0; return; } } else tiny[i].style.visibility="hidden"; } document.onmousemove=mouse; function mouse(e) { set_scroll(); y=(e)?e.pageY:event.y+sdown; x=(e)?e.pageX:event.x+sleft; } function set_scroll() { if (typeof(self.pageYOffset)=="number") { sdown=self.pageYOffset; sleft=self.pageXOffset; } else if (document.body.scrollTop || document.body.scrollLeft) { sdown=document.body.scrollTop; sleft=document.body.scrollLeft; } else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) { sleft=document.documentElement.scrollLeft; sdown=document.documentElement.scrollTop; } else { sdown=0; sleft=0; } } window.onresize=set_width; function set_width() { if (typeof(self.innerWidth)=="number") { swide=self.innerWidth; shigh=self.innerHeight; } else if (document.documentElement && document.documentElement.clientWidth) { swide=document.documentElement.clientWidth; shigh=document.documentElement.clientHeight; } else if (document.body.clientWidth) { swide=document.body.clientWidth; shigh=document.body.clientHeight; } } function createDiv(height, width) { var div=document.createElement("div"); div.style.position="absolute"; div.style.height=height+"px"; div.style.width=width+"px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Paso *3*

-En la tercera linea del codigo donde sale: var colour="#FFFFFF"; 

cambias el el codigo al color que quieras-

(Aqui la tabla de colores)

Paso *4*

-Guardardas y vas a tu blog para ver tus lindos brillitos n.n-

Espero hayan disfrutado de este tuto, BYE! ♥