HOLA A TODOS, ESTE ES EL ULTIMO POST Q HAGO EN WORDPRES, LA VERDAD ES Q PROBE EL BLOGGER Y ES MUY BUENO ASI Q DECIDI CAMBIARME, MI NUEVO BLOG ES
PORFAVOR VAYAN A ESA PAGINA ESTA MUCHO MEJOR Y LE ECHE MAS GANAS.
LOS ESPERO.
Los espero.
Archivo de Junio 2007
El final de Trucos Blogger…
Publicado por yaju en Junio 12, 2007
Cuando empecé este blog, nunca pensé que lo iban a leer mas de 400 personas diarias, la idea básica comenzo cuando trataba de “añadirle” unos efecto a un blog que había creado, pero en ese entonces no había un blog de ayuda que pudiera auxiliar me (porque era blogger beta), entonces decidí investigar como editar el blogger beta, y como no podía recordar tantos trucos cree un blog para guardar los apuntes…y ustedes ya conocen el resto de la historia…
Pues ahora me toca decir “hasta luego” por circunstancias que no puedo evitar, asi que me despido…el destino del blog es incierto, espero que mis colaboradores me sigan ayudando. Adios
Les dejo la siguiente “idea” de Jorge Serrano en la cual expresa lo que quiero decir:
La cuestión para uno siempre fue aprender, y compartir lo aprendido. Así que seguiremos investigando de una forma u otra. Y por si a alguien le interesa, quisiera constatar que un blog es una de las mejores formas de educación que he conocido, gracias al intercambio intenso de información, esa pre-navegación, esa mediación de información actualizada (a un nivel incluso estresante) y la pasión por este mundillo. Una pena que los que de verdad saben (no como yo) no cuenten más cosicas.
Ya sabéis donde se encuentra la ayuda, los trucos, widget, hacks, recursos, así que seguirán hay por siempre. ¡Hasta Luego y Ojalá vivas tiempos interesantes¡ 
Leonel Alvarado
Escritor
Publicado en Blogger y Yo | 6 Comentarios »
Crea Encuestas en tu Blog
Publicado por yaju en Junio 11, 2007
Aquí de nuevo otro truco el cual uso en Exiliados del Olimpo
Básicamente es una forma de crear una “Encuesta”, la cual pueden editar por completo ( colores y opciones ), hablo de Poll4You simplemente tienen que seguir unos simples pasos:
- Poner la pregunta y seleccionar el numero de respuestas
- Escribir las respuestas probables
- Seleccionar los colores y poner su email ( para dar resultados )
- Insertar el código en un Widget nuevo ( elemento de su blog, por medio de edición de Plantilla )
El código el cual tienen que insertar en el Widget debe de verse más o menos así:
<script src="http://www.poll4you.com/showpoll.php?id=3552" type="text/javascript"></script>
<!-- End Poll4You.com Html Code -->
Aquí un ejemplo de mi encuesta en Exiliados del Olimpo
Publicado en Trucos Sencillos | 5 Comentarios »
Eliminar titulo en el nuevo Blogger
Publicado por yaju en Junio 11, 2007
Esta es una forma muy sencilla de eliminar el titulo de nuestro blog:
Nos dirigimos a:
Plantilla–Edicion HTML–Marcamos la casilla expandir plantilla de artilugios
Una vez ahí debemos buscar esta parte del código:
<div id=’header-wrapper’>
<b:section class=’header’ id=’header’ maxwidgets=’1′ showaddelement=’no’>
<b:widget id=’Header1′ locked=’true’ title=’PruebaBlog (cabecera)’
type=’Header’>
<b:includable id=’main’>
<div class=’titlewrapper’>
<h1 class=’title’>
<b:if cond=’data:blog.url == data:blog.homepageUrl’>
<data:title/>
<b:else/>
<a expr:href=’data:blog.homepageUrl’><data:title/></a>
</b:if>
</h1>
</div>
Eliminaremos las etiquetas <data:title/> guardamos los cambios y listo.
Sustraido sigilosamente de Gem@ que a su vez sustrajo de Ayuda para el Blog
Publicado en Trucos Sencillos | 2 Comentarios »
Crea tu propio chat en tu blogger
Publicado por yaju en Junio 10, 2007
De nuevo desde Exiliados del Olimpo les traigo un nuevo truco, en esta ocación algo que les permitira tener más interacción con sus usarios.
Estoes, un chat el cual pueden editar en tamaño y fondo, para ponerlo en su blog ( muy similar al MSN ), simplemente cualquiera puede entrar y es muy bueno debido a su poco tiempo de carga y su opcion de guardar mensajes ( para poder navegar y chatear ).
Pueden ver un ejemplo en : http://blog.exolimpo.com
Para conseguir uno simplemente necesitan entrar a http://www.xatech.com/web_gear/chat.php#top
Posteriormente elegir un fondo ( a la izquierda ) y hacer click en Update & Get Code, obtendran un código SIMILAR a este:
<embed src=http://www.xatech.com/web_gear/chat/chat.swf quality=high bgcolor=#000000 width=540 height=405 name=chat FlashVars="id=6345045" align="middle" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.xatech.com/update_flash.shtml" /><br><small><a target="_BLANK" href="http://www.xatech.com/web_gear/?cb">Get your own Chat Box!</a> <a target="_BLANK" href="http://www.xatech.com/web_gear/chat/go_large.php?id=6345045">Go Large!</a></small><br>
El cual pueden poner en cualquier widget o Post
Publicado en Trucos Sencillos | 3 Comentarios »
Darle Estilo a tu Buscador
Publicado por yaju en Junio 9, 2007
¿Alguna vez han visto una caja de texto con colores / bordes o fondo personalizado?, si su respuesta es no simplemente cheque mi blog: http://blog.exolimpo.com fijense, en el menú izquierdo, mi buscador tiene color diferente.
Así que les enseñare como hacerlo, es bastante simple, solo se necesita un pequeño código de CSS:
.formas {
width:100px; /* Largo Horizontal del cuadro */
background-color: #FFB96E; /* Color de fondo */
color: #975000; /* Color de la letra */
font-weight: bold; /* Tipo de fuente, Negrita(bold) y Normal */
font-family: Verdana, Arial, Helvetica, sans-serif; /* Fuente */
font-size: 10px; /* Tamaño de la fuente */
border: 3px 1px 1px 2px; /* Grueso del borde, en orden: ^ > v
Si no sabes HEX colors ( para los colores del fondo, letra y Bordes ) checa este sitio web:
http://www.hitmill.com/html/rgbcolorvalues.html
Pueden usar esta modificación para dejar su buscador con mucho estilo:
Ejemplo: http://blog.exolimpo.com
Publicado en Trucos Sencillos | 3 Comentarios »
Identificar vinculos externos
Publicado por yaju en Junio 9, 2007
En esta ocasión aprenderemos algo muy útil, que nos sirve para identificar los vinculos externos por medio de un icono pequeño.
El truco consiste en utilizar los “selectores de atributos”. Por ejemplo, esto permitiría detectar todas las etiquetas A que contengan un vínculo a cualquier tipo de archivo:
En este caso identificaremos a dos tipos de archivos similares (en este caso archivos comprimidos), así que usaremos el mismo icono:
a[href $='.zip'], a[href $='.rar']{
padding-right: 18px;
background: transparent url(http://bp0.blogger.com/_Zuzii37VUO4/Rh1xnUrQooI/AAAAAAAAAhc/wU0nM7M_Ebo/s1600/icono_zip.gif) no-repeat center right;
}
Aqui identificaremos con un icono a una hoja de estilo (CSS) externa:
a[href $='.css']{
padding-right: 18px;
background: transparent url(http://bp2.blogger.com/_Zuzii37VUO4/Rh2GS0rQopI/AAAAAAAAAhk/4QyZEOVo2L8/s1600/icono_css.gif) no-repeat center right;
}
Aquí identificamos un archivo de texto:
a[href $='.txt']{
padding-right: 18px;
background: transparent url(http://bp2.blogger.com/_Zuzii37VUO4/Rh2JS0rQoqI/AAAAAAAAAhs/8cn9Frf0DqE/s1600/icono_textoplano.gif) no-repeat center right;
}
O incluso podemos identificar el enlace a un e-mail:
a[href ^="mailto:"] {
padding-right: anchoImagen;
background: transparent url(URL_imagen) no-repeat center right;
}
Y para identificar a un vinculo externo cualquiera (sin definir las clases) el siguiente código:
.linkexterno {
background: transparent url(http://bp1.blogger.com/_Zuzii37VUO4/Rimp_xN7pfI/AAAAAAAAAmM/kp9QQ5bj-nc/s1600/icono-link-externo.png) no-repeat center right;
padding-right: 14px;
}
Todos estos códigos deben de ser añadidos en:
Plantilla–Edición de HTML
Antes de ]]></b:skin>
Guardar los cambios y listo
Nota: Los iconos usados pertenece a BlogyWeb.
Otros Trucos
Diferenciar links externos con CSS
Selectores condicionales
Publicado en Aprendiendo, Blogger hacks, CSS, Trucos Sencillos | Deja un Comentario »
