Category Archives: Plataformas

Como poner una imagen en tu blog como cierre o contraportada, Classic-Blogger

Classic Blogger, Personaliza Código, Plantillas, Plataformas

Pues es sumamente sencillo.

Para ello tenéis que ir a la plantilla y, en la parte inferior de la misma, encontraréis esto:

< View plain text >
HTML

  1. <!-- Begin #footer -->

Borráis lo que pone abajo (en inglés dice que hay que suprimirlo) y ponéis el código de la imagen

< View plain text >
HTML

  1. &lt;img src=&quot;http://....
mario

Agregar un Rastro de Texto al Cursor, Classic Blogger

Classic Blogger, Plataformas, Texto, Trucos Script/Plugin/Widget

Con el siguiente código se puede añadir al cursor un rastro de texto, al texto se le puede modificar el color, la fuente, tamaño y velocidad, las indicaciones para las modificaciones están dentro del código.

El código se tiene que colocar después de la etiqueta <head>. (No olvidar hacer un respaldo de la plantilla).

< View plain text >
js

  1. <!-- ONE STEP TO INSTALL RIPPLE TEXT: 1. Copy the coding into the HEAD of your HTML document -->
  2.  
  3. &lt;!-- STEP ONE: PEGAR EL CODIGO DEBAJO DE LA ETIQUETA  en tu documentos html (Plantilla) --&gt;
  4.  
  5. <!-- The JavaScript Source!! http://javascript.internet.com -->
  6. <!-- Ripple Text by kurt.grigg@virgin.net -->
  7.  
  8. &lt;!-- Begin
  9. //Aqui se escribe el texto que va a seguir al mouse
  10. msg='Escribir texto aquí!';
  11. //Aqui se especifica la fuente del texto
  12. font='Verdana,Arial';
  13. size=2; // // solo valores entre 1 y 7!!
  14. //Aqui el color
  15. color='#0000ff';
  16. //Aqui la velocidad
  17. speed=0.5;
  18.  
  19. //A partir de aqui no alterar nada!!
  20. ns=(document.layers);
  21. ie=(document.all);
  22. msg=msg.split('');
  23. n=msg.length;
  24. a=size*10;
  25. ymouse=0;
  26. xmouse=0;
  27. scrll=0;
  28. props=&quot;<font face="+font+" size="+size+" color="+color+">";
  29. if (ns){
  30. for (i=0; i &lt; n; i++)
  31. document.write(''+props+msg[i]+'</font>');
  32. }
  33. if (ie){
  34. document.write('<div id="outer"><div>');
  35. for (i=0; i &lt; n; i++)
  36. document.write('<div id="iemsg" style="height:'+a+';width:'+a+';text-align:center">'+props+msg[i]+'</font></div>');
  37. document.write('</div></div>');
  38. }
  39. (ns)?window.captureEvents(Event.MOUSEMOVE):0;
  40. function Mouse(evnt){
  41. ymouse = (ns)?evnt.pageY+20-(window.pageYOffset):event.y+20;
  42. xmouse = (ns)?evnt.pageX+20:event.x+20;
  43. }
  44. (ns)?window.onMouseMove=Mouse:document.onmousemove=Mouse;
  45. y=new Array();
  46. x=new Array();
  47. Y=new Array();
  48. X=new Array();
  49. for (i=0; i &lt; n; i++){
  50. y[i]=0;
  51. x[i]=0;
  52. Y[i]=0;
  53. X[i]=0;
  54. }
  55. function assign(){
  56. if (ie) outer.style.top=document.body.scrollTop;
  57. for (i=0; i &lt; n; i++){
  58. var d=(ns)?document.layers['nsmsg'+i]:iemsg[i].style;
  59. d.top=y[i]+scrll;
  60. d.left=x[i]+(i*(a/2));
  61. }
  62. }
  63. function ripple(){
  64. scrll=(ns)?window.pageYOffset:0;
  65. y[0]=Math.round(Y[0]+=((ymouse)-Y[0])*speed);
  66. x[0]=Math.round(X[0]+=((xmouse)-X[0])*speed);
  67. for (var i=1; i

Este efecto funciona con Internet Explorer, ejemplo.

kbayu

Como Crear un Banner

Aprende lo Básico, Blogger, Classic Blogger, Crear Banners, Imágenes, Plataformas, Servicios para Blogs, Todas, Wordpress

Esto es aplicable a cualquier Plataforma de Blogs.
Un banner no es mas que una imagen, que al pinchar sobre ella nos lleva hacia otra pagina. Algunos son mas sofisticados, y puedes ajustar algunas cosas, pero lo basico es tener tu imagen (tipicamente un rectangulo pequeño que entra en la sidebar).

Para WordPress u Otros:
Luego puedes subir la imagen a cualquier servidor de imágenes gratuito. Puedes revisar el siguiente Post: Paginas para Subir Archivos
Y finalmente agregar la referencia hacia la pagina que quieres que vaya:

Para Blogger:
Puedes subir la imagen con el mismo blogger dentro de una entrada que puedes dejar como borrador, o con Picassa u otro servidor de imágenes.

Puse una imagen grande porque para que iva a estar creando otra, si es lo mismo, ustedes lo hacen con la de ustedes

< View plain text >
HTML

  1. <a href="http://animeguidezone.com"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>
  2. <a href="http://www.direcciondelapagina.com"><img src="http://direccion-de-la-foto-en-el-servidor-que-utilizaron.com/foto.jpg" /></a>

El resultado de la primera linea es el siguiente acuerdense que si quieren abrir en otra pagina deben agregar el comando target…, quedando así el codigo:

< View plain text >
HTML

  1. <a href="http://animeguidezone.com" target="_blank"><img src="http://animeguidezone.com/animeblog/wp-content/uploads/2006/10/mai hime/bscap0001.jpg" /></a>

Y como resultado de lo último, es lo que tenemos a continuacion, esto lo pueden ubicar en cualquier lugar, post, sidebar, titulo, en donde quieran:

Para agregarlo en la sidebar deben editar el archivo sidebar.php y simplemente copiar el codigo en alguna parte de ese archivo…
Suerte!!!

patriram
Soy Blogger desde hace mucho tiempo. Inicialmente este blog se creó para entregar tutoriales paso a paso a las personas que estuvieran ingresando al mundo online. Muchos de mis tutoriales no requieren de conocimiento previo ni habilidades, la idea siempre fue tender una mano a los que usualmente no entienden nada. Como pueden ver estuvo bastante abandonado por varios años pero ahora lo retomaré con otro énfasis, explicación de herramientas mas complejas, y en la medida de lo posible se irán renovando los post que con el tiempo han quedado obsoletos.