Tutorial: Menú horizontal con subpestañas y buscador.

¡Hola, dragons!

Mientras Sweet Nothing termina los pedidos restantes, os traigo un nuevo tutorial, esta vez encargado por Dillaardi. Espero que os sirva y haga vuestros blogs más dinámicos. ¿De qué trata este tutorial? Pues de hacer un sencillo menú con buscador integrado, como muestra el de la imagen.

Tutorial: Programar entrada en Blogger.

¡Hola, dragoncitos! Os traigo el primer tutorial de este verano 2013.

Seguramente muchos habréis tenido algún dia ocupado y no habréis podido publicar en vuestro blog. ¿Cómo arreglarlo? Hay una solución muy sencilla: programar entradas. Es muy sencillo y no tienes que preocuparte de si dejas el blog abandonado. ¿Y qué es programar entradas? Es hacer entradas para que se publiquen el día y la hora exacta que tú quieras, sin necesidad de ir al ordenador para darle al botón "Publicar".

Comenzamos.

1. Lo primero de todo es abrir la entrada que queramos programar.

Videotutoriales.

Holii dragones radioactivos :33

Como Cassia ya dijo en la entrada  Bienvenido seas, Verano, voy a empezar a hacer videotutoriales, ya que creo que son más sencillos de hacer, y más fácil de comprender, ya que no solo se explica con la voz, si no que también veis el ejemplo, donde hay que pinchar, etc.

Al principio, solo haré yo los videotutoriales porque  yo tengo más experiencia aunque  dentro de poco, cuando le vaya cogiendo el ritmo y eso, Cassia también hará videotutoriales y eso.

Como se ve en la imagen, que es el icono del canal de YT, los tutoriales de RG, a partir de ahora se llamaran Radioactive Tutorials :33

Os dejo aquí abajo la URL del canal de YT, que, aunque aún no tenga ningún vídeo, pronto lo tendrá, y así podéis subscribiros y todo eso. Tambíen podéis pedir tutoriales a través de un comentario en el canal, auqnue sería preferible que lo pidierais en el form del blog. De todas maneras, pondremos en el form una opción para elegir si queréis un videotutorial (dependiendo de lo complejo que sea lo que pedís) o simplemente una entrada aclarando vuestras dudas. 

Nada más, un beso little dragons :33

Sweet Nothing.

Tutorial: redondear las puntas de todo tu blog.

¡Holis! 

Ya  hemos terminado los examenes, por lo que esta es la última entrada programada. ¡Este verano estaremos a tope con el blog! :3

Efectos para cursores: texto que persigue al cursor.

Hola, pequeños dragones.

Os dejo un efecto precioso para los cursores. En este efecto, vemos como un nombre (el de vuestro blog, un "welcome" o "bienvenidos"), persigue al cursor en nuestro blog.

Tutorial: Cambiar color de selección de texto.

Hola, pequeños dragones. 

Os traigo un tutorial muy sencillo, pero que queda muy bonito y le da un toque diferente al blog. Puedes probar este efecto seleccionando cualquier texto de nuestro blog. Como veis, el color es diferente al que aparece siempre. ¿Queréis saber cómo poner ese efecto? ¡Leer más!

Tutorial: Centrar la cabecera de tu blog.

Hola, little dragons :3

Investigando un poco con el nuevo código HTML, descubrí cómo centrar la cabecera de tu blog. Por defecto de Blogger, la cabecera aparece siempre hacia la izquierda. Bien, pues con este tutorial, conseguiremos ponerla en la parte superior central de nuestro blog.

Efectos en links: Múltiple.

Holis :3

Hoy os voy a enseñar como poner un efecto en los links como en la plantilla que os mostramos. Este efecto queda precioso en links. PREVIEW.

Tutorial: Cómo poner un textarea en tu blog.

Hola, little dragons :3

A petición, os traigo un tutorial para poner un textarea en tu blog. ¿Qué es el textarea? Es esa cajita en la que metemos códigos HTML.

Tutorial: Personalizar comentarios.

Holis :3

Hoy os traigo un tutorial bastante demandado, así que aquí le tenéis. Yo sólo os doy la base del diseño, vosotros simplemente tenéis que rellenar los espacios que os dé para darle a  vuestros comentarios un toque único y personal. Mañana traeré algunos modelos de comentarios para los que les cueste el HTML^^
Este es un tutorial largo, pero es sencillo una vez le hayas pillado el truco y, por ejemplo, a mi ya no me hace falta leer las instrucciones para modificar el código cada vez que quiera editarlo. Es cuestión de práctica y paciencia.

Tutorial: Cómo instalar una plantilla en tu blog.

Hola, little dragons^^

Seguramente os estaréis preguntando: ¿por qué Cassia hace este tutorial? ¿Va a hacer plantillas para nuestros blogs? La respuesta es sencilla: ¡Por supuesto! Posiblemente en unos días tengáis por aquí mi primera plantilla :3 De momento, para mantener la espera, os dejo el tutorial para instalarlas.

