Siguiendo la tÃģnica de premios esta vez me llama por megafonÃa:
JmpaSrgc ha sido nominado con el premio "Melhores Momentos Virtuais" siguiendo las normas ha nominado a 11 blogs teniendo el detalle de incluirme entre sus nominados, el motivo no lo aÃąade, pero supongo que serÃĄ por esos comentarios donde intercambiamos opiniones y celebramos progresos.
Cuando somos fieles lectores de un blog se forma un cordÃģn transparente entre visitantes y autor, mediante la escritura mostramos mÃĄs de lo que pensamos.... o nos gustarÃa mostrar.
No sabemos los motivos ni la causa pero podemos adivinar si nuestro amigo blogger estÃĄ feliz o desmotivado se respira en cada lÃnea, se palpa en cada frase.
Yo sÃĐ JmpaSrgc que no te vas a enfadar porque no nombre esos 11 blogs para seguir la cadena, por los mismos motivos que le mencionÃĐ antes a Bohemia Mar, sÃĐ que nuestra amistad no se va a perder por eso.
Te estoy muy agradecida de la menciÃģn y como prueba de ello voy a nominar un blog:
GRACIAS
Mi agradecimiento para ti tambiÃĐn Pau por visitarme y divulgar mi espacio con esta menciÃģn.
Te pido disculpas por no mencionar blogs, en realidad os mencionarÃa a todos pero me temo mi memoria me juegue una mala pasada.
!GRACIAS ¡
10
opiniones
Premio Blog solidario |
|
| ▼ |
Siguiendo la moda de los premios a bloggers Bohemia Mar ha tenido la idea de crear un premio dedicado a aquellos que en algÚn momento destacaron por su solidaridad.
Estos son los amigos bloggers que amablemente se acordaron de Gem@ BLOG como blog solidario.
No lo sientas JmpaSrgc aunque creo no ser merecedora ni de este ni de ningÚn premio siempre es agradable comprobar que se acuerdan de nosotros. Si en algÚn momento con nuestra labor conseguimos ayudar la satisfacciÃģn es el mejor premio.
(Disculpa que una vez mÃĄs me salte las reglas y no haga nominaciÃģn a otros blogs)
Mil GRACIAS
La luz la ponen ustedes con el contenido de su espacio yo solo enciendo el candil.
!GRACIAS¡
Claro que me gusta ¿a quiÃĐn no le gusta que le regalen estos presentes?
GRACIAS Antero te lo agradezco de corazÃģn.
Siento no mostrarte mi agradecimiento antes Pausan, no vi aviso de tu entrada.
GRACIAS por esta menciÃģn y por endulzarnos la vida con tu blog y tu persona.
GRACIAS a ti Noa, por tenerme presente en tu elecciÃģn como blog solidario, por tu simpatÃa y la forma en que te entregas.
GRACIAS Buensancho...
Elementos de pÃĄgina que NO se mueven |
|
| ▼ |
Le ocurre a Den y nos pasa a casi todos, por suerte es de tarde en tarde lo que no quita que sea una molestia.
A veces deseamos organizar los elementos de pÃĄgina por medio de la funciÃģn Drag´n drop (arrastrar y soltar) sin conseguirlo.
Si la paciencia es algo que no va contigo puedes utilizar este mÃĐtodo.
Nos situamos en Plantilla y marcamos EdiciÃģn HTML para mÃĄs tarde Expandir la plantilla y buscamos donde dice:
<b:section class='sidebar' id='sidebar' preferred='yes'>
Seguimos mÃĄs abajo y encontraremos algo asÃ:
idget id='XXXX1' locked='false' title='Elemento1' type='XXXX'/>
En lugar de XXXX encontrarÃĐis la clase de elemento que habÃĐis aÃąadido puede ser HTML, BlogArchive, cualquier elemento aÃąadido.
El nš1 significa en el orden en que estÃĄ ese elemento lo verÃĐis tambiÃĐn en la misma lÃnea "title='Elemento1'" en XXXX de type='XXXX' se repite la clase de elemento como en idget id
Bien, No hay que modificar nada de esas lÃneas de cÃģdigo, lo que hay que hacer es "moverlas" (cortar y pegar) en el orden que deseamos que aparezcan en la sidebar.
Un ejemplo de la plantilla antes de la modificaciÃģn.
<b:widget id='XXXX1' locked='false' title='Elemento1' type='XXXX'/>
<b:widget id='XXXX2' locked='false' title='Elemento2' type='XXXX'/>
<b:widget id='XXXX3' locked='false' title='Elemento3' type='XXXX'/>
El resultado de mover los elementos en otro orden:
<b:widget id='XXXX3' locked='false' title='Elemento3' type='XXXX'/>
<b:widget id='XXXX1' locked='false' title='Elemento1' type='XXXX'/>
<b:widget id='XXXX2' locked='false' title='Elemento2' type='XXXX'/>
Luego la recomendaciÃģn de siempre... "Mira en vista previa antes de guardar los cambios y recuerda si ya tienes una copia de respaldo de la plantilla"
Esta idea ha sido tomado de Trucos Blogger
Ãltimos comentarios con..."Fecha,nombre,tÃtulo de la entrada, y un breve resumen" |
|
| ▼ |
En vista de los problemas que nos puede ocasionar utilizar alojamientos externos he actualizado esta entrada incluyendo la idea de J.Miur de aÃąadir los scripts en nuestra propia plantilla, en este caso el script de Últimos comentarios lo aÃąadiremos en un gadget.
La forma de aplicarlo es muy sencilla, editamos un nuevo gadget escogiendo la opciÃģn de HTML y en su interior aÃąadimos los siguiente.
<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'…');
}
document.write('</a></li>');
}
}
</script>
<script type="text/javascript">
var a_rc=10;
var m_rc=false;
var n_rc=false;
var o_rc=50;
</script>
<script src="gemablog-.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>
Podemos modificar lo siguiente:
var a_rc=10; // la cantidad de comentarios
var m_rc=false; // con true se muestra la fecha
var n_rc=false; // con true mostramos el tÃtulo del post
var o_rc=50; // caracteres que se muestran
Donde dice:gemablog-.blogspot.com cÃĄmbialo por la direcciÃģn de tu blog.
Una vez guardamos los cambios si queremos personalizarlo marcamos para expandir la plantilla localizamos el siguiente cÃģdigo y aÃąadimos lo que estÃĄ marcado en color rojo.
<b:widget id='aquà pondrÃĄ la id de nuestro widget' locked='false' title='aquà pondrÃĄ el tÃtulo que tenemos en la sidebar' type='HTML'>
<b:includable id='main'>
<!-- only display title if it's non-empty -->
<b:if cond='data:title != ""'>
<h2 class='title'><data:title/></h2>
</b:if>
<div class='widget-content'>
<div id='ultimosComentarios'><data:content/></div>
</div>
<b:include name='quickedit'/>
</b:includable>
</b:widget>
Guardamos de nuevo los cambios y nos situamos justo antes de ]]></b:skin> allà aÃąadimos los estilos.
#ultimosComentarios li { /* es el bloque que contiene cada comentario*/
border-bottom: 1px solid #C0C0C0;
border-top: 1px solid #C0C0C0;
margin-bottom: -1px !important;
padding: 0px 0 0px 15px;
}
#ultimosComentarios b { /* autor del comentario */
color:#940f04;
}
#ultimosComentarios li:hover { /* aÃąade efecto al pasar el ratÃģn sobre cada bloque de comentario*/
color:#ccc;
}
#ultimosComentarios a, #ultimosComentarios a:link, #ultimosComentarios a:visited {
color:#333; /* es el texto del comentario */
}
#ultimosComentarios a:hover {/* aÃąade efecto sobre el texto del comentario */
color:#940f04;
}
Recuerda que en los estilos debes aÃąadir el mismo id que aÃąadimos en este caso ultimosComentarios de lo contrario no se producen los cambios en los estilos.
Bigoo (generadores de logos,backgrounds, imÃĄgenes, cursores...) |
|
| ▼ |
HacÃa tiempo que no hablaba sobre generadores, asà que aquà va una nueva pÃĄgina.
Se trata de Bigoo y aunque en un principio los generadores estÃĄn indicados para MySpace se puede aplicar en Blogger sin problema.
Estoy segura que aquellos que gustan de aÃąadir a su blog efectos con Glitters encontrarÃĄn lo que estaban buscando, aunque bien mirado hay cosas muy curiosas para decorar el blog o como simple entretenimiento.
Make a Photo Calendar at bigoo.ws
De oca a oca y tiro porque me toca mÃĄs pÃĄginas sobre el mismo tema:
Mytextgraphics
GlitterGraphics
Enlazar imÃĄgenes, modificar tamaÃąo,informaciÃģn adicional y abrir en ventana aparte. |
|
| ▼ |
Charo tiene interÃĐs en aÃąadir informaciÃģn a una imagen pasando el ratÃģn por encima.
He visto en su blog que las imÃĄgenes a las que hace referencia son las aÃąadidas en su blog como enlaces amigos.
Partiendo de la idea que es formar un grupo de imÃĄgenes tambiÃĐn vamos a intentar que todas las imÃĄgenes tengan la misma medida y lo que ella desea... una informaciÃģn adicional con el tÃtulo del blog que corresponde a cada imagen.
Un enlace para imagen serÃa algo mÃĄs o menos asÃ:
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen" /></a>
Para conseguir que todas las imÃĄgenes tengan el mismo tamaÃąo le asignaremos los atributos width y height y border para crearle una separaciÃģn.
<a href="aquilaurldelapagina"><img src="aquilaurldelaimagen" border="1" height="60" width="60" /></a>
Ahora con title vamos a asignarle el tÃtulo:
<a style="" title="aquieltitulo" href="aquilaurldelapagina"><img src="aquilaurldelaimagen" border="1" height="60" width="60" /></a>
Por Último le asignaremos el atributo target="_blank" para que al clicar encima de la imagen la pÃĄgina se abra en una ventana aparte.
Y este es el cÃģdigo que necesitarÃamos para hacer un grupo de imÃĄgenes como el ejemplo que ilustra esta entrada
<a style="" title="aquieltitulo" href="aquilaurldelapagina"target="_blank"><img src="aquilaurldelaimagen" border="1" height="60" width="60" /></a>
El resultado es un cÃģdigo bastante extenso pero con un resultado yo creo que aceptable.
Para el ejemplo he tomado imÃĄgenes de blogs amigos utilizando para ello la url de sus imÃĄgenes, espero no perjudicar a nadie con esta acciÃģn de ser asà me lo hacen saber y de inmediato las sustituyo.
AÃąadido a varias imÃĄgenes el resultado serÃa el siguiente que podremos ordenar en el editor de la entrada de la siguiente forma:
Para que las imÃĄgenes queden en una misma lÃnea no deberemos dejar espacio entre cÃģdigo y cÃģdigo. Luego para formar una segunda y tercera lÃnea situaremos los cÃģdigos con un entrelineado y asà sucesivamente.
Espero sea el resultado que esperabas Charo.
Review a Gem@ BLOG |
|
| ▼ |
Me lo han comentado en mÃĄs de una ocasiÃģn "¿por quÃĐ no cambias de plantilla?" y es que me gusta hacer y deshacer, probar y cambiar, y tambiÃĐn meter la pata mÃĄs de una vez (eso me gusta menos)
Si por mi fuera... que diferente serÃa, seguramente tendrÃa un fondo fijo cuajado de rosas blancas jajaja sÃĐ que suena cursi total pero una tiene sus preferencias.
Entiendo que la plantilla va en consonancia con la temÃĄtica del blog, sin olvidar que es bueno que el visitante se sienta cÃģmodo y encuentre de forma fÃĄcil cualquier cosa que necesita.
Es obvio que la plantilla dice mucho de la persona que escribe, y que al fin y al cabo es el lugar al que dedicamos con gusto eso si, nuestro preciado tiempo.
De forma casual descubrà que Cristian en su blog Punto&Coma se ofrecÃa de forma desinteresada para realizar reviews.
¿QuÃĐ es un review?
Es una informaciÃģn/opiniÃģn obtenida de un estudio sobre un tema determinado.
En los blogs suelen hacerse reviews para obtener una opiniÃģn imparcial sobre diseÃąo, contenido, navegaciÃģn ect...
Dicho review al final obtendrÃĄ una nota y las observaciones sobre problemas encontrados con el fin de ayudarnos a descubrir esos errores y subsanarlos.
No me lo pensÃĐ dos veces y le pedà hiciera un review a Gem@ BLOG el resultado ha sido satisfactorio, aunque un poco contradictorio para mi gusto, lo que a ÃĐl mÃĄs le gusta es mi logo precisamente lo que estaba pensando cambiar.
Sin embargo me ha venido muy bien su opiniÃģn para ver esos pequeÃąos errores y subsanarlos.
Su puntuaciÃģn ha sido:
Y esta ha sido su opiniÃģn:CONTENIDO DEL BLOG
Actualizaciones -- tuve un problema con las actualizaciones porque en el blog no aparece la fecha de los posts... pero me acordÃĐ que tenÃa el feed y pude solucionar todo. El ritmo va saltando: a veces se escriben dos entradas en el dÃa, otras pasa una jornada sin escribir y despuÃĐs vuelve el ritmo anterior. Es... impredecible, y eso en parte puede resultar positivo.
Tema -- el tema del blog es muy claro, desde la cabecera que muestra "HTML" (una pista) hasta los tags que aparecen debajo. A nadie le deben quedar dudas...
Entradas -- en general los posts estÃĄn muy bien escritos. Tiene imÃĄgenes como para acompaÃąar lo que se escribe y las explicaciones muy buenas tambiÃĐn. AdemÃĄs, los cÃģdigos html se destacan en caja de texto o con color, eso me gusta cÃģmo queda, asà no se confunde con el resto del contenido.
Pero... veo que el botÃģn "Seguir leyendo" aparece en cada una de las entradas, y al hacer click
no me lleva a ningÚn lado. Debe ser problema del javascript.
DISEÃO DEL BLOG
Cabecera -- la cabecera me gusta mucho, es bastante sencilla y el efecto que tiene la imÃĄgen le
sienta muy bien.
Theme -- la plantilla es muy simple, aparece todo en blanco. Por eso me gustarÃa que haya un poco mÃĄs de color, principalmente en la columna como para destacarla de las entradas (un azul claro o alguno parecido).
Sobre la flecha para ir hacia arriba, me di cuenta de que hace recargar la pÃĄgina otra vez. Creo
que a la url le falta un "#" al final...
La columna estÃĄ bien ordenada, me gusta la forma en que se muestra la introducciÃģn al blog y el
recuadro en el que aparecen la mayorÃa de los botones, con barras para ir hacia abajo y hacia
arriba.
VisualizaciÃģn -- en los dos navegadores el blog se ve bien, salvo una pequeÃąa diferencia con el tiempo de carga, el resto estÃĄ muy bien. Me gustarÃa que Gem@ Blog tenga un favicon que lo
identifique.
!Gracias Cristian ¡
Blog Action Day |
|
| ▼ |
Todos oÃmos hablar de lo mal que estÃĄ el medio ambiente, no hace falta oÃrlo podemos verlo y lo vemos. Parece que reciclar la basura y recoger las caquitas de nuestro perro no es suficiente y Blog Action Day estÃĄ promoviendo una iniciativa en la que 2.785 bloggers ya se han sumado.
Se trata de que todos los bloggers publicÃĄramos sobre un mismo tema en un mismo dÃa, los promotores estÃĄn convencidos que de ser asà dicho problema tendrÃa soluciÃģn.
Personalmente pienso que la idea puede servir para concienciarnos y demostrar una vez mÃĄs lo solidarios que somos ante cualquier causa justa, pero una cosa es concienciarse y otra muy distinta vivir de la ilusiÃģn.
La fecha escogida es el 15 de octubre.
Para todos aquellos que deseen adherirse a esta causa pueden hacerlo de tres maneras.
1- Escribiendo en tu blog sobre el tema relacionado con el medio ambiente.
2- Donando el dinero obtenido en ese dÃa con tu blog.
3- Promover la iniciativa.
Es optativo aÃąadir un banner a tu sitio y registrase.
Visto en Vagabundia
VÃdeos en Blogger |
|
| ▼ |
Esto se estÃĄ poniendo bonito ¿serÃĄ que nos van dosificando las mejoras para que no, nos atragantemos? No sÃĐ si os habrÃĐis dado cuenta pero en el editor de Blogger ya aparece un icono para subir vÃdeos desde nuestro PC increible pero cierto.
¿QuÃĐ serÃĄ lo prÃģximo quizÃĄs archivos de mÚsica? ojalÃĄ sea asÃ, mientras tanto ya podemos mostrar nuestros vÃdeos sin la necesidad de alojarlos en servidores externos. Los archivos permitidos son AVI, MPEG, QuickTime, Real y Windows Media, el tamaÃąo mÃĄximo de 100 MB.
Y por supuesto NO subir material obsceno o ilÃcito.
(Mientras dura el proceso de subir el vÃdeo podemos continuar editando la entrada, pero no debemos cerrar la ventana ni publicar hasta que haya finalizado.)
Scroll de texto con imagen de fondo |
|
| ▼ |
A veces unas pequeÃąas modificaciones en un cÃģdigo pueden cambiar el aspecto considerablemente. Es de lo que se trata hoy de aÃąadir una imagen de fondo a un Scroll.
Recuperamos el Scroll de imÃĄgenes que enlazan y aÃąadimos enlaces tipo texto en lugar de las imÃĄgenes, tambiÃĐn aÃąadimos una imagen de fondo en lugar de color y un borde de mayor grosor.
El resultado serÃa mÃĄs o menos asÃ:
<marquee direction="up" scrollAmount="1" style="background:url('aquà la imagen'); text-align: center; width:90px;height:100px;border:2px solid #964E7B ;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="url-de-la-pÃĄgina" target="_blank">TEXTO</a><p>
<a href="url-de-la-pÃĄgina" target="_blank">TEXTO</a></p>
</marquee>
- En vista de los comentarios y que al parecer algunos tienen problemas para modificar el tamaÃąo y color de fuente vamos a solucionarlo de la siguiente forma.
AÃąadiremos al mismo cÃģdigo el atributo <font> indicando el tipo,tamaÃąo y color de fuente:
<marquee direction="up" scrollAmount="1" style="background:url('aquà la imagen'); text-align: center; width:90px;height:100px;border:2px solid #964E7B ;padding:3px" onMouseover="this.scrollAmount='0'" onMouseout="this.scrollAmount='1'">
<a href="url-de-la-pÃĄgina" target="_blank"><font face="Arial" color="green" size=3>TEXTO</font></a><p>
<a href="url-de-la-pÃĄgina" target="_blank"><font face="Arial" color="green" size=3>TEXTO</font></a></p>
</marquee>
A sustituir "green" por el color a escoger "Arial" por el tipo de letra y "size=3" por el tamaÃąo deseado.
Feedjit (Para saber desde donde nos visitan) |
|
| ▼ |
Lo mejor de todo es que no es necesario registro, basta con aÃąadir el cÃģdigo que nos proporciona y aÃąadirlo en nuestro blog.
(Los cÃģdigos que veis a continuaciÃģn son los mismos que Feedjit proporciona en su pÃĄgina por lo que podÃĐis aplicarlo a vuestro blog sin modificar ni aÃąadir nada)
Si deseamos aÃąadirlo a nuestra sidebar el lugar adecuado es el siguiente:
Plantilla/AÃąadir un elemento de pÃĄgina/HTML Javascript
Si tu plantilla es clÃĄsica aÃąÃĄdelo en la parte correspondiente de la sidebar justo donde deseas aparezca.
"PaÃses"
<script type="text/javascript" src="http://feedjit.com/serve/"></script>
<noscript><a href="http://feedjit.com/">Feedjit live traffic feed</a></noscript>"Mapa grÃĄfico"
<script type="text/javascript" src="http://feedjit.com/map/"></script>
<noscript><a href="http://feedjit.com/">Feedjit live traffic map</a></noscript>Visto en Xyberneticos
Efectos en los enlaces |
|
| ▼ |
Siempre guardo apuntes de interÃĐs que mÃĄs tarde pienso pueden ser de utilidad o prefiero verlos con mÃĄs calma. Intentando ayudar a k_nelita he buscado la forma de modificar el color o aplicar algunos efectos en los enlaces.
Ya sÃĐ que Blogger lo pone fÃĄcil con la opciÃģn de fuentes y colores pero su blog es de mi arroba.
Para ver estos efectos aÃąadiremos el cÃģdigo entre las etiquetas <body> y </body>
AÃąadir fondo de color al pasar el ratÃģn por encima:
<style type="text/css">
A:hover { color: white; background:blue }
</style>
Cambiar el tamaÃąo del texto al pasar el ratÃģn por encima:
<style type="text/css">
A:link { font-size: 15px }
A:visited { font-size: 15px }
A:hover { font-size: 18px }
</style>
Cambiar de color al pasar el ratÃģn por encima
<style type="text/css"><br />A:hover { color: red }
</style>
Subrayar el enlace:
<style type="text/css">
A:link, A:visited { text-decoration: none }
A:hover { text-decoration: underline }
</style>
Eliminar subrayado:
<style type="text/css">
A:link, A:visited { text-decoration: none }
</style>
Cuando cambiamos los colores en la etiqueta body estos aparecen en toda la pÃĄgina igual sin opciÃģn a poder cambiarlos. Sin embargo aÃąadiÃĐndolos en la CSS es posible cambiarlos.
AÃąadiremos entre <head> y </head> lo siguiente:
<style type="text/css">
a:link { color: red; }
a:visited:link { color: green; }
a:hover:link { color: gray; }
a:active:link { color: blue; }
</style>
Naturalmente los colores los podÃĐis sustituir por otros acorde con vuestro blog.
mar y descanso |
|
| ▼ |
Es verano, a pesar de mi tardanza mi amado estÃĄ esperando.
Bello y sensual valiente y rebosante de energÃa.
Bravo y romÃĄntico a la vez.
Deseando envolverme con sus brazos.
Acariciar mi piel...
Manos enamoradas, besos salados, susurros de voz al caer la tarde...
Ahà estÃĄ ÃĐl siempre paciente... mi bandido enamorado.
Llevo una semana de vacaciones, mis idas y venidas de un lugar a otro estÃĄn siendo mÃĄs agotadoras que mi jornada laboral. Asà que me tomo un respiro de tres dÃas, me voy junto al mar.
CuÃdense, sonrÃan, digan te quiero, dÃĐjense querer.
Pero sobre todo sean felices...
Sobre plantillas y fondos |
|
| ▼ |
Hasta hace poco encontrar plantillas para Blogger "beta" era una odisea, poco a poco han ido apareciendo y pienso que superando con creces las anteriores.
DiseÃąar una plantilla y llevar a cabo su ejecuciÃģn no es tarea sencilla, hace falta una buena preparaciÃģn, imaginaciÃģn y tambiÃĐn buen gusto. Modificar una plantilla es otra historia, con la base de una sencilla plantilla y trabajando en la CSS se pueden hacer verdaderas maravillas, si a eso aÃąadimos un menÚ, un bonito logo, unos widgets aquà y allÃĄ el resultado es bastante aceptable. Pero siempre serÃĄ la misma plantilla, siempre habrÃĄ alguien detrÃĄs de nuestro trabajo que serÃĄ quien realmente tiene el mÃĐrito ganado...
Hace tiempo que voy aÃąadiendo lugares donde conseguir plantillas, algunos como Narko Team dejaron de estar online y es una pena, muchos vinieron preguntando si sabÃa su nueva direcciÃģn, y no. Seguimos sin saber de Osvaldo. Si alguien tiene algÚn dato, alguna nueva direcciÃģn agradecerÃa nos lo hiciera saber.
De quien si tengo noticias es de Carmen de Todo para tu blog, hace poco me notificÃģ que estaba trabajando con plantillas animadas. La visitÃĐ y vi su espacio dedicado a plantillas para Blogger "beta", en realidad son plantillas de Blogger que ella tiene la gentileza de aÃąadir fondos de su creaciÃģn y proporcionar la descarga gratuita.
Hablando un poco con Carmen me puse al corriente, es Webmaster y se dedica profesionalmente a ello, trabaja con cualquier tipo de diseÃąos, los precios de sus pÃĄginas dependen del tiempo que tenga que dedicar a ellas. Como ella misma dice no hay dos diseÃąos iguales ni por lo tanto dos precios iguales.
Los comentarios de su espacio de plantillas avalan el buen funcionamiento asà que si deseÃĄis ver algunas plantillas con sus fondos podÃĐis verlas aquÃ
VIRUS TOTAL (Servicio antivirus online) |
|
| ▼ |
Alguna vez hemos recibido por correo archivos, recordamos esos archivos cuando empezamos a notar que nuestro ordenador hace cosas extraÃąas, o simplemente no hace nada de lo que deberÃa hacer.
Siempre queda la duda sobre ese archivo extraÃąo (o conocido, da igual) los virus no entienden de amistad ni catalogan cuando uno es mejor o peor persona. Ellos se acomodan en nuestro PC y el resto ya lo sabemos.
VIRUS TOTAL es un servicio gratuito donde podemos subir el archivo sospechoso o enviarlo por correo electrÃģnico para que sea analizado y estudiado por diferentes antivirus.
Nos proporciona un detallado estudio con los diferentes antivirus y el resultado de la Última actualizaciÃģn.
Espero os sea Útil.
Premio Thinking Blogger Award |
|
| ▼ |
Estas cosas me cogen desprevenida, les cuento...
Se trata de “Thinking Blogger Award” es una especie de reconocimiento el cual es entregado por bloggers que han sido nominados y a su vez deben nominar a 5 blog’s los cuales le hicieron pensar en algun momento.
Toditiko me ha puesto al corriente, su blog ha sido nominado por otro blogger y ha tenido la "genial idea" de nominarme (o mejor dicho a mi blog) como blog que le hace pensar
Las reglas son las siguientes:
1. Si fuiste uno de los escogidos, escribe un post e incluye en ÃĐl 5 blogs que te hacen pensar, (con enlace, link, a cada uno de ellos para que puedan ser visitados.)
2. Haz en tu post un link al post de Ilker para que se pueda encontrar el origen de este premio.
3. Muestra con orgullo el "Thinking Blogger Award" con un link al post que tu escribiste.
Este es el "Thinking Blogger Award" que lucirÃĄ entre los botones de mis directorios:
Para mi es muy difÃcil escoger 5 blogs que me hicieron pensar bien porque me expusieran un problema complicado sobre el blog o porque como muchos sabrÃĐis tambiÃĐn me gusta aprender y sin duda eso hace pensar.
Asà que me voy a basar en los 5 que me hicieron pensar mÃĄs de la cuenta en las Últimas semanas, mis nominados son los siguientes:
daleclick: Para mi es el mejor foro sobre Blogger que hay en la red, hace tiempo contaba con una base de datos muy importante, esa base de datos se perdiÃģ debido a la desapariciÃģn del alojamiento. Hoy daleclick se nutre de las aportaciones de sus visitantes y la inestimable ayuda de su autor Fernando.
Vagabundia: Un blog donde su autor J.Miur trata todos los temas de forma clara y detallada consiguiendo crear una atmÃģsfera cordial entre todos sus visitantes. En Vagabundia no solo nos informamos sino que aprendemos con ayuda de un experto (debo reconocer que no solo me hizo pensar sino romperme la cabeza llevando a la practica mÃĄs de una explicaciÃģn, eso si... con buenos resultados)
JmpaSrgc: Su blog mÃĄs conocido es Cogito Ergo Scribere trata sobre noticias, curiosidades, actualidad y muchos temas mÃĄs.
Me hace pensar porque le ocurre un poco lo que a mi, quiere probarlo todo y por supuesto que todo resulte como tiene en mente. ¿Rizamos el rizo JmpaSrgc?
Alejandro Aura: Es una pena que muchos le conocieran a partir del hackeo de su blog, pero nunca es tarde para descubrir un gran poeta y mÃĄs si ese poeta va de la mano de su compaÃąera Milagros Revenga. Los momentos difÃciles por los que pasaban me hicieron pensar y mucho, no solo porque ante estas cosas uno se siente impotente sino porque me producÃa tristeza pensar que todos esos textos escritos con un sentimiento infinito quedaran en el olvido.
Elizabetha: Mi nueva amiga de "El mundo segÚn Elizabetha" alguien que decidiÃģ crear un blog para mostrar su visiÃģn especial de la vida. Sus ansias de mejorar y sus inquietudes por aprender aÃąadido con los Últimos problemas de los navegadores me hicieron no solo pensar sino descubrir una persona muy especial.
Y eso es todo amigos, quiero que sepan que entiendo que algunos de los "nominados" por la temÃĄtica de su blog o porque no tengan costumbre adherirse a estas cosas no tengan en cuenta esta entrada. Lo entiendo y lo veo completamente respetable
MenÚ horizontal |
|
| ▼ |
Este menÚ horizontal es muy vistoso, lo he tomado prestado del blog de nuestro buen amigo CÃĐsar.
Para aÃąadirlo a nuestro blog nos situaremos en Plantilla/EdiciÃģn HTML.
DespuÃĐs de <head> /aÃąadiremos lo siguiente:
<style type='text/css'>
#chromemenu{
width: 100%;
font-weight: bold;
font-size: 90%;
}
#chromemenu:after{ /*Add margin between menu and rest of content in Firefox*/
content: ".";
display: block;
height: 1px;
clear: both;
visibility: hidden;
}
#chromemenu ul{
border: 5px double #660000;
width: 99%;
background-color: #000000; center
center repeat-x;
padding: 5px 0;
margin: 0;
text-align: left; /*set value to "right" for example to align menu to the left of page*/
}
#chromemenu ul li{
display: inline;
}
#chromemenu ul li a{
color: #cccc66 ;
padding: 5px;
margin: 10;
text-decoration: none;
border-right: 3px double #660000;
}
#chromemenu ul li a:hover{
background-color: #660000; center
center repeat-x;
}
</style>
(en esta parte de cÃģdigo es donde podemos cambiar el color del menÚ)
Una vez guardados los cambios nos dirigimos a; AÃąadir un elemento de pÃĄgina/HTML Javascript donde aÃąadiremos lo siguiente:
<div id="chromemenu">
<ul>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
<li><a href="aquÃ-url">texto</a></li>
</ul>
</div>
(En esta parte es donde podemos aÃąadir los enlaces y el texto que serÃĄ visible)
Script para abrir en ventana nueva |
|
| ▼ |
Si retrocediera unos cuantos aÃąos y estuviera entre mis amigos de la infancia estoy segura que empezarÃa diciendo...
!!Que levante la mano aquellos que quieran abrir sus documentos en ventana aparte sin tener que agregar target="_blank ¡¡
Estoy segura que mÃĄs de uno levantarÃa su mano, mientras con la otra sujeta el bocadillo de mantequilla con azÚcar.
¿Alguien levantÃģ la mano? Entonces sigan leyendo...
Les cuento que hace bastante tiempo descubrà un script que al aÃąadirlo entre las etiquetas <head> proporcionaba el efecto de abrir los archivos en una nueva ventana. En aquel entonces mi blog era una pÃĄgina personal y lo aÃąadà sin valorar la utilidad que ahora le doy.
Hoy he vuelto a encontrar ese script, en Vagabundia tenÃa que ser ¿dÃģnde si no? y aquà lo tienen:
<!-- Abrir ventana externa-->
<script type='text/javascript'>
function externalLinks() {
if (!document.getElementsByTagName) return;
var anchors = document.getElementsByTagName("a");
for (var i=0; i<anchors.length; i++) {
var anchor = anchors[i];
if (anchor.getAttribute("href") && anchor.getAttribute("rel") == "external"
anchor.target = "_blank";
}
}
window.onload = externalLinks;
</script>
<!-- Abrir ventana externa-->
Antes para enlazar un archivo y que abriera en venta aparte lo hacÃamos con este cÃģdigo:
<a href="direccion_URL" target="_blank">vÃnculo externo</a> pero no siempre funcionaba.
Ahora y con el script aplicado a sus plantillas nuestro enlaces tambiÃĐn podrÃan ser de esta otra forma:
<a href="direccion_URL" rel="external">vÃnculo externo</a>
Se trata de sustituir el atributo target="_blank" por rel="external" es cuestiÃģn de comprobar que atributo es el que nos funciona mejor para que nuestros enlaces abran todos en ventana nueva ;)
Bligoo plataforma de blogs |
|
| ▼ |
Bligoo es una herramienta de desarrollo de Blogs, en etapa alfa pero nadie lo dirÃa... En la cocina de Bligoo se cuece todo, y como en las mejores cocinas estÃĄn los grandes Chef allà estÃĄn Paolo Colonnello y Cristian Labarca seguramente me dejo algÚn componente mÃĄs (disculpadme pero estaba muy distraÃda con tanta novedad)
AdemÃĄs de poder migrar nuestro blog de Blogger a Bligoo previa peticiÃģn tipo mensaje ( ellos mismos se encargan de contactar con el interesado) nos proporciona Drag´n drop que quiere decir arrastrar y soltar las etiquetas.
Y algo que estoy segura gustarÃĄ no requiere la aplicaciÃģn de cÃģdigos para aÃąadir el conocido "leer mÃĄs" o "Últimos comentarios" esos son algunos por poner un ejemplo, los widgets (en Bligoo llamados Blidgets) se pueden adaptar por el procedimiento Drag´n drop a ambos lados del blog, en una o dos columnas.
MÃĄs cositas... dispone de 20 diseÃąos de plantilla todos muy parecidos pero en diferentes colores, con la ventaja que ofrecen una guÃa paso a paso sobre la grÃĄfica de un blog donde podemos modificar la tabla de contenido y aÃąadir o modificar las hojas de estilo (CSS)
!Podemos subir archivos¡ asà como lo leen, dispone de 50MB de almacenamiento, he probado a subir jpg. mp3. y .js y por lo pronto los acepta y descarga perfectamente.
¿Preguntas? ¿Ayuda? aquà tenÃĐis mÃĄs...
He creado un blog en Bligoo este es el resultado (no esperÃĐis gran cosa ha sido creado para "investigar" el manejo http://gema.bligoo.com/
Como verÃĐis todo son maravillas, nos queda siempre esa duda de si cambiar o migrar nuestro blog. Yo lo tengo muy claro... sigo en Blogger, en estos momentos me siento cÃģmoda lo que no quiere decir que pueda tambiÃĐn beneficiarme de esa lindeza que es Bligoo (Ya podÃan otros tomar ejemplo)
Por Último os dejo el vÃdeo de la mascota Bligloo.
AÃąadir un nuevo autor al blog (plantilla clÃĄsica) |
|
| ▼ |
"Resulta que para cambiar la plantilla a mi blog tuve que pasar a la versiÃģn antigua de Blogger y quedÃģ bien, pero tengo el blog en sociedad con otra persona y ahora aparecen todos los post firmados con mi nick como si yo los hubiera escrito"
En primer lugar debemos conseguir las direcciones de los perfiles de todos aquellos que publicarÃĄn entradas en el blog. Lo podemos hacer visualizando el perfil y copiando la url del navegador.
Es algo asà http://www.blogger.com/profile/xxxxxx donde xxxxxx es el nÚmero de identificaciÃģn a cada perfil en Blogger.
Debemos anotar el nÚmero correspondiente de cada persona que vamos a aÃąadir como autor del blog.
DespuÃĐs vamos a aÃąadir el siguiente cÃģdigo en la plantilla entre los cÃģdigos <head>
<script type="text/javascript">
var team = new Array();
team["First Member"]="XXXXXXX";
team["Second Member"]="YYYYYYY";
team["Third Member"]="ZZZZZZZ";
function makeprofilelink (authorname) {
var pid = team[authorname];
document.write("<a href=\"http://www.blogger.com/profile/"
+ pid + "\">" + authorname + "</a>");
}
</script>
Ahora vamos a sustituir algo en el cÃģdigo anterior, donde dice "First Member" por el nombre que deseas que aparezca en las entradas del primer miembro y donde dice xxxxxx por el nÚmero de identificaciÃģn correspondiente al perfil de ese mismo usuario.
Luego repetiremos con el segundo miembro del blog o con el tercero si asà lo requiere. (Podemos aÃąadir tantas lÃneas como lo necesitemos)
Ahora nos dispondremos a buscar la secciÃģn situada entre los cÃģdigos <Blogger> donde aparecen las entradas hasta encontrar <$BlogItemAuthorNickname$> o <data:post.author/> dependiendo la plantilla que tengamos serÃĄ una cosa u otra.
Muestra el nombre visible de cada persona y sustitÚyelo por lo siguiente:
(Para plantillas clÃĄsicas)
<script type="text/javascript"> makeprofilelink("<$BlogItemAuthorNickname$>"); </script>
(Para diseÃąos)
<script type="text/javascript"> makeprofilelink("<data:post.author/>"); </script>
Una vez terminado miramos en vista previa y guardamos los cambios (es conveniente volver a publicar el blog)
Si todo ha salido bien comprobaremos que al final de cada entrada aparecerÃĄ algo asÃ:
Publicado por Gem@ 02:18
!Suerte Giovanni¡
MyFlashFetish (widgets, slideshow, reproductores) |
|
| ▼ |
Cada uno tiene unas preferencias, yo reconozco que todo aquello que sea personalizar o crear efectos con imÃĄgenes me encanta, Power Point, ÃĄlbumes digitales , pelÃculas de imÃĄgenes con trancisiones, son algunas de las cosas que conocidos y familia esperan recibir a cambio de fotografÃas de sus viajes o acontecimientos.
Los Slideshows no, eso ya me encargo de pasarles direcciones donde de forma fÃĄcil y sencilla pueden crearlos, como este que Vagabundia ha descubierto.
Se trata de MyFlashFetish donde encontraremos widgets realizados para MySpace pero que podemos adaptar a varios sitios entre ellos Blogger.
Entre los Widgets que podemos encontrar los hay para Slideshow, Flash y reproductores de MP3, este Último parece ser el preferido de J.Miur sin embargo yo me quedo con la secciÃģn de Slideshow, no siempre podemos estar de acuerdo.
Aquà una muestra:
Blogger para Word |
|
| ▼ |
Blogger para Word es un complemento gratuito para Microsoft Word que le permite guardar un documento Word como una entrada en tu blog de Blogger con sÃģlo hacer unos clics e incluso sin iniciar ningÚn navegador. Blogger para Word te lo pone aÚn mÃĄs fÃĄcil para expresarte en lÃnea, guardar tus documentos en la web y editar tu trabajo ya sea en lÃnea o sin conexiÃģn.
Con Blogger para Word, es tan fÃĄcil publicar un documento de Word en tu blog como guardarlo en tu equipo y es muy sencillo empezar a usarlo, sÃģlo tienes que descargar el complemento Blogger para Word, instalarlo y, a continuaciÃģn, aparecerÃĄn los tres botones siguientes en la barra de herramientas de tu Word:
Publicar crea y publica una nueva entrada a partir del texto de tu documento.
Abrir entrada te permite editar tus Últimas 15 entradas de Blogger en Word.
Guardar como borrador te permite guardar una entrada sin publicarla, que aparecerÃĄ en tu cuenta de Blogger, sin que se muestre publicada en tu blog.
Requisitos del sistema
El complemento Blogger para Word requiere el sistema operativo Microsoft Windows 2000 o superior con Microsoft Word 2000 o superior instalado. Puede utilizar su nombre de usuario y contraseÃąa de Blogger.
NOTA: Actualmente, Blogger para Word no es compatible con la nueva versiÃģn de Blogger.
Si todavÃa no tienes una cuenta en Bloger y deseas crear una , puedes regÃstrarte desde aquÃ
Ataque para Alejandro Aura (Actualizado) |
|
| ▼ |
De nuevo una pesadilla para todos aquellos que tenemos blog, y sobretodo para nuestros amigos Don Alejandro Aura y DoÃąa Milagros Revenga.
En el dÃa de ayer recibà un comentario de DoÃąa Milagros solicitando ayuda, su blog y correo habÃan sido hackeados.
Nada mÃĄs recibir el mensaje no pensÃĐ en otra cosa que recurrir a memori@ como todos sabrÃĐis su blog tambiÃĐn fue hackeado en el mes de Febrero de este mismo aÃąo si mal no recuerdo.
Hicimos eco de la noticia porque era la Única forma que disponÃamos para ayudarla a recuperar su blog.
Su lucha fue constante y el buen hacer de algunas personas junto a la fuerza que la caracteriza hizo el resto.
Esta vez ademÃĄs de hacerme eco de esta desagradable noticia quisiera hacer un llamamiento a todos aquellos que pudieran ayudar en la recuperaciÃģn de su blog, de su correo y del derecho a la intimidad que le ha sido arrebatado sustrayendo algo tan personal como es un blog y una cuenta de correo.
Por suerte la fuerza en casos difÃciles es algo que nos caracteriza a muchos, y Don Alejandro y DoÃąa Milagros asà lo demuestran en este su nuevo blog de Wordpress.
Saludos y SUERTE.
Texto animado en la barra de tu navegador |
|
| ▼ |
Si lo sÃĐ, y siempre digo que a mÃĄs accesorios dinÃĄmicos mÃĄs lenta nos parecerÃĄ la carga del blog. Pero tambiÃĐn sÃĐ que a todos nos gusta probar cosas nuevas, aunque pasados dos dÃas nos cansemos de ver el nuevo efecto.
Este Script no es tan nuevo al contrario si no es igual seguro que abrÃĐis visto muchos parecidos, se trata de un texto animado en la barra del navegador.
Por supuesto el texto serÃĄ el escogido por ti, Únicamente debes sustituir donde dice "AQUI TU TEXTO" por un texto de tu agrado.
Podemos aÃąadirlo como siempre en este orden:
Plantilla/AÃąadir un elemento de pÃĄgina/HTML Javascript
¿Tu plantilla es clÃĄsica? entonces aÃąÃĄdelo entre las etiquetas <HEAD>
<SCRIPT>
//change the title text below to your own
var titletext="AQUI TU TEXTO"
var thetext=""
var started=false
var step=0
var times=1
function welcometext()
{
times--
if (times==0)
{
if (started==false)
{
started = true;
document.title = titletext;
setTimeout("anim()",1);
}
thetext = titletext;
}
}
function showstatustext(txt)
{
thetext = txt;
setTimeout("welcometext()",4000)
times++
}
function anim()
{
step++
if (step==7) {step=1}
if (step==1) {document.title='>==='+thetext+'===<'}
if (step==2) {document.title='=>=='+thetext+'==<='}
if (step==3) {document.title='>=>='+thetext+'=<=<'}
if (step==4) {document.title='=>=>'+thetext+'<=<='}
if (step==5) {document.title='==>='+thetext+'=<=='}
if (step==6) {document.title='===>'+thetext+'<==='}
setTimeout("anim()",200);
}
if (document.title)
window.onload=onload=welcometext
</SCRIPT>
El resultado lo podrÃĄs ver durante unos dÃas en este mismo blog
Fuentes y colores con un clikc |
|
| ▼ |
Modificar el color de cualquier parte del blog o escoger el modelo de fuente hace tiempo que dejÃģ de ser un problema, con un clikc y guardar los cambios todo estÃĄ solucionado.
Accediendo desde nuestro Panel/diseÃąo/fuentes y colores encontrÃĄremos la forma de:Darle color al texto - AÃąadir color de fondo de la pÃĄgina - Color del vÃnculo - Color del tÃtulo del blog - Color de descripciÃģn del blog - Color del tÃtulo de la entrada - Color del borde - Color del tÃtulo de la columna lateral - Color del texto de la columna lateral - Color de los vÃnculos visitados - Fuente del texto - Fuente del tÃtulo de la barra lateral - Fuente del tÃtulo del blog - Fuente de descripciÃģn del blog - Fuente del pie de pÃĄgina de la entrada.
¿Y el tamaÃąo?
El tamaÃąo de fuente lo podemos escoger marcando el lugar donde deseamos modificarlo y clicando donde indica la flecha lo vamos adecuando a nuestro gusto.
