Entradas
Ver blog en el movil: http://jguti-guti.mofuse.mobi/
Papyre es el intento español de introducir los ebooks en el mercado en un año en el que las editoriales parecen haberse dado cuenta de que el libro electrónico es más el presente que el futuro (aunque algunos no podamos separarnos de nuestros libros). Papyre -de fabricación china, como todo- se vende por 299 euros con una tarjeta de memoria de 1 giga en la que hay almacenados 500 títulos libres de derechos. Ciertamente, no se puede decir que haya novedades editoriales, pero el lector cumple su función. Las letras se ven con claridad y la lectura se asemeja a la de un libro. No, no tiene pantalla táctil ni conexión inalámbrica. Para pasar páginas hay que utilizar la botonadura y para ampliar la lista de libros, hay que acudir a la tarjeta de memoria.
| [+/-] |
Windows 7 a las puertas |
Esto es lo que Microsoft quiere, pero dada la tendencia pasada de Microsoft de sacar sistemas operativos que son menos que estables en su primera versión, lo prudente será quedarse al margen y observar, al menos al comienzo. Incluso, gran parte de lo que se espera con Windows 7 es respuesta a las quejas de los usuarios sobre Windows Vista.
Windows 7, afirman los representantes de Microsoft, se centrará en mejoramientos en cuanto a capacidad de respuesta y facilidad de uso. Un gran énfasis de Windows 7 será el mejorar la "experiencia del primer día" del sistema operativo.
Pero lo más importante de Windows 7 será probablemente la virtualización, una tecnología que permite que una computadora trabaje con diferentes sistemas operativos al mismo tiempo o hacer funcionar aplicaciones que suelen requerir varios sistemas operativos diferentes.
Windows Server 2008, diseñado para negocios, ofrece ya virtualización, y esta tecnología parece ahora estar destinada a migrar al nivel del consumidor. Con la virtualización podrá usted hacer funcionar Linux, Windows 95 y DOS, todos en la misma máquina y al mismo tiempo. Esto tiene beneficios múltiples: ahorro de energía, recorte de gastos en actualización del 'software' y accesibilidad a una amplia gama de aplicaciones.
| [+/-] |
Avance de los miniportatiles |
uesto que todo apunta al mundo 'online', ¿por qué no diseñar un simple ordenador portátil expresamente para llevarnos allí? Esta es la idea tras el 'netbook' o miniportátil, y el éxito de los primeros modelos de fabricantes como Asus y Dell sugiere que 2009 verá esta categoría de ordenadores ganar cada vez más la atención del usuario.
El atractivo de los netbooks es obvio: tienen la mitad del tamaño y la mitad del peso de un típico portátil para todo uso.
Con esto se acaban los reproductores CD/DVD portátiles, las pantallas de alto consumo energético y los discos duros tradicionales. El resultado: un portátil que da gusto llevar consigo, agradable de usar, y que sirve perfectamente para ver el correo electrónico, escribir documentos o navegar por Internet.
| [+/-] |
Feliz Navidad |
Feliz Navidad
| [+/-] |
Desplegar y Recoger (Otras formas) |
Esta es otra forma de presentar el widget de Desplegar y Recoger, de entre las innumerables formas que hay.Esta destaca por su simpleza y reducido código sin que haya que modificar la plantilla -HTML-, y por su eficacia.
El siguiente código se implementará en el lugar que queramos que se muestre, bien sea en las entradas y bien en la sidebar de nuestro blog.
Se pondrá antes de la etiqueta -/head-, justo antes...
Código:
<script type='text/JavaScript'>
function verocultar(cual) {
var c=cual.nextSibling;
if(c.style.display=='none') {
c.style.display='block';
} else {
c.style.display='none';
}
return false;
}
</script>
Después lo que queramos ocultar lo situaremos dentro de este otro código:
<a onclick="return verocultar(this);"href="javascript:void(0);">[+/-]</a>
<div style="display: none;">Contenido oculto</div>
Visto en www.gemablog.-blogspot.com
de la web de www.vagabuncia.blogspot.com
| [+/-] |
Cómo editar cualquier página |
Les muestro una curiosidad o truco para poider editar cualquier página Web o Blog,para editarla sólo tendremos que situarnos en cualquier página que queramos y proceder de esta manera, insertando el siguiente código:
Vamos a cualquier pagina
Eliminamos todo lo que nos encontremos en la barra de direcciones
Insertamos el siguiente código.
Presionamos la tecla Enter
Comenzamos a editar…
Código..
El código es el siguiente:
javascript:document.body.contentEditable=’true’; document.designMode=’on’;void 0Que se diviertan editando paginas ajenas
Visto en:www.trucosblogger.es
| [+/-] |
|
Plantilla Neo
Ver Demo
Código
Vista en :El Blog de Cesar
Doble Titulo
y que se vea doble.Primeramente vamos a plantilla, editamos y añadimos el siguiente código justo antes de este:
]]></b:skin>
añadimos este otro:
h5{margin: 0;font-weight: normal;color: #e6cbdb;font-size: 2.1em;position: relative;}h6{margin: 0;display: inline;position: relative;top: -.5em;left: 1em;font-size: 1.5em;font-weight: normal;color: #6c1e4b;}
Después cada vez que queramos ver texto "Doble", añadiremos lo siguiente bien en una entrada o en nuestro -sidebar-
<h5>Aquí texto</h5>
<h6>Aquí texto</h6>
Ejemplo:
Doble título
Doble titulo
| [+/-] |
|
Texto a dos columnas
Leer mas
Resaltar texto
Para hacerlo pongan después de <style type="text/css"> y antes de </head>
span.highlight
{
background-color:#FFFF00
}
Leer mas
y cuando escriban una entrada el texto que quieran resaltar lo envuelven en este código:
<span class="highlight">texto que pintan</span>
| [+/-] |
Otro "Desplegar y Recoger" |
Aunque hay varios metódos en la red para mostrar en nuestros blogs la manera de "desplegar y recoger", les muestro el código de esta otra manera de aplicarlo y que es bastante sencilla de realizar,ya que solamente pondremos dicho código en las entradas donde queramos que aparezca, bien sea en un post de entrada o en un elemento de la -sidebar-.
<div><div><div class="pre-spoiler"><span style="float: left; padding-top: 2px;"></span><input value="Ver" style="margin: 0px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" onclick="if (this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display != '') { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = '';this.innerText = ''; this.value = 'Ocultar'; } else { this.parentNode.parentNode.getElementsByTagName('div')[1].getElementsByTagName('div')[0].style.display = 'none'; this.value = 'Ver';}" type="button"> </div> <div> <div class="spoiler" style="display: none;"><span style="font-family:trebuchet ms;"><div style="text-align: center;"><div style="text-align: justify;"><u style="font-family: trebuchet ms;"></u>
TEXTO A OCULTAR
</span></div></div></span></div></div></div></div></fieldset>
| [+/-] |
Cartilla GPS Diario El Mundo |
Según publica el diario El Mundo, estos dias hay una campaña para conseguir un navegador GPS, mediante 15 cupones que se publican diariamente y a un precio de 69 Euros. Esta es la cartilla para pegar los 15 cupones.
| [+/-] |
Enviar e-mail |
Una buena manera de enviar un e-mail desde el propio blog es creando un formulario en la misma página web.Este es el código que tendrán que insertar donde quieran situarlo; bien sea en una entrada o en el sidebar.
<form action="mailto:direcciondecorreo@servidor.com" method=post>
<table align="center" border="0"><td align="left" width="100">Nombre:</td><td align="center" width="150"><input name="nombre" maxlength="25" type="text" value=""></td> <tr><td align="left" width="100">Email:
</td><td align="center" width="150"><input name="mail" maxlength="25" type="text" value="">
</td> <tr><td align="left" width="100">Motivo:</td><td align="center" width="150"><input name="motivo" maxlength="25" type="text" value=""></td> <tr><td align="left" width="100"> Mensaje:</td><td><textarea name="mensaje" rows=3 cols=20></textarea></td><tr><td width="100"></td> <td align="right" width="150"><input name="boton" type="submit" value="Enviar">
</td>
</table>
</form>
Con lo que quedaría así para poder introducir los datos personales y
enviar el e-mail.
| [+/-] |
XHTML y CSS |
Recogido de Web Scribd,
este manuel de XHTML y CSS
| [+/-] |
BlackBerry |
Research In Motion ha dado el paso definitivo con el Storm: el único teclado del nuevo BlackBerry es virtual en pantalla, a elegir entre tres formatos: multitoque, SureType y QWERTY convencional. Naturalmente, un acelerómetro detecta la posición y gira la imagen en consecuencia.
La gran novedad de la pantalla del Storm, que es de 3,25 pulgadas y posee una resolución de 480x360 píxels, es la tecnologia háptica de retorno táctil, que ofrece una indicación táctil de la pulsación efectuada, complementada con la iluminación del botón pulsado.
| [+/-] |
Visor de fotos |
Visor de fotos en miniatura
-----------------------------------
Esta es una utilidad que puede ser bastante práctica, ya que se pueden ver las fotos en miniatura dentro de una misma entrada.
Para llevarlo a cabo solo tendremos que pegar el siguiente código antes de la etiqueta -/head-:
<link href='http://blogdecesar.googlepages.com/thumbnailviewer.css' rel='stylesheet' type='text/css'/>
<script src='http://blogdecesar.googlepages.com/thumbnailviewer.js' type='text/javascript'>
</script>
y para subir las fotos tendremos que añadir este otro, teniendo en cuenta que hay que pegar la URL de la imagen en dos sitios dentro del siguiente código:
<p><a href="URL de foto" rel="thumbnail" title="Esto sale abajo de la foto">
<img src="URL de foto" style="width: 85px; height: 125px" /></a></p>
| [+/-] |
Plantilla Simplex |
Otra bonita plantilla al igual que la de "Leia", es esta titulada "Simplex", sacada de de la página de /freshbloggertemplates.blogspot.com>
| [+/-] |
Nuevo navegador de Google |
Google vuelve a desafiar a Microsoft al lanzar un navegador de código abierto y muy rápido
Se puede descargar desde http://www.google.com/chrome desde las 21.00
Actualizado martes 02/09/2008 19:29 (CET)
Diario El Mundo www.elmundo.es
MADRID.- 'Google Chrome' es la apuesta del buscador para comer más terreno a Microsoft y, además, expandir sus herramientas directamente en la pantalla del usuario. Antes, el universo Google necesitaba navegadores como Internet Explorer, Firefox de Mozilla o Safari de Apple para llegar al usuario. Ahora, el gigante de la Red ofrece él mismo este navegador "estable, rápido e intuitivo", para servir todas sus herramientas directamente a la pantalla del usuario.
Así de optimista se mostraba Hugio Barra, director de producto de Google, durante su presentación en Madrid de 'Google Chrome', un día antes de lo previsto por la publicación involuntaria en el blog oficial de la compañía de detalles sobre el buscador.
"El objetivo de Google siempre ha sido crear aplicaciones funcionales basados en entornos web, y no todas se pueden hacer desde los navegadores existentes. Vamos a ver más aplicaciones en los próximos años", comentó Barra.
seguir leyendo
Esto significa que, por ejemplo, el proceso de búsqueda y navegación está integrado en la misma barra. De esta manera, al introducir un téermino el navegador 'engancha' con 'Google Suggest'. Naturalmente, se puede cambiar de buscador al instalar la aplicación, de manera que no tiene por qué buscar a través de Google, puede ser Yahoo!, MSN, Ask...
El desarrollo completo es de código abierto, y la compañía quiere que otras empresas se beneficien del producto e incluso lo mejores, en la línea de otros productos de Google. Basado en Webkit de Apple "por su rapidez", cuenta con un motor JavaScript mejorado denominado V8 y que, según las pruebas, hace que las aplicaciones complejas funcionen unas cinco veces más rápido que en Firefox 3, y casi 100 veces más rápido que en Internet Explorer 7. Este motor está pensado para aplicaciones complejas existentes y para las futuras.
| [+/-] |
Entradas y Comentarios |
Para mostrar las estadísticas correspondientes al número total de comentarios y de entradas que tiene nuestro blog, disponemos de este código html, que implementaremos dentro de nuestra plantilla añadiendo un nuevo elemento HTML:
<br/><fieldset style="background:url(URL-DE-TU-IMAGEN)right no-repeat;"><legend><b>Estadísticas</b></legend><ul><li><script style="text/javascript">
function showpostcount(json) {
document.write(parseInt(json.feed.openSearch$totalResults.$t,10));
}</script>
<script src="http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=showpostcount"></script> entradas</li>
<li><script src="http://NOMBRE DE NUESTRO BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showpostcount"></script> comentarios</li></ul></fieldset>
Solamente cambiaremos donde dice NOMBRE DE NUESTRO BLOG,por el nombre nuestro.
Fuente:Marcos
| [+/-] |
Las leyes sagradas de los hombres |
Ley de la indumentaria
1 Un colega nunca es hortera ni macarra.Un colega tiene estilo
2 Un hombre jamás criticará la forma de vestir de otro, salvo que este se ponga minifalda y se haga llamar Vanesa.
3 Un hombre acompañará a otro a comprar ropa sólo si el comprador ha elegido ya
y es cuestión de ir a pagar.
4 Si un tio lleva la bragueta abierta es su problema.Tú no has visto nada.
5 No existen los siguientes colores: Lila, fucsia, violeta, pistacho, crema, celeste, melón.
6 Un hombre no permite nunca que sus amigos lleven bañadores slip.Nunca.
Ley del sexo
1 El sexo ocupa el 95% de nuestros pensamientos, el otro 5% es para disimular
que no pensamos en el sexo.
2 Todos los hombres somos actores porno esperando una oportunidad.
3 A todos nos mide lo mismo.
4 En una ducha comunitaria, nunca se mirará el miembro del otro.
5 Los trios se componen de dos mujeres y un hombre, lo contrario es contra natura.
6 Si algo falla, siempre será la primera vez que nos pasa y será por el stress.
Ley de la cultura y espectáculos
1 La lectura diaria es obligatoria siempre que sea el As o el Marca
2 Durante un partido televisado si se llega tarde se pregunta el resultado pero
jamás quién juega.
3 No se baila, como mucho se simula que se toca una guitarra en los punteos.
4 Arte es lo que tiene un camarero tirando cañas,lo demás son mariconadas.
Ley de las mujeres
Una mujer nunca es encantadora.O está buena o no está buena.Cualquier otro
comentario sobra.
2 La pareja de un colega es sagrada.Si se han separado hay que esperar al menos
24 horas antes de cepillartela, eso con consentimiento del colega.
3 Si has sido amigo de un hombre durante más de 24 horas, sus hermanas no serán
nunca más objetivo tuyos para el resto de tu vida salvo que te cases con ellas.
Bueno por hoy vale, potro día más
| [+/-] |
prueba type writter |
- AQUI TEXTO
Quickpost this image to Myspace, Digg, Facebook, and others!
| [+/-] |
Plantilla Indomagz |
Antes de hacer cualquier modificación en tu plantilla guarda una copia de seguridad, ya que los cambios puede que no salgan tan bien como quisieramos y así siempre podremos recuperarla.
Buevo Blogger Template XML INDOMAGZ
Nuevo tema crado en un principio para Wordpress, y adaptado posteriormente con algunos cambios para Blogger.
Se puede bajar la planntilla desde el link de más abajo.
Demo :
Download :
| [+/-] |
Entradas a doble columna |
Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico, para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar.
Código:
<table><tbody><tr><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA PRIMERA
</p><td style="PADDING-RIGHT: 15px; MARGIN-TOP: 0px; PADDING-LEFT: 15px; PADDING-BOTTOM: 15px; WIDTH: 40%; PADDING-TOP: 15px"><p style="TEXT-ALIGN: justify">AQUí EL TEXTO DE LA SEGUNDA COLUMNA DEL POST</p></td></tr></tbody></table>
Ejemplo:
Una forma bastante bonita y elegante de poner los textos de nuestras entradas en los post, es la de darlos forma de doble columna o estilo de periodico | para ello sólo tendremos que insertar el texto dentro del siguiente código que tendremos que aplicar en cada entrada que lo queramos aplicar. |
| [+/-] |
Ventana emergente |
Para abrir una ventana emergente o pop-up, que podemos usar para mostrar algo importante o que queramos resaltar de una manera especial, mediante la apertura de una ventanita pequeña, emplearemos el siguiente código.
Pulsar en -texto para pinchar-, para que se abra la ventana
TEXTO PARA PINCHAR
Código:
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onClick="window.open(this.href, this.target, 'width=300,height=400,top=200px,left=300px'); return false;">TEXTO PARA PINCHAR</a>
y si lo queremos mostrar con una imagen emplear el siguiente código:
<a href="URL COMPLETA DEL ARCHIVO" target="_blank" onclick="window.open(this.href, this.target, 'width=300,height=400,top=100px,left=100px'); return false;"><img src="IMAGEN PARA PINCHAR"/></a>
| [+/-] |
Plantilla Blue Blog |
Plantilla para Blogger Blue Blog de tres columnas diseñada para WordPress por Kailoon y adaptada a Plantilla para Blogger por Zona Cerebral.
El código de esta plantilla adaptada se comparte de forma gratuita bajo licencia Creative Commons Reconocimiento-No comercial, por lo que el único requisito exigido para utilizarla es el mantenimiento de los enlaces situados en el pie de página del diseño, a modo de reconocimiento por el trabajo realizado.
Fuente : Zonacerebral.com
Demo de la Plantilla
Formato XML
Script Jquery
Script Tab
| [+/-] |
Efecto Drop/Down |
que queramos simplemente pasando el ratón por encima del titulo o etiqueta y que
se muestre todo su contenido, volviéndose a ocultar al retirar el ratón.
Se puede decir que es algo parecido al efecto de Mostrar/Ocultar, pero en este
caso solamente pasando el ratón por encima sin tener que pulsar ningún botón.
Paso a mostrarles el correspondiente código que tendrán que agregar donde lo quieran aplicar en el -sidebar- del blog
Código:
<a onmouseover="showit(0)"><img src="AQUI URL DE LA IMAGEN" /></a>
<ilayer bgcolor="#ffffff" name="dep1" position="relative">
<layer name="dep2" position="relative">
</layer>
</ilayer>
<div id="describe" onmouseover="clear_delayhide()" style="POSITION: relative; BACKGROUND-COLOR: #ffffff" onmouseout="resetit(event)"></div>
<script language="JavaScript1.2">
/*
Tabs Menu (mouseover)- By Dynamic Drive
For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
This credit MUST stay intact for use
*/
var submenu=new Array()
submenu[0]='<b>AQUI LO QUE QUEREMOS MOSTRAR</b>'
var delay_hide=300
var menuobj=document.getElementById? document.getElementById("describe") : document.all? document.all.describe : document.layers? document.dep1.document.dep2 : ""
function showit(which){
clear_delayhide()
thecontent=(which==-1)? "" : submenu[which]
if (document.getElementByIddocument.all)
menuobj.innerHTML=thecontent
else if (document.layers){
menuobj.document.write(thecontent)
menuobj.document.close()
}
}
function resetit(e){
if (document.all&&!menuobj.contains(e.toElement))
delayhide=setTimeout("showit(-1)",delay_hide)
else if (document.getElementById&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
delayhide=setTimeout("showit(-1)",delay_hide)
}
function clear_delayhide(){
if (window.delayhide)
clearTimeout(delayhide)
}
function contains_ns6(a, b) {
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}
</script>
| [+/-] |
Template Art Imaginatión |
Art Imagination - Blogger xml template tema layout
Demo:
Download:
Ported by:Jackbook
| [+/-] |
Quien nos enlaza |
Sitio web http://wholinked.com/ que nos muestra el código para saber quién nos enlaza.
Nos muestra el código tanto para sitios web cómo para diversos sitios de blogs,tales
como WirdPress, TypePad, NovableType,Blogger, Website y Otros tipos de Blogs.
Este código lo aplicaremos en el -Sidebar- del blog, añadiendo un Elemento de página, edición HTML
Código para Blogger:
<MainOrArchivePage>
<h2 class="sidebar-title">Sites Linking Here</h2>
<script type="text/javascript" language="javascript" src="http://wholinked.com/blogger.js"></script>
</MainOrArchivePage>
| [+/-] |
Plantilla Statement |
Visto en la web de Zonacerebral, esta bonita plantilla para blogger titulada Statement.
Diseñada para Wordpress por "Blogohblog.com" y adaptada para blogger por
zonacerebral
El diseño cuenta con dos columnas laterales a la derecha y una sección clasificada por etiquetas mediante un script en la parte superior del sidebar.
Se puede descargar de forma gratuita bajo licencia Creative Commons
Demo de la Plantilla :
Download formato xml:
Script Date:
Script tabber
Instalación:
Personalización:
Header. El título de esta plantilla ha sido suprimido y reemplazado por una imagen que se encuentra disponible en formato .PSD de Adobe PhotoShop en los enlaces de descarga. Para modificarla, debes buscar el código CSS “#logo h1” y sustituir la dirección del atributo background por la de tu imagen. Hecho esto, tienes que buscar la correspondiente etiqueta div con el ID “logo” (situada dentro de la sección “body” del HTML de la plantilla, fuera del código CSS) y cambiar la dirección URL que se encuentra entre las etiquetas h1, para que tu imagen de título quede vinculada con la página inicial de tu blog.
Buscador. El código del buscador situado en la parte superior del diseño, se encuentra unas líneas por debajo del header, por lo que no te será dificil encontrar la etiqueta con el ID “searchbox“. Una vez allí y para que el buscador funcione correctamente, tan sólo tienes que reemplazar la dirección URL del campo “form action” por la de tu blog, acabado en /search y respetando las comillas. Por ejemplo: http://tublog.com/search.
Menú. Sigue bajando a través del código HTML de tu plantilla y sustituye las direcciones URL que se encuentran bajo el div con el ID “nav”, así como el anchor text de los enlaces que desees mostrar en el menú de navegación.
Mensaje de bienvenida. Desciende un poco más y modifica el mensaje de bienvenida predeterminado, bien por otro mensaje similar, por un bloque de anuncios, por miniposts o asides de Twitter, etc.
Fecha y RSS. Dentro de la misma barra de separación y a la derecha del mensaje de bienvenida, se encuentra el resultado del script date.js junto con el vínculo de suscripción al RSS del blog. Para añadir el script que muestra la fecha en la plantilla, en primer lugar tienes que descargar el archivo date.js y subirlo a cualquier servicio de alojamiento gratuito como Google Pages o, si dispones de él, a tu propio servicio de hosting. A continuación, dentro de la etiqueta div “rss” tienes que cambiar la dirección del script e incluir aquella en la que has alojado el archivo javascript. Así mismo, deberás introducir la dirección URL del feed RSS de tu blog una línea más abajo.
Tabs. Como puedes ver en la página de demostración y en el theme original para WordPress, esta plantilla cuenta con un cuadro situado en la parte superior del sidebar, que te permite distribuir el contenido en varias pestañas para ahorrar espacio y mejorar la apariencia del diseño. Para añadirlo a tu sidebar, únicamente tienes descargar el script tabber.js y subirlo a cualquier otro servidor. Posteriormente, tienes que buscar el script instalado en la plantilla justo encima de la etiqueta ""?/head?"" y reemplazar la dirección del mismo por aquella en la que has alojado el archivo.
Por último, has de acceder a la sección de elementos de página de la plantilla e insertar un nuevo elemento HTML/Javascript en la parte superior de la columna lateral derecha. Copia y pega este bloque de código, modificando los valores de h2 por los títulos que quieres que aparezcan en cada pestaña, así como los vínculos de cada lista li (en cualquier caso, también puedes introducir otros tipos de contenido)
Menú del pie de página. Ve al final del código HTML de tu plantilla y reemplaza los enlaces que se encuentran situados bajo la etiqueta div “foo“.
Entradas del blog. Accede a la sección de edición de elementos de página en Blogger y edita las siguientes opciones del panel de entradas del blog:
esto es lo que queda oculto
Seguir Leyendo...
| [+/-] |
Población Mundial |
En una página curiosa que parece ser del Gobierno de USA http://www.census.gov/ipc/www/popclockworld.html nos dan a conocer aproximadamente (supongo) el número de seres humanos que habitamos en este Planeta.
Mensualmente nos indican que somos una pila miles de millones de habitantes
tantos como estos:
07/01/07 6,600,411,051
08/01/07 6,606,949,106
09/01/07 6,613,487,162
10/01/07 6,619,814,313
11/01/07 6,626,352,369
12/01/07 6,632,679,520
01/01/08 6,639,217,576
02/01/08 6,645,755,632
03/01/08 6,651,871,878
04/01/08 6,658,409,934
05/01/08 6,664,737,085
06/01/08 6,671,275,141
07/01/08 6,677,602,292
Y ahora mismo el 1-5-08 seriamos la nada despreciable suma de 6,664,919,798
| [+/-] |
Redireccionar texto |
Leido en el blog de Gema, es una forma de redireccionar nuestros artículos dentro del mismo blog y dentro del blog en las entradas que queramos aplicarlo, puede
servir cuando nuestras entradas son demasiado extensas para que los visitantes no tengan que leer la entrada completa y puedan ir directamente a un determinado texto.
Texto a mostrar clicando en Título1
Texto a mostrar clicando en Título2
Texto a mostrar clicando en Título3
Texto a mostrar clicando en Título4
Código a introducir en las entradas donde los queramos aplicar:
| [+/-] |
Letra primera agrandada |
Visto en el Blog de Cesar otra forma de mostrar la primera letra de un post en forma destacada y de mayor tamaño, que resulta muy llamativa y de bonito diseño
Les muestro otra forma de agrandar la primera letra de un texto
Código:
<span style="margin-right:6px;margin-top:5px;float:left;color:white;background:khaki;border:1px solid darkkhaki;font-size:80px;line-height:60px;padding-top:2px;padding-right:5px;font-family:times;">L</span>es muestro otra forma de agrandar la primera letra de un texto
| [+/-] |
Chat Geomundos |
Visto en la Web de www.Geomundos.com/,es una aplicación de chat, la cual se obtiene
el código HTML, para insertar en tu blog. Se trata de un chat muy generalista con diversas salas que abarcan casi todos los paises de Sudamerica, además de por supuesto salas en España, General.Etc.
Código para aplicarlo en el Blog:
<iframe src="http://www.geomundos.com/chat/chatiframe.asp?mostrar=0&alto=500&ancho=250&colorf=FFFFFF&colort=000000&colore=003399" width="250" height="500" frameborder="0" scrolling="no">Haz click para acceder al <a href="http://www.geomundos.com/chat" target="_blank">Chat de Geomundos</a></iframe>
| [+/-] |
Microsoft GIF Animator 1.0 |
Descripción de Microsoft GIF Animator 1.0
Microsoft Gif Animator es una sencilla utilidad para la creación de imágenes animadas en el conocido formato GIF.
Su funcionamiento es bastante simple, se trata de un programa muy fácil de usar lo que lo limita a ser un programa para crear animaciones sencillas sin llegar a poder realizar imágenes impactantes.
Microsoft Gif Animator no requiere instalación, bastará con ejecutar el programa cada vez que necesites utilizarlo.
Web:http://www.geomundos.com/descargas/microsoft-gif-animator-10_p55.html
| [+/-] |
Captura pantallas |
Una página interesante que permite hacer capturas de pantalla en miniatura de cualquier página web que deseemos,es http://www.thumbalizr.com/
Para obtener la captura sólo basta introducir la URL de la página de destino y seleccionar entre una captura con una altura fija de la pantalla o la página web completa.
http://www.thumbalizr.com/
| [+/-] |
Sitios Way |
Webs bonitas entre las bonitas
Web:http://www.piotrowskimichal.com/
| [+/-] |
Template TechBrix |
Este nuevo template llamado TechBrix es un tema xml template diseñado para
wordpress y posteriormente adaptado para Blogger, lo cual significa que pueden usarlo los usuarios de Blogger, optimizado para adsense. 3 columnas.Espero os guste.
Demo: http://oz-blix.blogspot.com
Download:http://ananinki12.googlepages.com/techblix.xml
| [+/-] |
Template Blue Business |
Segundo en la lista del Top 50 de Rated Blogger Template List
Demo: http://skypemobilephone.blogspot.com/
Download:http://ananinki12.googlepages.com/businessblue.xml
| [+/-] |
Imagenes envejecidas |
Imagen original
Imagen envejecida
Lo contrario de mejorar las imagenes, es envejecerlas, bueno pues esto es lo que consigue esta página web de Japón www.labs.wanokoto.jp/olds
| [+/-] |
Vector Iconos libres |
Iconos completamente gratis para bajar desde la página de http://www.monofactor.com
Visto en la Web de www.dezignus.com
| [+/-] |
Agrandar primera letra |
Una manera bastante sencilla de mostrar de forma llamativa y de mayor tamaño la primera letra de nuestro artículo, lo podemos realizar basta añadir un pequeño código en el "CSS" de nuestra plantilla.
Les muestro dos códigos diferentes para añadir en la plantilla entre las etiquetas de "Head" y "/Head".
Primero:
<style type="text/css">
p:first-letter
{
color: #ff0000;
font-size:xx-large
}
</style>
Segundo:
<style type="text/css">
p:first-letter {
display:block;
float:left;
border:1px solid black;
padding:5px;
margin:4px 5px;
background:url(firstletter1.png);
font-size:73px;
}
</style>
| [+/-] |
Botón de actualización |
Con esta utilidad se mostrará mediante un simple botón la actualización de la fecha, el día y la hora del tu blog.
A continuación les muestro el ejemplo y el código correspondiente para poderlo poner en el sitio que mejor les guste dentro del -sidebar- del blog, añadiéndolo cómo un elemento de página.
Ejemplo:
Código a copiar:
<input value="Ultima modificacion" name="http://jguti-guti.blogspot.com/search?q=none" onclick="javascript:alert(document.lastModified)" type="button"/>
| [+/-] |
Iconos asiaticos |
Una bonita colección de "iconos asiaticos" para variar algo de los muchos que existen en la Red.
Enlace:www.dezignus.com/page/6/
| [+/-] |
Efecto lupa |
Un efecto diferente visto hasta ahora es este de efecto de lupa que pulsaldo en el botón izquierdo del ratón y desplazándolo hacia arriba o hacia abajo se amplia o disminuye el efecto lupa.
Enlace en el blog de Gema, del blog de TJPZOON
| [+/-] |
Métodos de pago en Internet |
-Contra reembolso: El cliente paga cuando recibe la mercadería. El comerciante debe verificar fehacientemente la dirección física del comprador y su disposición a la compra, para evitar costosos malentendidos.
-Giro postal o telegráfico: utilizando el correo, el cliente gira el dinero al comerciante. Es la forma más simple de implementar y la que utilizan todos los Sitios Web al iniciar sus actividades.
-Depósito en cuenta corriente: Otra forma muy sencilla de empezar a cobrar por Internet. A veces suelen ser prohibitivos los costos cuando se realizan transferencias bancarias entre países, por lo que es aconsejable utilizarlo solamente para transacciones dentro de un mismo país, o por montos importantes.
-Western Union: Esta empresa está implementando en varios países un novedoso sistema, denominado Quick Pay, que acredita directamente en la cuenta corriente del comerciante, el pago efectuado por su cliente en cualquier sucursal de Western Union en el mundo.
-Pay Pal: El cliente nos puede enviar dinero deduciéndolo de su tarjeta de crédito. Una desventaja es que Pay Pal sistema sólo está habilitado en 36 países.
-Tarjetas de crédito: lo vamos a ver en forma separada por ser un tópico fundamental de este tema.
Otros métodos de pago.
Han surgido recientemente algunos productos dedicados a determinados sectores de la población latinoamericana, que no pueden acceder a tener una tarjeta de crédito, o simplemente, tienen miedo a las consecuencias de poner el número de la tarjeta en la red.
De ellos en la Argentina, podemos mencionar a Novacash, Pay Key y e-Pago Fácil (ver más abajo). Otros países como Brasil, España (pago naranja, Virtual cash plus ) y México (Lanzamoney) también tienen sus propios sistemas. De USA podemos mencionas a Rocketcash
Pago con tarjeta de crédito.
La opción más utilizada por los comercios electrónicos es sin duda el cobro a través de una tarjeta de crédito.
En Internet para poder cobrar de esta forma es necesario instalar una plataforma segura de pago (gateway de pago) que le permita al comerciante electrónico verificar, y luego debitar de la tarjeta de crédito del cliente, un determinado importe en forma segura.
| [+/-] |
Etiquetas HTML-7 |
Atributos:
NAME="..."--Especifica el nombre del mapa para ser usado después.
<AREA atributo1 atributo2>...< /AREA>
Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP.
Atributos:
SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o
POLYGON.
COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
HREF="..."--Especifica la dirección donde apunta el area del mapa.
NOHREF--Indica que esta silueta no apunta a una dirección.
TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los
siguientes valores:
"_blank"--Muestra la dirección en un página en blanco.
"_parent"--Muestra la dirección en la pagina que lo invocó.
"_self"--Muestra la dirección en la misma ventana. (por omisioón)
"_top"--Muestra la dirección en la ventana actual usnado todo el espacio.
<BGSOUND atributo1 atributo2> (IE)
Reproduce un archivo de sonidos en el fondo cuando la página es cargada. Este archivo de sonido puede ser de tipo (.wav or
.au) o midi (.mid).
Atributos:
SRC="..."-- indica el archivo de musica.
LOOP="n"-- Indica el numero de veces que se repite. Un valor de "-1" o "INFINITE" indica una reproducción sin interrupción.
<MARQUEE atributo1 atributo2>...< /MARQUEE> (IE)
Fija un texto que se desplaza por la pantalla.
Atributos:
ALIGN="..."-- Especifica el alineaminto del texto. Loa valores posibles son "TOP", "MIDDLE", o "BOTTOM".
BEHAVIOR="..."--Indica la forma de presentación "SCROLL" (omisión), "SLIDE", o "ALTERNATE". "SLIDE" hace que el texto se
desplaze afuera y adentro , "ALTERNATE" muestra el texto adelante y atras repetidamente.
BGCOLOR="..."-- Fija el color de fondo.
DIRECTION="..."--Indica la Dirección "LEFT" (omisión) o "RIGHT".
HEIGHT="..."-- Fija la altura del texto en Pixels o %.
HSPACE="n"--Fija el margen en espacios a la derecha e izquierda del texto.
LOOP="n"-- Fija el numero de repeticiones. Un valor de "-1" o "INFINITE" repite indefinidamente.
SCROLLAMOUNT="n"-- Fija el Numero de pixel entre cada display.
SCROLLDELAY="n"--Indica el tiempo de espera para mostrar cada texto.
VSPACE="n"-- Fija el margen superior e inferior del texto.
WIDTH="..."-- Fija el ancho del Marquee en pixels o %.
<APPLET atributo1 atributo2> parametros1 parametros2 ... < /APPLET>
Inserta un applet de Java en el documento. Cualquier texto dentro del comando APPLET se mostrará en los browser que no soportan JAVA.
Atributos:
ALIGN="..."-- Fija el alineamiento del applet, los parametros son "LEFT", "RIGHT", "TOP", "MIDDLE", o "BOTTOM".
ALT="..."--Muestra un mensaje cuando el brwoser no puede ejecutar el applet.
CODE="..."--Especifica el nombre del applet.
CODEBASE="..."--Especifica la dirección de inicio del applet. El directorio donde se encuentra el applet.
DOWNLOAD=n--Especifica el orden de descarga de la imagenes.
HIGHT="..."--Especifica la altura del applet en pixels o %.
HSPACE="n"--Especifica los margenes en espacios fuera del applet en pixels.
NAME="..."-- Indica el nombre de un applet (rutina), si hay mas applets en una misma página.
VSPACE="n"--Especifica el margen superio e inferior del applet.
WIDTH="..."--Fija el ancho del applet en pixel o en %.
Parametros:
Estos son los parametros especificaos de cada applet, que son pasasdos como argumentos. Se expresan como comandos así
<PARAM NAME="..." VALUE="..." >
<EMBED atributo1 atributo2>< /EMBED>
Inserta un objeto multimedia, como un corto de video o sonido, en la página. En los browser modernos se mantiene por compatibilidad.
| [+/-] |
Agregar a favoritos |
Una utilidad interesante para nuestro blog es la opción de poder "agregar a favoritos".
Así que para ponerla tendremos que poner el siguiente código dónde queramos que aparezca dicha utilidad:
Ejemplo:
Agrégame a favoritos
Código:
<script type="text/javascript">function agregarFavoritos() { if (window.sidebar&&window.sidebar.addPanel) window.sidebar.addPanel("Recursos y Diseño Web","http://jguti-guti.blogspot.com/",""); else window.external.AddFavorite("http://jguti-guti.blogspot.com/","Recursos y Diseño Web")}</script>
<a href="javascript:agregarFavoritos();" title="Agrégame a tus Favoritos">Agrégame a favoritos</a>
| [+/-] |
Estafas frecuentes |
Las 10 estafas más frecuentes en Internet
Enlace:Webtaller
1. Fraudes en subastas.
Después de enviar el dinero en que se ha adjudicado la subasta, se recibe un producto cuyas características no se corresponden con las prometidas, e incluso un producto que no tiene ningún valor.
2. Timos de ISP (Proveedores de Servicios de Internet)
Es bastante frecuente que los clientes poco expertos suscriban contratos on-line sin haber leído el clausulado, por lo que pueden encontrarse amarrados a un contrato de larga duración del que no pueden salir si no es pagando fuertes penalizaciones por rescisión anticipada. Otro caso frecuente es que los ISP que registran nombres de dominio lo hagan a su propio nombre, para así tener enganchados a los clientes que no pueden abandonar su servicio porque perderían su nombre de dominio.
3. Diseño/Promociones de sitios web
Suelen producirse cargos inesperados en la factura del teléfono por servicios que nunca se solicitaron ni contrataron.
4. Abuso de tarjetas de crédito
Se solicita el número de la tarjeta de crédito con la única finalidad de verificar su edad, y posteriormente se le realizan cargos de difícil cancelación.
5. Marketing Multinivel o Redes Piramidales
Se promete hacer mucho dinero comercializando productos o servicios, ya sea uno mismo o los vendedores que nosotros reclutamos, pero realmente nuestros clientes nunca son los consumidores finales sino otros distribuidores, con lo que la cadena se rompe y sólo ganan los primeros que entraron en ella.
6. Oportunidades de Negocio y Timos del tipo "Trabaje desde su propia casa"
Se ofrece la oportunidad de trabajar desde el hogar y ser su propio jefe enseñando unos planes de ingresos muy elevados. Claro que para empezar es necesario invertir en la compra de alguna maquinaria o productos que jamás tienen salida.
7. Planes de Inversión para hacerse rico rápidamente
Promesas de rentabilidades muy altas y predicciones financieras con seguridad absoluta sobre extraños mercados suelen encubrir operaciones fraudulentas.
8. Fraudes en viajes o paquetes vacacionales
Consiste en vender viajes y alojamientos de una calidad superior al servicio que realmente le prestarán en su destino, y también pueden cargarle importes por conceptos que no se habían contratado.
9. Fraudes telefónicos
Un sistema bastante extendido en los sitios de sexo consiste en pedirle que se baje un programa y lo instale en su ordenador para que le permite entrar gratuitamente en la web. Pero lo que sucede es que, sin que usted lo sepa, el programa marca un número internacional de pago (tipo 906 en España) a través del cual se accede a la web, por lo que mientras usted se divierte viendo fotos y vídeos su factura telefónica se incrementa a velocidad de vértigo.
10. Fraudes en recomendaciones sanitarias
Recetas milagrosas para curar cualquier enfermedad se encuentran frecuentemente en la Red, la mayoría de ellas sin ningún respaldo médico o control de autoridades sanitarias, por lo que aparte de ser una estafa, ya que no producen los resultados prometidos, pueden incluso suponer un riesgo adicional para la salud del enfermo.
| [+/-] |
Texto a dos lineas |
Aquí dos ejemplos de cómo quedaría texto escrito en forma de dos lineas
Aquí el texto a dos lineas
Texto a dos lineas
Código :
<FONT style="font-size:55px;line-height:18px;color: Black;font-family: Trebuchet MS;">Aquí el texto<BR><FONT style="font-size:45px;color: Red;font-family: Trebuchet MS;">Texto a dos lineas</FONT></FONT>
AQUÍ EL TEXTO
AQUÍ LA LÍNEA DE TEXTO
Código:
<font style="font-weight: bold; font-size: 40pt; color: Turquoise; line-height: 15px; font-family: arial; letter-spacing: -5pt; text-transform: none;">AQUÍ EL TEXTO</font><br><font style="font-weight: bold; font-size: 20pt; color: blue; line-height: 15px; font-family: arial; letter-spacing: -2pt; text-transform: lowercase;">AQUÍ LA LÍNEA DE TEXTO</font>
| [+/-] |
101 Tips |
101 Tips para ser un buen bloguer
• Si aún no, empieza a bloguear hoy
• Escribe sobre algo que ames
• Si empiezas a bloguear en serio compra tu propio dominio
• Asegúrate que el nombre del dominio es igual al nombre del blog
• Un nombre corto y fácil de recordar.
• Usa Blogger
• Usa Wordpress y sus plugins.
• Bloguea consecutivamente
• Escribe al menos 5 posts por semana
• Corrige y escribe bien sin falta de ortografías
• La Sidebar cuanto menos imágenes mejor
• Interactúa con otro bloggers
• Deja comentarios significativos
• Contesta a tus visitantes en los comentarios
• Si el blog te sirvió deja siempre un comentario
• Haz un backup de tu blog (recomiendo uno cada semana mínimo)
• Deshazte del calendario del SideBar
• Encuentra tu hueco sabiamente.
• Participa en foros online
• Pon un link a tu blog en la firma
• Haz ligero tu blog y que cargue rápido
• El contenido es el rey
• Personaliza tu Plantilla o Témplate
• Pon la Vía o en Enlace del Post
• Simplifica la manera de llegar
• Apaláncate en los enlaces sociales
• Juega en redes de blogs
• Escribe listas de “TOP 10″
• Haz que tu Blog sea rápido al abrirse
• Usa pings
• Escribe con tus Propias Palabras el Post
• Haz tus artículos cortos y rápidos
• Introduce tu blog en Directorios
• Si el Blog te gusto mételo entre tus links
• Usa FeedBurner
• Usa tu sentido del humor
• Sé generoso
• Anima a tus lectores a que se suscriban
• Ten algunos posts en borradores para las emergencias
• Anima tus lectores a que envíen tus posts a Digg, Meneame,…
• Pon un enlace RSS en cada página.
• Usa post en “serie”
• Devuelve comentarios
• Devuelve Links
• Usa fuentes legibles
• Visita de vez en cuando blogs nuevos y salúdales
• Haz que el Leer Mas de los post se abra en la misma página
• Haz un Blog INTERESANTE, y luego piensa en ADSENSES
• Piensa bien en la temática del blog y sigue esa línea
• Usa Google Analytics
• Usa Histats para ver tus visitantes, no tiene publicidad en pop ups
• Haz entrevistas por correo
• Sé tu mismo, si puedes pon tu nombre de verdad
• Evita el contenido duplicado de los post por no observar
• Usa un lector RSS
• Lee el máximo de blogs posibles
• Céntrate en el contenido y no pongas nada que no esté relacionado
• No olvides los blogs que te gusten
• Pon una foto tuya en alguno de tus blogs
• Créate tu propia página de publicidad
• Usa Meta Tags prudentemente
• Aprende lo básico de Html
• Usa imágenes siempre que puedas dentro de los Post
• Crea Encuestas para tus lectores
• Coloca la publicidad siempre que tengas un blog interesante
• Sé paciente no quieras ser Famoso en unos meses
• Considera tener un compañero/a para ayudarte en el blog
• Envía artículos a los directorios os recomiendo Corank
• Comparte tu trabajo propio con otros blogs
• Comparte lo que has hecho para otros
• Lee BlogEsfera e inscríbete
• No abarrotes tu sidebar con iconos tu blog se hace lento al abrir
• Deshazte de las laaaargas listas de blogroll o simplifícalas
• Experimenta toda clase de trucos html en un Blog de Pruebas
• Technorati te hace saber quién puso algo relacionado con tu blog
• Enlaza a otros blogs siempre que sea posible
• Haz fácil que tus lectores contacten contigo
• Usa Títulos que se sepa de que va el post con una simple mirada
• Ofrece suscripciones por mail
• Contesta siempre a las preguntas
• Contesta siempre a los comentarios
• No te olvides de Blogger Draft
• Activa la suscripción a los comentarios
• Ofrece herramientas y links
• Escribe con un toque personal
• Conviértete en un experto en tu materia
• No dependas de los enlaces a posts
• Siempre aporta tu opinión
• Usa colores simples
• Participa en proyectos de blogs
• Conoce a otros bloggers personalmente
• Lista tus productos favoritos
• Ten voz
• Organiza tus categorías
• Habla directamente con tus lectores
• Crea una estructura de URL eficiente
• Pon enlaces funcionales en el pie
• Sé creativo-@, adapta las ideas aprendidas para crear tú
• Pon videos que vayan relacionados con tu blog
• Considera añadir PodCasts
• Crea una lista de “101″ propia, si eres capaz!!
Seguir Leyendo...[+/-]
| [+/-] |
Texto encuadrado |
Copia el siguiente código para crear un cuatro cuyo contenido interior se desplaza a nuestro gusto, hacia arriba, hacia abajo u horizontalmente
Código:
<div align="center"><table bgcolor="#123456" border="1" width="200"><tbody><tr><td align="center"><marquee scrollamount="1" direction="up" height="50"><span style="color:#ffffff;">Copia el siguiente código para crear este cuatro, cuyo contenido se desplaza hacia arriba, hacia abajo u horizontalmente.
Modifica el color, la dirección, etc.
Experimenta...
</span></marquee></td></tr></tbody></table></div>
| [+/-] |
Redireccionar Web |
Si queremos redireccionar un blog o web que por cualquier motivo al indicar una dirección no lleve a otra página, tendremos que introducir este código en el HTML de nuestra página, por ejemplo de antes de la instruccón final de -/head-
<SCRIPT LANGUAGE="JavaScript">
location.href='http://www.tudirección.com';
</SCRIPT>
| [+/-] |
Añadir a favoritos |
Una nueva forma de utilidad para "Añadir a Favoritos", presentada en el blog de Vagabundia. Adjunto el código:
<a href="javascript:void(0);" onclick="thetitle='Titulo de blog';theurl='URL blog';if (window.sidebar && (navigator.appName.indexOf('Explorer') == -1) && (navigator.appName.indexOf('Opera') == -1)) { window.sidebar.addPanel(title,theurl,'');} else if (window.opera && window.print) { var fav = document.createElement('a'); fav.setAttribute('rel','sidebar'); fav.setAttribute('href',theurl); fav.setAttribute('title',thetitle); fav.click();} else if( document.all) { window.external.AddFavorite(theurl,thetitle);}"> Añadir a Favoritos</a>
| [+/-] |
Seguir Leyendo |
A veces vemos en los post de entradas, sobre todo cuando los textos son demasiados largos, la coletilla del "seguir leyendo", para que si lo creemos conveniente pulsemos y sigamos leyendo el resto del texto si nos interesa. Bien pues para aplicarlo basta seguir los siguientes pasos:
Primeramente buscamos la etiqueta -/head-, y a continuación pegamos lo siguiente:
Segundo paso es buscar en la plantilla, expandiendo artilugios primeramente este otro código:
y esto mismo los sustituimos por el siguiente código:
Aceptamos y ya está listo. Solamente nos queda en cada entrada o post ir añadiento esto otro para que funcione:
texto
<span id="fullpost">
texto
</span>
Seguir Leyendo...[+/-]
| [+/-] |
Efecto ir arriba |
Para aplicar en nuestro blog una imagen al pie de página con efecto de ir arriba, basta añadir el siguiente código en nuestra plantilla, preferiblemente antes de la etiqueta -/body-, casi al final, así podremos localizarle más facilmente en caso de querer suprimirla:
Seguir Leyendo...[+/-]
Vincula desde tu Blog este Post!
| [+/-] |
Etiquetas HTML-6 |
Atributos:
SRC="..." Especifica la ubicación de la Imagen.
DYNSRC="..." Especifica la ubicación de un video o un mundo VRML. Se puede soportar una imagen usando el SRC de primero para
aquellos Browser que no soportan Videos. (IE)
CONTROLS Activa una serie de controles de Video. (IE)
LOOP="n" Para videos, especifica en número de repetición del video. Un valor de "-1" o "INFINITE" repite el video
indefinidamente. (IE)
START="..." Especifica el momento inicial de reproducción del video. Se puede usar "FILEOPEN" por omisión, "MOUSEOVER", o
ambos. (IE)
USEMAP="#map1" Dice al Browser que use la imagen como una interface de selección definida con el nombre de "map1".
ISMAP Dice al Browser que la imagen es un mapa de Selección.
ALT="..." Especifica un texto que se muestra en los Browser que no soportan imagenes.
BORDER="..." Especifica el ancho del borde alrededor de la imagen. Si BORDER es "0", No presenta bordes en la imagen.
LOWSRC="..."--Especifica la Direeción de la imagen que se cargará primero antes de que la imagen sea cargada. LOWSRC
usualmente se refiere a una imagen pequeña.
ALIGN="..."--especifica el alineamiento de la imagen.
Valores:
RIGHT o LEFT--Alinea a un lado especifico de la página, y todo el texto se justifica al lado de la imagen.
TOP, MIDDLE, BOTTOM, TEXTTOP, ABSMIDDLE, BASELINE, y ABSBOTTOM--Especifica el alineamiento vertical de la imagen.
VSPACE="..."--Especifica el espacio entre el borde de la imagen y los items encima o debajo de ella.
HSPACE="..."--Especifica el espacio entre el borde de la imagen y los items a la derecha e izquierda.
WIDTH="..."--Especifica el ancho de la imagen. Si el tamaño no coincide con el original se ajusta.
HEIGHT="..."--Igual al anterior pero con la altura.
<MAP atributo>...< /MAP>
Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas.
Atributos:
NAME="..."--Especifica el nombre del mapa para ser usado después.
<AREA atributo1 atributo2>...< /AREA>
Especifica la silueta y el tamaño del area de selección el el mapa que se muestra. Se usa dentro del comando MAP.
Atributos:
SHAPE="..."--Especifica la Silueta del area de selección. Los valores posibles son RECT, RECTANGLE, CIRC, CIRCLE, POLY, o
POLYGON.
COORDS="..."--Especifica la coordenada de la silueta. Dos pares de coordenadas indican un rectangulo, tres o mas pares
definen un poligono, y un par de coordenadas y un radio define un Circulo.
HREF="..."--Especifica la dirección donde apunta el area del mapa.
NOHREF--Indica que esta silueta no apunta a una dirección.
TARGET="..."--Especifica la ventana donde se mostrará la página. El target puede ser el nombre de un Frame o alguno de los
siguientes valores:
"_blank"--Muestra la dirección en un página en blanco.
"_parent"--Muestra la dirección en la pagina que lo invocó.
"_self"--Muestra la dirección en la misma ventana. (por omisioón)
"_top"--Muestra la dirección en la ventana actual usnado todo el espacio.
<MAP atributo>...< /MAP>
Especifica los puntos de selección de una imagen. El comando AREA se usa para definir las coordenadas.
| [+/-] |
Efecto de agua |
Una página interesante que hace el efecto de olas de agua en las imagenes
Add this effect to your own photos
| [+/-] |
Texto Doble |
Una forma de poner un texto o simplemente para poner un determinado titulo
y que se vea doble, es el código que publica hoy en el blog de Gem@
primeramente vamos a plantilla, editamos y añadimos el siguiente código justo antes de este:
]]></b:skin>
añadimos este otro:
h5{margin: 0;font-weight: normal;color: #e6cbdb;font-size: 2.1em;position: relative;}h6{margin: 0;display: inline;position: relative;top: -.5em;left: 1em;font-size: 1.5em;font-weight: normal;color: #6c1e4b;}
Después cada vez que queramos ver texto "Doble", añadiremos lo siguiente bien en una entrada o en nuestro -sidebar-
<h5>Aquí texto</h5>
<h6>Aquí texto</h6>
Ejemplo:
Doble título
Doble titulo
| [+/-] |
Entradas Ampliables |
Entradas Ampliables o "Leer Mas"
Para conseguir el efecto de "leer más" en un resumen de texto y que después nos muestre la totalidad del artículo escrito en el post y que además nos lo muestre en la misma página, pudiendo volver al final al resumen, seguiremos los siguientes pasos
en la plantilla, Edición HTML:
Primeramente entre las etiquetas -head-,justo antes del final de -/head-:insertaremos este código:
<script src='http://rarunach.googlepages.com/hackosphere.js' type='text/javascript'/>
Luego buscas el siguiente código:
<div class='post-header-line-1'/>
<div class='post-body'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
procediendo a borrar lo siguiente :<div class='post-body'> y sustituirlo por este otro código:
<div class='post-body' expr:id='"post-" + data:post.id'>
<b:if cond='data:blog.pageType == "item"'>
seguimos en la plantilla y ahora después de esto:<p><data:post.body/></p>
añades lo siguiente :
<b:else/>
<style>#fullpost {display:none;}</style>
<p><data:post.body/></p>
<span id='showlink'>
<p><a expr:onclick='"javascript:showFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Read More...</a></p>
</span>
<span id='hidelink' style='display:none'>
<p><a expr:onclick='"javascript:hideFull(\"post-" + data:post.id + "\");"' href='javascript:void(0);'>Summary only...</a></p>
</span>
<script type='text/javascript'>checkFull("post-" + "<data:post.id/>")</script>
</b:if
Ahora guardas los cambios y ya está todo hecho, sólo nos faltará aplicar este pequeño código en las entradas para que pueda funcionar lo de -leer más-:
Aquí escribes el contenido.
<span id="fullpost">
Aquí escribes el resto del contenido que no se vera.
</span>
para más comodidad esta última parte se puede dejar fijo en la plantilla para no tener que ponerlo en cada entrada, para eso iremos a Opciones, luego a Formato y luego en Plantilla de Entrada, aplicaremos esto último:
<span id="fullpost">
Aquí escribes el resto del contenido que no se vera.
</span>
| [+/-] |
Imagen movible |
Este es un truco para poder mover por toda la página a nuestro gusto todas las imagenes que queramos. Es interesante aunque en la práctica puede que no lo sea tanto,ya que dependerá de las aplicaciones que queramos darlo. No obstante este es el truco. Primeramente antes del cierre de -/Head- insertaremos el siguiente código:
Abrir Código
<!--arrastrar imagen-->
<style type='text/css'>
.drag{
position:relative;
cursor:hand;
z-index: 100;
}
</style>
<script type='text/javascript'>
/***********************************************
* Drag and Drop Script: © Dynamic Drive (http://www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
var dragobject={
z: 0, x: 0, y: 0, offsetx : null, offsety : null, targetobj : null, dragapproved : 0,
initialize:function(){
document.onmousedown=this.drag
document.onmouseup=function(){this.dragapproved=0}
},
drag:function(e){
var evtobj=window.event? window.event : e
this.targetobj=window.event? event.srcElement : e.target
if (this.targetobj.className=="drag"){
this.dragapproved=1
if (isNaN(parseInt(this.targetobj.style.left))){this.targetobj.style.left=0}
if (isNaN(parseInt(this.targetobj.style.top))){this.targetobj.style.top=0}
this.offsetx=parseInt(this.targetobj.style.left)
this.offsety=parseInt(this.targetobj.style.top)
this.x=evtobj.clientX
this.y=evtobj.clientY
if (evtobj.preventDefault)
evtobj.preventDefault()
document.onmousemove=dragobject.moveit
}
},
moveit:function(e){
var evtobj=window.event? window.event : e
if (this.dragapproved==1){
this.targetobj.style.left=this.offsetx+evtobj.clientX-this.x+"px"
this.targetobj.style.top=this.offsety+evtobj.clientY-this.y+"px"
return false
}
}
}
dragobject.initialize()
</script>
<!--fin arrastrar imagen-->
Luego en cada imagen que queramos aplicarlo, tendremos que introducir la URL de la imagen dicha dentro de este otro código:
<img src=http://URL_IMAGEN" class="drag" />
Ejemplo:
| [+/-] |
Enlaces misma página |
Primero pones el enlace de referencia
<a href="#1">Ir a mi casa</a>
Después el de destino
<a id="1"/>Mi casa</a>
Ejemplo:
Primero pones el enlace de referencia
Ir a mi casa
Después el de destino
Mi casa
| [+/-] |
Agrandar Imagenes |
Mostrar las imagenes y que se agranden cada vez que se tocan o pasen el ratón del mouse por encima.Es un truco que resulta curioso e interesante, Para llevarlo a cabo iremos a plantilla y justo antes de la etiqueta de ...</head>
añadiremos este código:
<style type='text/css'>
.thumbnail{
position: relative;
z-index: 0;
}
.thumbnail:hover{
background-color: transparent;
z-index: 50;
}
.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: black;
padding: 5px;
left: -100px;
border: 1px dashed gray;
visibility: hidden;
color: #FFFF00;
text-decoration: none;
}
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}
.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 10px; /*position where enlarged image should offset horizontally */
}
</style>
Después sólo nos faltará aplicar este otro en el sitio que queramos mostrarlo bien sea un post o en el -sidebar-:
<a class="thumbnail" href="#thumb"><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" width="100px" height="100px" border="0" /><span><img src="http://i81.photobucket.com/albums/j219/jgutierrezs/arbol-2.jpg" /><br />Inseguridad</span></a>
Ejemplo
Inseguridad
| [+/-] |
Fondo en los Posts |
Para modificar la imagen de fondo en las entradas o post añadiremos el siguiente código y esto hará que salga en todas las entradas.Nos situamos en plantilla edición HTML y buscamos este código:
.post-body {
clear: both;
padding-top: 10px;
}
una vez encontrado lo sustituimos por este otro:
.post-body {
background: url(url-de-la-imagen) top left;
clear: both;
padding-top: 10px;
}
Ahora bien si sólo queremos que el fondo del post aparezca sólamente en algunos,entonces aplicaremos este código solamente en las entradas que queramos:
<table background="url-de-la-imagen" border="0" bordercolor="#000000" cellpadding="0" cellspacing="0" height="100%" width="100%"><tbody><tr><td><p>texto-texto-texto-texto-texto</p><p></p></td></tr></tbody></table>
Solamente faltará añadir donde dice -URL-, poner el de nuestra imagen escogida.
Avance de los miniportatiles
Puesto que todo apunta al mundo 'online', ¿por qué no diseñar un simple ordenador portátil expresamente para llevarnos allí? Esta es la idea tras el 'netbook' o miniportátil, y el éxito de los primeros modelos de fabricantes como Asus y Dell sugiere que 2009 leer mas..Métodos de pago
Metodos de pago en internet -Contra reembolso: El cliente paga cuando recibe la mercadería. El comerciante debe verificar fehacientemente la dirección física del comprador y su disposición a la compra, para evitar costosos malentendidos. -Giro postal o telegráfico: utilizando el correo, el cliente gira el dinero al comerciante. Es la forma más simple de implementar y la que utilizan todos los Sitios Web al iniciar sus actividades. leer mas..Plantilla Simplex
Otra bonita plantilla al igual que la de "Leia", es esta titulada "Simplex", sacada de de la página de /freshbloggertemplates.blogspot.com>
leer mas..
Enviar E-mail
Una buena manera de enviar un e-mail desde el propio blog es creando un formulario en la misma página web.Este es el código que tendrán que insertar donde quieran situarlo; bien sea en una entrada o en el sidebar. leer mas...Windows 7 a las puertas
No se ha mudado aún usted a Windows Vista? Tal vez no lo necesite. Dada la tibia recepción a Vista, Microsoft está acelerando la salida de su sucesor -bautizado por ahora Windows 7- y hacia fines de 2009 oirá hablar mucho de él. leer mas..Desplegar y Recoger (Otras formas)
Esta es otra forma de presentar el widget de Desplegar y Recoger, de entre las innumerables formas que hay.Esta destaca por su simpleza y reducido código sin que haya que modificar la plantilla -HTML-, y por su eficacia. leer mas..Template Angel
Demo:
Download:
Angel - Blogger xml template tema layout
Blogger xml template layout tema - Angel
leer mas..
Redireccionar texto
Leido en el blog de Gema, es una forma de redireccionar nuestros artículos dentro del mismo blog y dentro del blog en las entradas que queramos aplicarlo, puede servir cuando nuestras entradas son demasiado extensas para que los visitantes no tengan que leer la entrada completa y puedan ir directamente a un determinado texto. leer mas..Ventana Emergente
ventana emergente Para abrir una ventana emergente o pop-up, que podemos usar para mostrar algo importante o que queramos resaltar de una manera especial, mediante la apertura de una ventanita pequeña, emplearemos el siguiente código. Pulsar en -texto para pinchar-, para que se abra la ventana leer mas..
Loading...
