viernes, 1 de abril de 2011

Como Cambiar El Cursor

Ya hemos visto cómo poner un cursor en forma de cruz  en el blog y como poner cursor son texto en movimiento. Ahora veremos cómo poner cualquier tipo de cursor (no animado) al blog, de modo que cuando alguien entre a tu blog el cursor cambie.
1) Vamos a Cursors 4U

2) Buscamos a través de sus categorías el cursor que nos gusta

3) Y pinchamos en él, para que nos lleve a la página de ese cursor en concreto. 

Y ahí pinchamos en la pestaña que pone Blogger/Blogspot


4) Entonces ahí seleccionamos y copiamos todo el texto de la SEGUNDA cajita. 

No la que veis justo ahí, sino la que está un poco más abajo, donde dice New Blogger/Blogspot interface

5) Vamos a la plantilla HTML y bajamos hasta el final del todo, ya que hay que pegarlo justo antes de la etiqueta </html>

6) Aquí lo veis

7) Guardáis los cambios en la plantilla, ¡¡y ya lo tenéis!!

Como veis es super fácil. 

Recordad cómo lo habéis hecho o pinead este tutorial para luego saber cómo quitarlo (es solo borrar lo que pegáis) si en algún momento os cansáis de él. 

miércoles, 16 de marzo de 2011

Como Poner El Cursor En Forma De Cruz

Anteriormente vimos cómo tener un cursor con texto en movimiento dentro del blog. Ahora cambiaremos el cursor tradicional por un cursor en forma de cruz. Para que tengas este cursor y le des un toque personalizado a tu blog  debemos ir a Plantilla y luego a Editar HTML y pulsamos control+f y buscamos esta etiqueta : </body> , y   pega antes de  </body> lo siguiente:
<style type='text/css'>
<!--
body { cursor: crosshair}
-->
</style>

Con esto cuando tus lectores entren a tu blog el cursor cambiará  esto:
Crossair

martes, 15 de marzo de 2011

Como Poner Cursor Con Texto En Movimiento

Este truco es para que un texto siga el cursor del mouse. El texto puede ser el título de su blog o lo que ustedes elijan. Pueden ver un ejemplo de cómo el texto sigue al cursor aquí.
Para ponerlo en su blog tienen que crear un elemento HTML/Javascript (ver cómo insertar elementos) y ahí pegar el siguiente código:

<script language="JavaScript" type="text/javascript">

mensaje = 'EL TEXTO QUE QUIERAN';
font = 'Verdana,Arial';
size = 2;
color = 'orange';
velocidad = 0.7;

n4 = (document.layers);
ie = (document.all);
n6 = (document.getElementById);

mensaje = mensaje.split('');
n = mensaje.length;

a = size*10;
ymouse = 0;
xmouse = 0;
props = "<font face="+font+" color="+color+" size="+size+">";

