Tag Archives: visitas

Como subir un Libro de Visitas al host gratuito (Guestbook)


Podemos hacerlo con cualquier guestbook, yo elegí este: Ricardo Gbook
Si les interesa alguno en especial, dejen un comentario para considerarlo.
Para los que no hayan leído los post anteriores les recomiendo revisar los relacionados con 000 Web Hosting, el host en el que instalaremos este Libro de Visitas.

Primero descargamos los siguientes archivos:
Descargar GBook
Continue reading Como subir un Libro de Visitas al host gratuito (Guestbook)

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.

Txtfull Como tener visitas gratis para el Blog, Instalando un bloque de Enlaces

Hola a todos…
En este post explicaremos el servicio que ofrece txtfull. No es verdad que cuando creas un blog (ya seriamente), quisieras que hayan visitas lo mas antes posible?, verdad, no?? pues aquí una ayuda para que tu blog se vea en otros blogs o webs, una gran servicio fácil de crear e implementar en tu blog. Pues txtfull, no es mas que una herramienta o servicio (Llámenlo como quieran), que nos servirá para poder obtener mas visitas en nuestro blog mediante el intercambio de links.

Les explicaré brevemente como funciona esto:
1.- Creamos el espacio de los links (totalmente personalizable),
2.- Copiamos el código y lo pegamos en una parte de nuestro blog,
3.- Luego de esto lo que sucederá es que recibirás visitas provenientes de otros blogs o webs, que a su vez también reciben visitas a través de tu blog, (mediante el intercambio de links), ahora conforme a que tu generas mas visitas, vas ganando créditos, estos créditos te sirven para poder poner el link de tu blog en muchos mas sitios (tasa de intercambio). Bueno espero haberme explicado bien.

Lo que haré en este post es explicarles paso a paso, desde la creación de una cuenta hasta donde deben poner el código para lograr aumentar el numero de visitas en su blog.

1.- Ingresa a txtfull y registrate:

txtfull_01.jpg

2.- Llena tus Datos (Información Personal) y en el espacio de la URL de tu blog (Información de su Sitio Web), pones “http://nombredetublog.dominio.com”
o como quiera que sea, y sigues llenado cada uno de los cuadros, cuando llegues a la parte de “países donde se vera tu blog”, elijes los de habla hispana, no habría razón para ponerlo en países casi desconocidos.

txtfull_02.jpg

txtfull_03.jpg

3.- Ahora LLegas a la sección “Su cuenta“, con estos datos tu ingresaras a tu cuenta, asi que procura recordarlos.

txtfull_04.jpg

4.- Ahora, tienes que esperar a lo mucho 24 horas, ya que ellos hacen una revision manual de tu solicitud, cuando ya estés aprobado, te llegara un mensaje a tu mail. no te preocupes siempre llega.

5.- Cuando ya estés aprobado… Ahora ingresas a tu cuenta: poniendo tu nombre de Usuario y Password.
txtfull_05.jpg

6.- Ya cuando estés dentro, podrás ver un menú a tu derecha, con varios Items, en este caso solo explicare el item “Generar Código HTML“, que es para poder poner links en tu sitio y ganar créditos.
txtfull_06.jpg

7.- Haces click en “Generar Código HTML” y te enviara al siguientes formulario, acá podrás personalizar el espacio de los links, haciendo quedar como para tu blog.

txtfull_07.jpg
txtfull_08.jpg
txtfull_09.jpg

8.- Listo, ahora que tenemos el código, pondremos la Barra de Links en el Blog, primero vamos a “Diseño” en el Escritorio, o en tu panel de control (esto es en blogger).

txtfull_10.jpg

9.- Ahora creamos un nuevo “gadget“, y seleccionamos el del tipo “HTML/JavaScript“.

txtfull_11.jpg

txtfull_12.jpg

10.- Ahora pegamos el codigo en el cuadro de texto y guardamos el gadget.

txtfull_13.jpg

11.- Listo, ahora mira tu blog, y verás que el gadget de los links se implemento bien, ya luego la cosa es ubicarlo donde tu quieras.

txtfull_14.jpg

Esto es todo en torno a crear el codigo de txtfull e implementarlo en el blog. recuerden que entre mas click hagan en la Barra de Intercambio de Links, recibiras mas creditos y tu blog o web sera visto en mas sitios también. Cualquier Duda escriban un comentario y será respondido a la brevedad posible.

Ventana de Avisos Flotante para tus Visitas, Blogger


Quien no se ha cruzado alguna vez en la vida, al entrar en alguna pagina, con esos cartelitos flotantes que te persiguen con propagandas, y la verdad que es imposible ignorarlos. A la hora de dar algún aviso, hacer algún anuncio, ya sea algo que queremos comunicar, como un evento, un mensaje de felicitación, un cumpleaños, una noticia importante, o simplemente promocionar alguna Web o blog que nos interese, los cartelitos flotantes (script flotante) es verdaderamente mas que una opción interesante y atractiva, le puede dar un aspecto elegante a nuestro blog a la hora de comunicar y cobrar protagonismo fácilmente y sin demasiadas molestias ya que con un solo clic el lector podrá sacarlo de su vista una vez que lo haya leído.

Bueno sin más preámbulos paso a explicarles de forma sencilla y clara como fácilmente podemos construir uno de estos cartelitos tan bonitos jeje.

En la plantilla de edición HTML debemos buscar la parte que dice:

]]></b:skin>

Justo antes de esto debemos pegar el siguiente código:

  1. #fadeinbox{
  2. position:absolute;
  3. width: 300px;
  4. left: 0;
  5. top: -400px;
  6. border: 2px solid black;
  7. background-color: lightyellow;
  8. padding: 4px;
  9. z-index: 300;
  10. visibility:hidden;
  11. }

