Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Sígueme en:
Blogger Google+ facebook twitter you yube Ver perfil en Linkedin Agregar a Favoritos/Marcadores
pica pica curioso Mi Ping en TotalPing.com Buscar en el blog
Cerrar X Bienvenido amig@!!! Recuerda que puedes recibir las actualizaciones del blog a través de Facebook y/o Twitter, o Suscríbase al Feed vía RSS o vía Email.

Siempre, Siempre, Siempre, antes de modificar tu plantilla guarda una copia.

Descarga la plantilla o copias el código en el bloc de notas.

¿Que es RSS?:

RSS (Really Simple Syndication)

Es un sistema que nos permite enterarnos de las actualizaciones de las paginas que visitamos frecuentemente, sin tener que visitarlas directamente.

¿Cómo funciona?

Así cómo para poder leer correos electrónicos tenemos que tener una cuenta y un lector de correo electrónico, para poder leer nuestras paginas en RSS tenemos que tener un lector de RSS.
Existen muchos lectores de RSS pero uno de los mas sencillos de usar y mas utilizados por todos es el Google Reader, este lector se encarga de agrupar todos los sitios que visitamos frecuentemente mostrándonos la actualización que cada sitio tiene sin necesidad de ir a visitarlos.
Antes yo entraba a los sitios a mirar si habían publicado algo nuevo, ahora mediante los RSS cuando el sitio publica algo nuevo me llega su actualización.

Sencillo, rápido y útil.
votar
Achicar Entrada Agrandar Entrada
Crear un nuevo Gadget (elemento HTML/Javascript) en el sidebar:

<form action="/search" style="display:inline;" method="get">
<input id="s" onfocus="this.value=''" value="Texto a buscar" class="formsuch" name="q" size="17" type="text"/>
<input alt="Buscar" src="http://img142.imageshack.us/img142/7/searchiconry7.png" class="searchicon" value="Search" name="submit" type="image"/>
</form>


y en css o entre <style type="text/css"> y </style>:

.searchicon:focus {
background-color: white;
color : black;
outline : none; }

input:focus {
background-color: #FFFFCC;
color : black;
outline : none; }

legend {
padding: 0.5em 0.5em 0 0.5em;
font: 30px Georgia,Verdana,sans-serif;}

input {
border : 1px solid black;
padding: 4px;
margin-left : 15px;
outline : none; }

.searchicon {
margin-left : -26px;
margin-bottom : -29px;
border : 0;}

Leer Importante... Comentar esta entrada ▼ Ir al principio de la entrada
Angel dijo...

Amigo tu pagina esta de lujo te felicito espero no te enojes si tomo algunas cosas de tu blog :15).. quisiera empezar preguntandote como creo en mi pagina un buscador como el que tu tienes junto con el boton Inicio y las flechas de ver entradas anteriores y ver entradas nuevas MAS las flechitas esas que suben y bajan.

Esos tres botones se ven bien chevere!
estare esperando tu respuesta gracias :27)

Vku dijo...

Gracias Angel y toma todo lo que quieras.

Tus preguntas son muy dificil de contestar ya que las imagenes son con sprite.

Subir y bajar tengo un par de entradas al respecto. (pone en el buscador)

Lo del buscador es el que proporciona google añadiendo un gadget con algunos cambios mios como http://loseasi.blogspot.com/2010/07/cambiar-posicion-de-un-gadget.html y condicionales para que se vea distinto en las entradas y un poco de javascript creado por mi.

Lo de las flechas de entradas también son con condicionales y los link son expr:href='data:newerPageUrl' y expr:href='data:olderPageUrl'

Angel dijo...

Amigo eso significa que no podre tener en mi pagina esos tres botones juntos? que pena porque en tu pagina se ven muy bien y estoy seguro que en la mia tambien lo haria.. pero bueno, no podrias crear una entrada explicando como hacerlo?

Saludos desde Lima

Vku dijo...

voy a intentar hacer la entrada, pero sabes algo de imágenes con sprites?

Angel dijo...