if (n4)
{
for ( i = 0; i < n; i++)
document.write('<layer left="0" top="0" width="+a+" name="n4mensaje'+i+'" height="+a+"><center>'+props+mensaje[i]+'</font></center></layer>');
}
else if (ie)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i=0; i < n; i++)
document.write('<div id="iemensaje" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}
else if (n6)
{
document.write('<div id="padre" style="position:absolute;top:0px;left:0px"><div style="position:relative">');
for (i = 0; i < n; i++)
document.write('<div id="iemensaje'+i+'" style="position:absolute;top:0px;left:0;height:'+a+';width:'+a+';text-align:center">'+props+mensaje[i]+'</font></div>');
document.write('</div></div>');
}

if(n4)
window.captureEvents(Event.MOUSEMOVE);

function Mouse(evento)
{
if(ie)
{
xmouse = event.x+20;
ymouse = event.y+20;
}
else if(n4 || n6)
{
xmouse = evento.pageX+20;
ymouse = evento.pageY+20;
}
}

if(n4)
window.onMouseMove = Mouse
else if(ie || n6)
document.onmousemove = Mouse;

y = new Array();
x = new Array();
Y = new Array();
X = new Array();
Yaux = new Array();
Xaux = new Array();

for (i=0; i < n; i++)
{
y[i] = 0;
x[i] = 0;
Y[i] = 0;
X[i] = 0;
Yaux[i] = 0;
Xaux[i] = 0;
}

function asigna()
{
if (ie)
padre.style.top = document.body.scrollTop;

for (i = 0; i < n; i++)
{
if(n4)
{
document.layers['n4mensaje'+i].top = y[i];
document.layers['n4mensaje'+i].left = x[i]+(i*(a/2));
}
else if(ie)
{
iemensaje[i].style.top = y[i];
iemensaje[i].style.left = x[i]+(i*(a/2));
}
else if(n6)
{
eval("document.getElementById('iemensaje"+i+"').style.top = '"+y[i]+"px'");
eval("document.getElementById('iemensaje"+i+"').style.left = '"+(x[i]+(i*(a/2)))+"px'");
}
}
}

function ondula()
{
y[0]=Math.round(Y[0] +=((ymouse)-Y[0])*velocidad);
x[0]=Math.round(X[0] +=((xmouse)-X[0])*velocidad);

for (var i = 1; i < n; i++)
{
Yaux[i] = Math.round(Y[i]);
Xaux[i ]= Math.round(X[i]);
y[i] = Math.round(Y[i]=Yaux[i]+(y[i-1]-Y[i])*velocidad);
x[i] = Math.round(X[i]=Xaux[i]+(x[i-1]-X[i])*velocidad);
}
asigna();
setTimeout('ondula()',50);
}

window.onload = ondula;

</script>



Para personalizarlo deben cambiar el mensaje que dice EL TEXTO QUE QUIERAN, si quieren otro tipo de letra cambian donde dice font, para el tamaño de la letra en size, el color donde dice orange, pueden poner el color que quieran (black, red, green, etc) incluso pueden modificar la velocidad.

lunes, 28 de febrero de 2011

Borrar Barra De Navegación de Blogger (NavBar)

Hola gente. Para borrar la barra de blogger que siempre aparece en la parte superior del blog solo hace falta un pequeño código.
1) Vamos a Diseño de nuestro blog, Pinchamos en edición de Html y pulsamos control+f y buscamos la siguiente etiqueta: <head> y  después (abajo) de él pegan:


<style type='text/css'>
#navbar-iframe{
height: 0px;
visibility: hidden;
display: none;
}
</style>

Guardáis y listo

 

Nieve Callendo (Efecto Navideño)

Este truco es muy sencillo. Nos vamos a  Diseño luego la pestaña Edición html y  pulsan control+f y buscan esta estiqueta: </body>.
Antes de él  pegan el siguiente código

<script src='https://sites.google.com/site/juanjujuy5/Home/efectodenievemosa.js' type='text/javascript'>
</script>


Guardan la plantilla  y listo.

Poner La Liga De Fútbol

Para aquellos amantes del fútbol pueden poner aora la clasificación de la Liga Española de fútbol aora gracias al periódico al País. Solo tenéis que pinchar en este enlaze  Liga De Fútbol y elegir el ancho del blog y su color. copiáis el código y lo pegáis en un gadget Html/Javascript. Guardáis y listo.

viernes, 25 de febrero de 2011

Como Quitar El Attribution

Hola gente, como podéis observar en vuestro blog cuando elegís el tipo de plantilla, al final del blog aparece como se llama la plantilla y que esta creada con la Tecnología de Blogger. Pues con esta explicación os enseñaré como quitar ese "cutre" gadget. Bueno si vais a diseño podeis observar que el Attribution esta como impreso en blog no se puede cambiar de sitio ni nada pues bueno,  vamos a edición  de HTML y pulsamos control+f y buscamos esta etiqueta:



-------------------------------------------------
<b:widget id='Attribution1' locked='true' title='' type='Attribution'/>
-------------------------------------------------



La eliminamos y también eliminamos una etiqueta que esta justo arriba, esta :



-------------------------------------------------
<!-- outside of the include in order to lock Attribution widget -->.
-------------------------------------------------



Le damos a guardar plantilla y nos saldrá un error:

Advertencia: tu nueva plantilla no incluye los siguientes widgets:

  • Attribution1

Y le damos a Eliminar widgets y listo, habréis quitado el "cutre" Attribution
Bueno aora si queréis poner vosotros  unos derechos de autor y como los que podéis observar al final de mi blog, debéis ir a Añadir Gadget-->Texto--> Y escribís los derechos de autor propios  y no le pongáis titulo guardáis y colocáis justo al final donde estaba antes el attribution. Aora para convertir ese Gadget en un widgets y que se pueda Eliminar debéis ir a Edición de HTML  y pulsáis control+f y buscáis la siguiente entiqueta:



-------------------------------------------------
<b:widget id='Text1' locked='false' title='' type='Text'/>
-------------------------------------------------