Bueno ahora les explico que hacen algunos de estos atributos que les pueden interesar:

-border: aquí podemos seleccionar el borde del cuadro (grosor, color).
– background-color: el color del fondo del anuncio, en este caso pusimos blanco (lightyellow).
-width: con esto cambiamos el ancho del cartel.

Si queremos poner una imagen en el fondo del anuncio debemos sustituir (que generalmente si queremos jeje) solo debemos sustituir en el atributo
background-color: lightyellow
por
background: url(‘la dirección de la imagen ‘)

Y este código justo arriba de </body> (esta al final de la plantilla)

  1. <div id='fadeinbox'>
  2.  
  3. AQUI VA EL MENSAJE DE USTEDES
  4. <div align='right'> <a href='#'>Hide Box</a></div>
  5. </div>

En este código escriben el mensaje.

Ahora tenemos que añadir el script (que corresponde al código que esta aquí abajo), Vamos a añadirlo como elemento de página (ahora gadget). Entramos al menú Diseño, luego Elementos de Página, luego vamos a Añadir Gadget, seleccionamos un elemento HTML/Javascript de la lista que nos aparece.

ventana_avisos_1.JPG

ventana_avisos_2.JPG

Codigo:

  1. /***********************************************
  2. * Sticky Note script- © Dynamic Drive DHTML code library (www.dynamicdrive.com)
  3. * Visit DynamicDrive.com for hundreds of DHTML scripts
  4. * This notice must stay intact for legal use
  5. * Go to http://www.dynamicdrive.com/ for full source code
  6. ***********************************************/
  7.  
  8. //Specify display mode. 3 possible values are:
  9. //1) "always"- This makes the fade-in box load each time the page is displayed
  10. //2) "oncepersession"- This uses cookies to display the fade-in box only once per browser session
  11. //3) integer (ie: 5)- Finally, you can specify an integer to display the box randomly via a frequency of 1/integer...
  12. // For example, 2 would display the box about (1/2) 50% of the time the page loads.
  13.  
  14. var displaymode="always"
  15.  
  16. var enablefade="yes" //("yes" to enable fade in effect, "no" to disable)
  17. var autohidebox=["yes", 5] //Automatically hide box after x seconds? [yes/no, if_yes_hide_after_seconds]
  18. var showonscroll="yes" //Should box remain visible even when user scrolls page? ("yes"/"no)
  19. var IEfadelength=1 //fade in duration for IE, in seconds
  20. var Mozfadedegree=0.05 //fade in degree for NS6+ (number between 0 and 1. Recommended max: 0.2)
  21.  
  22. ////////No need to edit beyond here///////////
  23.  
  24. if (parseInt(displaymode)!=NaN)
  25. var random_num=Math.floor(Math.random()*displaymode)
  26.  
  27. function displayfadeinbox(){
  28. var ie=document.all &amp;&amp; !window.opera
  29. var dom=document.getElementById
  30. iebody=(document.compatMode=="CSS1Compat")? document.documentElement : document.body
  31. objref=(dom)? document.getElementById("fadeinbox") : document.all.fadeinbox
  32. var scroll_top=(ie)? iebody.scrollTop : window.pageYOffset
  33. var docwidth=(ie)? iebody.clientWidth : window.innerWidth
  34. docheight=(ie)? iebody.clientHeight: window.innerHeight
  35. var objwidth=objref.offsetWidth
  36. objheight=objref.offsetHeight
  37. objref.style.left=docwidth/2-objwidth/2+"px"
  38. objref.style.top=scroll_top+docheight/2-objheight/2+"px"
  39.  
  40. if (showonscroll=="yes")
  41. showonscrollvar=setInterval("staticfadebox()", 50)
  42.  
  43. if (enablefade=="yes" &amp;&amp; objref.filters){
  44. objref.filters[0].duration=IEfadelength
  45. objref.filters[0].Apply()
  46. objref.filters[0].Play()
  47. }
  48. objref.style.visibility="visible"
  49. if (objref.style.MozOpacity){
  50. if (enablefade=="yes")
  51. mozfadevar=setInterval("mozfadefx()", 90)
  52. else{
  53. objref.style.MozOpacity=1
  54. controlledhidebox()
  55. }
  56. }
  57. else
  58. controlledhidebox()
  59. }
  60.  
  61. function mozfadefx(){
  62. if (parseFloat(objref.style.MozOpacity) 0) {
  63. offset = document.cookie.indexOf(search)
  64. if (offset != -1) {
  65. offset += search.length
  66. end = document.cookie.indexOf(";", offset)
  67. if (end == -1)
  68. end = document.cookie.length;
  69. returnvalue=unescape(document.cookie.substring(offset, end))
  70. }
  71. }
  72. return returnvalue;
  73. }
  74.  
  75.  
  76. if (displaymode=="oncepersession" &amp;&amp; get_cookie("fadedin")=="" || displaymode=="always" || parseInt(displaymode)!=NaN &amp;&amp; random_num==0){
  77. if (window.addEventListener)
  78. window.addEventListener("load", initfunction, false)
  79. else if (window.attachEvent)
  80. window.attachEvent("onload", initfunction)
  81. else if (document.getElementById)
  82. window.onload=initfunction
  83. document.cookie="fadedin=yes"
  84. }

Este es el resultado, un cuadro flotante, que se mueve junto con la pagina (se puede cerrar), y se ve bastante bonito si agregamos alguna imagen en el.

ventana_avisos_3.JPG

Ahora solo falta que pongas a trabajar tu imaginación para crear los cartelitos mas lindos (recuerda que puedes agregar imagenes en tu mensaje).. mucha suerte, y espero que te haya sido útil esta guía.