Atención: en este tutorial no pongo imágenes orientativas porque es muy sencillo y creo que no es necesario.

Tutorial: Efecto "Glow" en links.

Holis :3

Hoy os traigo un efecto precioso en los links, que, como podéis ver, está puesto actualmente en el blog. Este es un ejemplo (pasad el ratón por encima para ver el efecto):

RADIOACTIVE GRAPHICS.

Tutorial: Música en tu blog.

Hola, little dragons ^^

Ya tenemos varios pedidos de tutoriales, así que he elegido hacer uno que unas cuantas personas han preguntado: ¿cómo poner música en tu blog?

Tutorial: Cómo cambiar el favicon del blog {+ favicons}.

Hola, little dragons^^

Nos han pedido un tutorial sobre cómo cambiar el favicon del blog. Lo primero de todo: 

¿Qué es un favicon?

Originalmente, el favicon era la imagen que se utilizaba para poner al lado de sitio web o blog en caso de que se agregara a favoritos. Más tarde, los navegadores más actualizados, comenzaron a usar el favicon en la barra de pestañas junto al nombre del sitio web. Estos son dos ejemplos de favicon:

El favicon no hay que confundirle con el "logo" del blog. Es simplemente decorativo, nada más. Se puede cambiar a menudo, no tiene por qué ser siempre el mismo.

Pero esta es la pregunta que muchos se hacen:

Tutorial: Corazones cayendo de tu cursor.

Hola ^^

Bueno, como os dije, aquí tenéis el tutorial para que caigan corazones de vuestro cursor. Es muy sencillo y queda un efecto precioso.

Simplemente, tenéis que ir a:

Diseño/Añadir un Gadget/HTML/Javascript y pegáis este código cambiando el #fffff (aparece al principio) por el color de vuestros corazones.

<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(5, 5); var rdow=createDiv(5, 5); 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()*5; 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+"49px"; div.style.width=width+"50px"; div.style.overflow="hidden"; div.style.backgroundColor=colour; return (div); } // ]]> </script>

Tutorial: Como eliminar el captcha en los comentarios + Moderar comentarios.

¡Hola, hola! :3

Como no ha habido ninguna petición de tutorial, he decidido hacer este. A estas alturas, supongo que muchos de vosotros sabeís lo que es el captcha, ¿no? Bueno, por si alguna duda, os diré que es esa verificación de palabras que sale al comentar. 

Tutorial: Cómo quitar el Atributtion en Blogger.

¡Hola! :3

Nos han pedido un tutorial sobre cómo quitar el Attribution (gadget de Reconocimiento) en el blog. He estado investigando y la única forma de quitar todo lo que pone en el Attribution (ejemplo: ''Plantilla Simple. Plantillas de ___. Con la tecnología de Blogger.''), es eliminando el gadget completo. Por defecto de Blogger, este gadget es imposible de eliminar a menos que juguemos con el HTML del blog.

¿Cómo eliminar el gadget de Reconocimiento en Blogger?

Primero, en la página iniciar de nuestro blog, buscamos la pestaña que pone Plantilla.

Después clickamos en Editar HTML.

Y a Expandir plantillas de artilugios.

Ahora, debemos buscar este código (para buscar, apretar la tecla f3 o Ctrl + f): 

<!-- outside of the include in order to lock Attribution widget -->
<b:section class='foot' id='footer-3' showaddelement='no'>
<b:widget id='Attribution1' locked='true' title='' type='Attribution'>

Nos saldrá una pequeña ventanita en la parte superior derecha, y ahí colocamos el código anterior.

Ahora reemplazamos el código locked='true' por locked='false'.

Y Guardar plantilla.

A partir de aquí, el gadget estará desbloqueado y ya podemos eliminarlo completamente.

Vamos a Diseño.

Y abajo del todo, entre los gadgets, veremos el Reconocimiento, ahora con la opción de Editar.

Clickamos y nos aparecerá la configuración del Atributtion con la posibilidad de eliminarle.

Nota: Si queréis que, al borrarlo, esa sección dónde antes estaba el atributtion quede libre para otro gadget, debéis cambiar en el mismo código de arriba:

 showaddelement='no' por showaddelement='yes'.

Nosotras no nos hacemos responsables de no hacer atribución a un trabajo como el que estas usando, por lo que si eliminan tu blog será por no seguir alguna norma de Blogger o Google al no dar atribución a su trabajo (de momento no he visto que haya ninguna que prohíba quitar la atribución en Blogger, por lo que la responsabilidad es tuya si la quitas).

Espero que os haya servido.

Ya sabéis que si queréis más tutoriales de lo que queráis, tenéis que dejar un mensaje en nuestro ASK o en un comentario, a ser posible en la pestaña TUTORIALES.

¡Un beso!