de amistad,de amor, de best amor, imagenes de san valentin, imagenes de navidad, imagenes de adviento, imagenes de angles, imaganes de amor, imagenes de cumpleaños
Este script hará que los demás los puedan agregar a sus favoritos en el navegador de internet.Además os ofrezco unas imagenes que e creado en diferentes colores en 160 x 30 que es un tamaño pequeño,pero suficiente,y que suele ser apropiado para las columnas de blogs,y de fondo transparente.
El script es el siguiente y deben pegarlo en un elemento HTML/Javascript,en el sitio que prefieran,normalmente "partes altas de una web o blog":
*Solo hay que modificar "entre comillas" (la url del blog y el titulo) y poner la información de el blog,y la imagen "url de la imagen". *Imagenes para elegir:
Este tema es muy sencillo si seguís los pasos,y queda muy vistoso,podéis ver un notable cambio del modelo básico que puede ofrecer una plantilla,a las grandes posibilidades que tenemos al poder mostrar tanto "el numero de comentarios"(con tamaño editable),como poner la imagen que queramos "gif",que pondremos según el diseño del blog y que indicará mas visualmente cual es la sección para comentar en un blog.
Pasos:
1ºEste paso se hace por que si no se hace,salen los comentarios arriba del post y abajo del post " 2 veces ", si lo borramos solo salen en un lado como debe quedar,vamos a nuestra plantilla "Edición html" y "expandimos artilugios"... localizamos con las teclas de nuestro teclado "Control+F"buscamos lo siguiente: <span class="post-comment-link"> "Incluido este código y hasta: </span> ¡Lo borramos! ,(Son unos 10-12 renglones "cuidado no borrar más,ver imagen).2ºAhora una vez borrado esa pequeña parte:Buscamos ahora: <b:includable id='post' var='post'> justo detrás "Si no hay espacio damos a Enter",ponemos el siguiente código:
3ºAhora buscamos: ]]></b:skin> y justo "antes" ponemos:
.comment-link { font-size: 150%; background: url( "URL de la Imagen que se quiera" ) no-repeat top right; height: 50px; width: 53px; text-align: center; float: right; margin: 5px 0 0 0; padding:5px 2px 0 5px; }
4ºDamos a vista previa,y nos aseguramos que no hay errores y guardamos. * Los valores de tamaño del numero de comentarios "font-size: 150%;"podéis ajustarlos para el efecto deseado,y en:background: url( "URL de la Imagen que se quiera" ) ,hay ponemos entre los paréntesis la dirección de la imagen que queramos(una vez modificado se previsualiza la plantilla y se guarda).
-Estas son algunas imagenes para poner:
*Aquí dejo las "url" o direcciones de algunas imagenes que están muy bien para este motivo,para ver la animación,tamaño y la calidad de la imagen pulsar sobre el enlace de cada imagen,una vez elegida la direccion de imagen copiar y pegar sobre el código anterior "entre los parentesis ("AQUI LA URL DE LA IMAGEN") y comillas:Ejemplo:background: url( "http://www.gifmania.com/email/buzonesrojos/bnm.gif" )
Este es un Chat gratuito,muy editable,integrable en una web o blog,y que además dispone de una pagina personal del chat que se cree,con muchos aspectos de colorido y diseño editables,aquí comentaremos algunos.
1º¿Como obtener un xat(chat)?:Fácil vamos a esta pagina: FREE CHAT BOX
2ºEn la pagina indicada en el paso 1º,veremos que pone "free chat box",hay abajo,pulsamos en el botón que pone "Get a free chat box now".3ºAhora nos saldrá esta pagina,que "vamos a dividir en partes para explicar brevemente las funciones editables gratuitas principales":*Bien,siguiendo los pasos,esta es la primera imagen que veremos,ya podemos empezar a editar nuestro chat,elegir un fondo que nos ofrecen o poner uno propio alojándolo en photobucket,pulsando sobre las opciones que se muestran.
*Donde pone: "Chat box size: Small,Medium,Large", hay editamos el tamaño del chat (aunque luego sobre el código también podemos modificar el tamaño aun estando puesto ya en un blog,en la parte que ponga: width="540" height="405".
*El Botón de "Update y Get códe",es el que después de los cambios nos generará el código resultante del xat a nuestro gusto,(pero,aun no lo haremos ya que queda algo mas por editar)sigamos... *En esta imagen anterior vemos la plataforma "en este caso Blogger" entre otras que podemos seleccionar,y copiar el código del chat editado,(este es uno de los pasos finales,antes habría que elegir alguna preferencia mas).*Aquí en esta imagen anterior,vemos distintas opciones,si queremos que el chat sea privado o publico,si es solo para miembros(con registro) o abierto a todos los visitantes,opciones de Baneo,de Smilies,de sonido,de imagen de fondo,etc,
Idioma de chat,colores de botones del chat,y si queremos incorporar Radio online (para tener 2 en 1; Chat+Música online) podemos poner en ese recuadro una url de música online,incluso nos ofrece una emisora que suena buena música; 99.198.112.62:80
4ºYa podríamos copiar y pegar el código en nuestro blog,ya que hemos editado el aspecto del chat y el diseño y las opciones gratuitas principales,ahora en la misma imagen anterior,vemos un botón que pone: "Convert my Chat Box into a Group";Pulsamos y vemos esta siguiente pantalla:*Bien aquí podemos registrar el grupo de chat y así tener una pagina además de la obtención del código,también nos registramos en xat,aceptamos los términos y damos a "Crear Group".
Una vez creado el grupo y hecho el registro,y puesto el código del chat xat en vuestro blog,disponéis de 2 chats,uno en vuestro blog y otro en una pagina como esta.*Esa pagina podremos editarla también,y además disponemos de mas opciones como juegos,mas emoticones,etc,en ña pestaña que vemos a la izquierda,y sabiendo esto,hasta aquí llegaré con este tutorial
y ahora para no hacerlo mucho mas largo,les explicaré brevemente como ponerse un Nik en el chat "divertido,con letras modificadas+emoticones en su nik":
Modificar nik de chat: xat(la opción gratuita),como sabemos todas estas paginas tienen (premiums,o opciones de pago),pero hay algunas maneras de modificar el nik de xat,muy sencillas y vistosas.
1ºClicamos sobre el Nik propio,y se nos habre una ventana,en la que editar el nik y la imagen o avatar,para poner un emoticono en nuestro nik antes después o entre el nik,pulsamos sobre el emoticono elegido,para escribirlo como comentario en el chat,pero sin enviarlo,lo copiamos(como vemos en la siguiente imagen,cuando lo pongamos en nuestro nik,se ponen con parentesis *ejemplo: Jorge Vallester / Ejemplo con emoticonos: (biggrin)Jorge(homer)Vallester(xj9)(bot)*Ahora para editar el nik "tipo y diseño de letra tenemos estas opciones:
Una vez que hallais editado en la pagina elegida vuestro nik lo copiamos y lo vamos a poner en el chat con las teclas "Control+V"(cuando hayais pulsado sobre vuestro nik en xat,en el cuadro que sale,en "Name",en el recuadro pulsais "Control+V" y pegareis automaticamente el Nik editado,para que lo entendais mejor os dejo un video que ví que os puede ayudar a entenderlo: A disfrutarlo.
Este es un script,que nos ofrece un carrusel de imagenes,en modo de diapositiva,y además con enlaces,lo que significa,que "las imagenes están enlazadas"(Image slide link).
Es editable,en tamaño,en imagenes,y porsupuesto podemos poner los enlaces que queramos.Podemos darle multitud de usos: *Podemos poner imagenes de Banners de otros Blogs o paginas y sus enlaces. *Si tienes por ejemplo una pagina de Música,puedes poner las carátulas del álbum y el enlace... *También podemos poner imagenes o secciones de nuestra propia pagina o un contenido que queramos,y así ofrecer el contenido de una manera muy visual y diferente...ya cada uno le da el uso que crea que mas le convenga o mas le guste.
Bien es muy sencillo ya que podemos colocar el código que os ofrezco,e un elemento "HTML/javascript",agregando un nuevo elemento. *Copiamos el código siguiente:
*Lo resaltado en rojo podemos modificar,que seria el tamaño de alto y ancho:width='140px' //slideshow width var trans_height='100px' //slideshow height
y los enlaces de imagen y url del contenido: "AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO" *Si queremos poner mas imagenes enlazadas solo hemos de añadir "modulos numerados" a continuación de los que ya hay:
slideshowcontent[4]=["AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO", "_new"]
slideshowcontent[5]=["AQUI LA URL DE LA IMAGEN", "AQUI LA URL DEL ENLACE O CONTENIDO", "_new"]
Los emoticons(emoticones,smiles), ayudaran a los visitantes que deseen comentar poder reflejar algún estado de ánimo o gesto que a veces es más fácil expresar con una imagen.Vamos a ver cómo agregar emoticons en el blog,estos son los emoticons que verás (son la base,luego se podrán añadir,o modificar nuevos al gusto): *Aparecerán sólo en los comentarios, y para ello usaremos un script que hace que los emoticons sólo se ejecuten en el cuerpo de los comentarios para no interferir con otras áreas.
1ºEntramos a las secciones de Blogger de "nuestro Blog",en Diseño,Edición de HTML,y seleccionamos la "casillas" de "Expandir plantillas de artilugios",(como se ve en las imagenes).2ºPara buscar las zonas de la plantilla facilmente donde pondremos los códigos,pulsaremos en nuestro teclado ahora "Control+F" y se nos abrirá una ventanita de búsqueda en la parte de abajo,como se ve en la imagen y buscaremos </head>*Una vez localizado,justo antes pondremos el siguiente código:
5º"Damos a vista previa" para asegurar que se ha hecho todo correcto,y le damos a "guardar,y listo, tendrás estos emoticonos en tu blog. Estas imágenes son tomadas del mismo Facebook y tienen el contorno ligeramente marcado de blanco, por lo que se recomienda usarlo en blogs con colores claros para que no se note ese pequeño borde alrededor de ellas. *puedes cambiar los iconos por los tuyos, sólo busca las URLs de las imágenes del primer código que corresponden a cada juego de caracteres.
6ºComo parte fínal y para que los visitantes que quieran comentar sepan que los comentarios tienen el script de emoticons,pondremos una imagen que lo indique para que puedan darle uso,
*Marcamos "Expandir plantillas de artilugios" buscaremos lo siguiente pulsando "control+F":
Con esta flecha subís desde cualquier posición de la pagina al inicio de la pagina del blog,es muy fácil insertar,únicamente tenéis que colocar el código html antes del final de la plantilla "antes de </body>"
Podéis ver el ejemplo y como funciona en esta pagina,(abajo derecha).
Los pasos simples: 1º:Vamos a "Diseño" y en "Edición de HTML". 2º:Pulsamos "Control + F" de nuestro teclado,como se ve en la imagen saldrá una ventanita abajo donde introducimos el elemento a buscar de la plantilla </body>.3º:Como vemos en la imagen se encuentra hacia el final de la plantilla justo antes pondremos el siguiente código:
<a href="#" title="Subir a Inicio"><img alt="Subir a Inicio" border="0" src="http://www.lumetalplastic.com/img/dural_subir.jpg" style="position:fixed; bottom:0; right:0;" /></a>
*damos a "Vista previa" y si todo esta correcto y la visualizamos damos a "Guardar plantilla". *Espero les guste. *Les ofrezco además unas flechas de las que cambiar la "url de la imagen marcada en Rojo" así pueden cambiar el color de la flecha o diseño:
Este script hará que los demás los puedan agregar a sus favoritos en el navegador de internet.Además os ofrezco unas imagenes que e creado en diferentes colores en 160 x 30 que es un tamaño pequeño,pero suficiente,y que suele ser apropiado para las columnas de blogs,y de fondo transparente.