y donde pone  false lo cambiáis por true guardáis la plantilla y listo y aora podéis observar que el gadget que creasteis para poner los derechos de autor y tal aora es un widgets que no se puede eliminar, a menos de que valláis  y donde cambiasteis false por true lo volvéis a cambiar a flase y ya se podrá eliminar. Un saludo

jueves, 24 de febrero de 2011

...Desvanecer Página...

Se trata de un efecto de desvanecimiento o degradado en la pagina que al hacer click en un enlace de la pagina o al salir de ella dará la sensación de que la página se desvanece.

El truco es realmente sencillo. Se tienen que ir a diseño y después a Edición HTML y le dan  a control+f  y buscan la siguiente etiqueta:<head> y justo después debéis pegar este código:


<meta http-equiv="Page-Enter" content="BlendTrans(Duration=1)" />

<meta http-equiv="Page-Exit" content="BlendTrans(Duration=1)" />


Le damos a guardar plantilla y listo.


Espero que el truco sea de su agrado.
La actualización de  este truco solo es visualizable en Internet Explorer, no es compatible con Mozilla

...Deshabilitar Click Derecho...

Hola gente esta vez os traigo un truco que seria deshabilitar el click derecho. Con este script cada vez que la visita potencialmente, no podrá sombrear las letras ni nada y cada vez que de un clik derecho se mostrara un mensaje de derecho de autor o uno creado por tí.
Empezemos:


1.  Nos Vamos a diseño y pinchamos donde pone edición HTML. Pulsamos Control+f y buscamos esta etiqueta: <body>


2. Y antes de el pegamos este codigo:
<script language='JavaScript'>
function click() {
if (event.button==2) {
alert('Copyright todos los derechos reservados');
}
}
function keypresed() {
alert('Copyright todos los derechos reservados ');
}
document.onkeydown=keypresed;
document.onmousedown=click;
</script>

Lo escrito en rojo es lo que vosotros debeis de modificar para que cuando pinchen con el click derecho les saga lo que has puesto en lo rojo. Aviso en Guadalinex permite pinchar con el click derecho, eso es lo malo de este script. 

También podemos probar con el siguiente codigo,en vez del anterior:

<script language="Javascript">
document.oncontextmenu = function(){return false}
</script>



3. Le damos a guardar plantilla y listo.

miércoles, 23 de febrero de 2011

Enlázame

Este sería el hipervinculo mio, que vosotros si queréis podéis añadir a vuestro blog para tenerme enlazado.El código que hay que poner para poner mi hipervinulo sería:



-------------------------------------------------
<a href="http://tricks-blogs.blogspot.com/" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhvzw-lu2XX9QeYx4NClxoz3s8ORSTY7i_Pt_tbUja_5hZOMxbZaa1IvcBGvQe8qCXIxVu3n5n5GZMKOY0r1IiutFBC6NcFaABz_yFSMnk_fh9jD6CumVOS9BEIh239wNdLMZnuS9bMt2cp/s1600/Logo.JPG" /></a>
-------------------------------------------------


Esto es lo que os aparecería:






Gracias.

martes, 22 de febrero de 2011

...Hipervinculo En Foto...

Hola gente, bueno este truco o como lo queráis calificar es similar al anterior  post. Empecemos. Sería poner un hipervinculo en una cualquiera. Nos vamos Diseño--> Añadir Gadget--->Html/Javascript. y Pegamos El siguiente código: <a href="la url de la pág enlazada" target="_blank"><img src="url de la fot seleccionada" /></a>

Un Ejemplo:





Un saludo

lunes, 21 de febrero de 2011

...Poner Un Hipervinculo...

Hola gente, bueno esta vez os traigo un gadget muy practico y facil de poner. Empezemos. Bueno sería poner un hipervinculo como este:
Mi Blog

Tendremos que irno a Diseño-->Añadir Gadget-->Html/Javascript.Y pegaremos el siguiente código:

<a href="Url del stio que queramos enlazar"><font face="consolas" color"#ffffff" size="40">Nombre del sitio enlazado</font></a>.
Guardamos y listo. Un Saludo

martes, 15 de febrero de 2011

...Como poner Firma Personal...

Hola genteeste truco es muy sencillo como todos los demás,os enseñaré como se pone una firma personal como la que tengo yo al final de mi blog. Pues vosotros podréis poner lo que vosotros que queráis. 

Bueno vamos a empezar:

Primero iremos a Diseño --> Añadir Gadget --> Html/Javascript. y Añadiños en siguiente codigo <font face="Courier" color="#ffffff" size="20">El nombre que quieras</font> Guardamos y listo y aora movemos el gadget a al pie de la página ( al final del todo).Y le damos a guardar para que se quede el gadget en la posición que queramos.
PD: Este truco lo he diseñado yo. No lo plagieis.