@ Vku: Mentiria si te digo que si, pero si dispones de tiempo y lo explicas en la entrada y mas la ayuda que puedas darme si me pierdo pues haria la lucha. Recuerda "Lo imposible solo tarda un poco mas" :)

Angel dijo...

Andrés casi lo consigo! en un momento dado logre colocar el buscador junto a Entradas antiguas- Inicio - Entradas nuevas, funcionaba perfectamente. Luego cuando me proponía a colocar también las flechitas de subir y bajar de repente el buscador se quedo estático ya no se movía junto con los demás botones :10) me podrías ayudar? como haría también para que en lugar de tener mi pagina esos iconos feos y grandes tuviera los tuyos que si se ven muy bien :6)
Gracias por tu tiempo y tu amabilidad.


:24)

Vku dijo...

Angel fijate esta entrada:

http://loseasi.blogspot.com/2011/01/entradas-antiguas-inicio-y-entradas.html

Y para lo del busacador tendria que verlo para ayudarte. dejalo colocado y me avisas asi veo el error.

Vku dijo...

Supongo que lo que tienes que hacer es poner arriba de </head>

El siguiente código:

<style>#HTML6{position:fixed;bottom:5px;right:158px;z-index:99999999;}</style>

Vku dijo...

Otra cosa Angel tienes en tu plantilla repetido 3 veces el mismo código de Prototype y Scriptaculous

Deja el primero y borra los otros 2.

Y borra esta línea: #HTML6{position:fixed; top: 518px; left:800px; width:150px}

Antes de hacer algun cambio resparda la plantilla.

Angel dijo...

Buenas noches Andrés con la ayuda del comentario #8 se soluciono el problema del buscador :15)
Los codigos html en mi plantilla están todos desordenados :16) que cuando busco Prototype y Scriptaculous me sale solo dos coincidencias y no tres como tu las mencionas, exactamente que codigos tendría que borrar para no cometer el error de quitar por equivocación un codigo que es necesario en la pagina.
Gracias por tu ayuda, por cierto tambien borre el html6 que estaba de mas.

Vku dijo...

Código 1 que no tenes que borrar:

<!-- Prototype y Scriptaculous-->
<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.6.0.3");

window.JSON = {
parse: function (st) { return st.evalJSON(); },
stringify: function(obj) { return Object.toJSON(obj); }
};

google.load("scriptaculous", "1.8.2");
</script>

<!-- Prototype y Scriptaculous-->

Código 2 Borrar

<script src='http://www.google.com/jsapi'></script>
<script>
google.load("prototype","1.6.0.3");
google.load("scriptaculous", "1.8.2");
</script>

Código 3 Borrar

<script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/prototype.js' type='text/javascript'></script><script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/scriptaculous.js?load=effects' type='text/javascript'></script>

o así:

<script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/prototype.js' type='text/javascript'/><script src='http://dl.dropbox.com/u/18210610/Archivos%20js/js%20modificado/scriptaculous.js?load=effects' type='text/javascript'/>

Juan dijo...

Hola, gracias por el estilo del buscador y la foto también me gusto.
Gracias por compartir.:)

Claudia Torres Arosemena dijo...

Hola amigo, muchas gracias, definitivamente, este buscador es mucho más efectivo que el gadget de blogger, ya lo agregué a mi blog!!

Saludos,

Claudia

Si tienes alguna opinión respecto a la entrada, tienes un punto de vista distinto, o simplemente quieres saludar, te invito a que dejes un comentario. NO SE ACEPTAN LINKS DE REFERIDOS para que los comentarios no se conviertan simplemente en una forma de publicitarse.



Elegir un botón o imagen, Seleccionar, copiar (Ctrl+C) y pegar en formulario de comentarios.


Nota: solo los miembros de este blog pueden publicar comentarios.

Si no puedes comentar, intenta con el antiguo formularioO leer solución

VituaRadio
Informe Importante

Por un tiempo voy a estar sin internet, así que no voy a actualizar ni poder contestar a los comentarios.
Suscribirse a las entradas Suscribirse a las entradas vía Mail Suscribirse a los comentarios
¿Que es RSS?