miércoles, 9 de febrero de 2011

...Poner Homer En La Esquina...

Bueno este truco es muy sencillo y queda muy bien, tendremos que irnos a Diseño -->Añadir Gadget -->Html/Javascript y pegamos el siguiente código:

<a style="display:scroll;position:fixed;bottom:0px;right:0px;" href="http://tricks-blogs.blogspot.com"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhIcCJaf16K1Q9Zg0V3mQUtJ9KQZwOyycz5L78_70lecf9MQqxgTRoXARWE9Bely5rxV_wjo2LRw0iJ9Be3pqVd2SiBRM_F7XxGlh_thz1RNZgRT-2FLa98VHlFNjT-JrWZbV7prkLCxLE/s1600-r/Deja+un+comentario+homero.png"/></a>

Una ultima cosa no pongan título al gadget.Guardáis y listo vuestro homer en la esquina.

...Como Poner Un Reproductor De Música...

Bueno este trucos es  como podéis ver en mi blog el mp3 que hay, bueno empecemos la explicación:
Pinchamos en este enlace Reproductor de música, una vez dentro nos vamos al menú y pinchamos donde pone Sign Up y nos registramos, viene en ingles pero se entiende perfecta mente como registrarse. Una vez registrados  pinchamos en el menú donde pone: Create Playlist.
1º. Paso:En el buscador buscamos las canciones que nos gusten, cuando la busques al lado del nombre de la canción sale un botón + que es añadir canción, le das y se añade a  tu lista de canciones y así cuantas canciones quieras.
2º.Paso: Le damos a customize y elegimos el tipo de reproductor que  queremos. También puedes modificar los colores pinchando en Edit Colors.Después le damos a Edit setting y  donde pone AutoPlay este en no pues lo ponemos en si.
3º.Paso: Pinchamos en Save Playlist y le ponemos un titulo a nuestra lista de canciones.A continuación le dais al botón verde de abajo (Save(get code)).Os saldrá una lista de sitios, pincháis en el que ponga blogger y copiáis el código html. Nos vamos al blog, vamos a Diseño -->Añadir Gadget--> html/javascrisp y pegamos en codigo que antes que copiamos  guardamos y listo.

...Poner Botón Favoritos...

Aqui les traigo otro truco sencillo, un boton que hará que los que visiten el blog si así lo consideran conveniente agregarte facilmente a sus favoritos,  para ello debremos ir Diseño-> Añadir Gadget -> html/javascript y pegar este codigo
Donde esta rojo deberéis poner lo que se indique.



<center><script language="JavaScript">
function agregar(){
if
((navigator.appName=="Microsoft Internet Explorer") && (parseInt(navigator.appVersion)>=4)) {
var url="http://aquitublog.blogspot.com";
var titulo="Aqui pones el titulo de tu blog";
window.external.AddFavorite (url,titulo);
}
else {
if(navigator.appName == "Netscape")
alert ("Presiona Crtl+D para agregar Aqui otra ves el titulo de tu blog a tus favoritos");
}
}
</script>
<input value="Agregar a favoritos" onclick="javascript:agregar();" type="button"/></center>



Solo Cambiar lo que esta en rojo.

martes, 8 de febrero de 2011

...Contador De Visitas...

Bueno una vez modificado nuestro perfil empezaremos con un gadget bastante sencillo.Le pondremos un contador de visitas pinchado en el siguiente enlace:

Una vez metidos en la página iremos a seleccionar el tipo de contador que más nos guste.Pincharemos en ver todos, elegiréis el que más os guste y os recomiendo que el valor inicial del contador sea 00000, a continuación le daremos OK y nos saldrá un código que lo copiaremos.Después nos vamos a nuestro diseño de blog y le damos a añadir gadget,y elegimos el gadget que pone: HTML/JAVASCRIPT y pondremos de titulo: contador de visitas y pegaremos en el contenido el código que copiamos antes, le damos guardar y listo.

martes, 1 de febrero de 2011

Tus Peticiones

- Tu Demandas y yo te ofrezco -





Bueno Amigos si tenéis algún truco algún gadget o queréis que os explique cualquier cosa que no este en mi blog  solo tenéis que ponerme aquí  debajo  en un comentario vuestra petición  y yo lo más antes posible intentare publicar vuestra petición. Un Saludo.


Copyright © 2011 Tricks-Blogs. Todos Los Derechos Reservado-Plantilla Creada Por Diego Robles.