0

Iconos RSS con corazón



Algunos verán su lado romántico, otros verán una cursilada pero ahí están, un paquete con 25 iconos RSSEl RSS es un formato basado en XML que permite encontrar aquella información que mejor se adapta a lo que el usuario desea, pero también ofrecerla de forma rápida y actualizada. esperando te decidas por un color acorde con tu blog.






Descargar iconos.
Visto en CJ tutorials

0

LinkBunch - Todos tus enlaces en una sóla URL



S.O.S no ha sido la primera persona que me pregunta como conseguir una misma url para varios blogs. URL significa "Uniform Resource Locator" que viene a ser lo mismo que localizador uniforme de recursos y se refiere a la dirección única que identifica una página web en Internet.
Lo que si hay son herramientas para paliar un poco el problema de necesitar una única url para varios blogs.
Con LinkBunch conseguimos una url que nos mostrará un listado con todos nuestros blogs facilitando de este modo que nuestros amigos y visitas puedan localizar o enlazar todos nuestros sitios en un sólo click.




(Hay que tener en cuenta que para añadir nuestros blogs a directorios, buscadores o formularios deberemos usar la url original del blog, además que no admitiría la url que nos proporcionan en Linkbunch es necesario una url directa de lo contrario no indexaría bien nuestras páginas )


0

Wallpaper Clocks

En VladStudio es posible descargar gratuitamente o simplemente admirar, multitud de fantásticos wallpapers.
Para descargar alguno de ellos es necesario registrarse pero también nos ofrecen una gran variedad para descarga sin necesidad de registro previo.
Llaman especialmente la atención los Wallpaper Clocks, que como ellos mismos dicen son "fondos de escritorio con reloj, que se actualizan cada minuto para ajustar la hora, ¡y te la muestran de forma muy artística!".
La página también está disponible en español.

Wallpaper1Wallpaper2Wllpaper3Wallpaper4
(Pincha en las imágenes para ver una vista previa)

Si vas a utilizar las imágenes de esta entrada, subelas antes a tu propio alojamiento. No hagas Hotlinking.

0

S.O.S. mi blog ha sido bloqueado

SpamLoco LogoHace unos días me enteraba a través de Jmiur de que SpamLoco uno de los blogs que, aunque no a diario he de confesar, si visito habitualmente, había sido bloqueado.

SpamLoco está alojado en Blogger y los robots de este servicio que se ocupan de detectar y prevenir la publicación de blogs con contenido irregular o spam, lo habían bloqueado, lo que no le permitía publicar nuevas entradas hasta que la restricción le fuese levantada.

No pude por menos que interesarme por el tema y dejar un comentario de ánimo a su administrador, Alejandro, el cual amablemente me devolvió un email dándome las gracias por el apoyo, lo que dice mucho de la gran persona que es, ya que es fácil suponer como estaría su ánimo en esos momentos...

La verdad es que no tenía demasiada idea de que podíamos hacer en casos como este, aunque estaba segura que el problema sería solucionado tarde o temprano, no imaginaba que sería tan rápido...

Hoy, y gracias a Carmen me entero de que el problema había sido por fin solucionado, así que me fuí a SpamLoco a darle a Alejandro la enhorabuena y me encuentro con que, en su última y primera entrada después del desbloqueo, explica con todo detalle los pasos que han sido necesarios en su caso, para solucionar el problema.

Considerando que es del máximo interés para todos, ya que ninguno estamos libres de "caer en manos" de los robots de Blogger, recomiendo a todo el mundo la lectura de la entrada de SpamLoco, estoy segura que será de gran ayuda para quien esté pasando por el mismo problema y, para los que no también, que ya sabéis lo que suele decirse..."vale más prevenir, que lamentar".

¡Bienvenido "al ruedo" de nuevo Alejandro!

0

Menu con imagenes

Revisando los menús de CssPlay he visto este con imágenes que me ha gustado mucho.
Podéis ver como funciona en esa misma página, es el número 15.


Ejemplo del menu(Pincha en la imagen para verla a mayor tamaño)

He armado el CSS necesario con las imágenes (están subidas en ImageShack) para que solo tengáis que copiar y pegar el código y luego armar el menú con vuestros propios datos.

[1] Colocamos este código en el CSS de nuestra plantilla, siempre antes de ]]></b:skin>:
/*Credits: CSSplay */
/*URL: http://www.cssplay.co.uk/menus/pro_15 */
.preload15
{background: url(http://img169.imageshack.us/img169/6923/pro151ns5.gif);
}
.pro15 {
padding:0 0 0 20px;
margin:0;
list-style:none;
height:30px;
background:#1841c8 url(http://img147.imageshack.us/img147/1695/pro150ky7.gif);
}
.pro15 li {
float:left;
}
.pro15 li a {
display:block;
float:left;
height:30px;
line-height:30px; background:url(http://img147.imageshack.us/img147/1695/pro150ky7.gif); color:#ddd;
text-decoration:none;
font-family:arial, verdana, sans-serif;
text-align:center;
padding:0 0 0 10px;
cursor:pointer;
font-size:11px;
}
.pro15 li a b {
float:left;
display:block; background:url(http://img147.imageshack.us/img147/1695/pro150ky7.gif) right top;
padding:0 16px 0 8px;
color:#ddd;
}
.pro15 li.current a {
color:#fff;
background:url(http://img248.imageshack.us/img248/4412/pro152xg1.gif);
}
.pro15 li.current a b {
background:url(http://img248.imageshack.us/img248/4412/pro152xg1.gif) no-repeat right top;
color:#fff;
}
.pro15 li a:hover {
color:#fff;
background: url(http://img169.imageshack.us/img169/6923/pro151ns5.gif);
}
.pro15 li a:hover b {background:url(http://img169.imageshack.us/img169/6923/pro151ns5.gif) no-repeat right top; color:#fff;
}
.pro15 li.current a:hover {
color:#fff;
background: url(http://img248.imageshack.us/img248/4412/pro152xg1.gif);
cursor:default;
}
.pro15 li.current a:hover b {
background:url(http://img248.imageshack.us/img248/4412/pro152xg1.gif) no-repeat right top;
color:#fff;
}
.pro15 li a em {
display:block;
float:left;
width:16px; height:30px;
}
.pro15 li a em.home {
background:url(http://img147.imageshack.us/img147/3286/home2yr5.gif) no-repeat center center;
}
.pro15 li a em.calendar {
background:url(http://img248.imageshack.us/img248/2245/eventstw4.gif) no-repeat center center;
}
.pro15 li a em.camera {
background:url(http://img147.imageshack.us/img147/2013/camerajc9.gif) no-repeat center center;
}
.pro15 li a em.find {
background:url(http://img147.imageshack.us/img147/3066/findou5.gif) no-repeat center center;
}
.pro15 li a em.contact {
background:url(http://img248.imageshack.us/img248/7778/contactqj3.gif) no-repeat center center;
}
.pro15 li a em.search {
background:url(http://img248.imageshack.us/img248/5774/searchnp0.gif) no-repeat center center;
}


[2] Una vez guardados los cambios, en la parte de "Diseño" de nuestra plantilla, añadimos un nuevo elemento HTML y colocamos dentro el código para armar el menú, luego podemos arrastrarlo a debajo de la cabecera:
<ul class="pro15">
<li><a href="#"><em class="home"></em><b>Inicio</b></a></li>
<li class="current"><a href="#nogo"><em class="calendar"></em><b>Archivo</b></a></li>
<li><a href="#"><em class="camera"></em><b>Imagenes</b></a></li>
<li><a href="#"><em class="find"></em><b>Paginas amigas</b></a></li>
<li><a href="#"><em class="contact"></em><b>Contacto</b></a></li>
<li><a href="#"><em class="search"></em><b>Buscador</b></a></li>
</ul>

En <a href="> colocamos la url de nuestros enlaces, sustituyendo al #.
Podemos cambiar las imágenes de las pestañas por unas propias, siempre que sean de 16x16 pixeles, no será difícil identificar cada imagen, ya que si nos fijamos en su url, vemos que por su nombre (aunque en inglés) es fácil saber cual es cual.
Lo que no deberíamos cambiar es la clase, es decir, donde vemos em class="home", por ejemplo, ya que si lo hacemos el menú no funcionará.

AVISO:
Algunas imágenes han sido borradas de ImageShack y el menú se verá imcompleto, podéis descargar aqui el pack con las imágenes y subirlas a vuestro propio alojamiento para evitar este tipo de problemas.

0

Ultimas entradas de tus blogs favoritos

Es posible colocar en nuestra sidebar un widget con las últimas cinco entradas de nuestros blogs favoritos, usando para ello el elemento "Feed" de Blogger. Podemos además añadir una imagen que identifique a cada blog usando, por ejemplo su favicón si lo tiene, y darle así un aspecto más original.

Feed
[1] Accedemos al blog del que queremos mostrar las entradas y pincharemos en su icono de feed, una vez que se abra la página para agregar su feed, copiamos la url que nos permitirá agregarlo.

[2] En nuestra plantilla, en la parte de "añadir elementos" escogemos añadir un nuevo elemento "Feed" y pegamos la url que hemos obtenido del blog. Si todo está correcto, Blogger identificará la url del feed y mostrará las últimas cinco entradas del blog, añadiendo de forma automática el título del blog elegido al nuevo elemento.

[3] Una vez añadido el elemento en nuestra sidebar, vamos al código de nuestra plantilla y sin expandir artilugios localizamos la línea de código que identifica al elemento, que será algo como esto:

<b:widget id='Feed1' locked='false' title='ReCurS.O.S para tu Blog By Ferípula' type='Feed'/>

Lo que nos interesa de está línea una vez localizada, es su id, que en este caso es Feed1

[4] Subiremos ahora hacia arriba, en la parte de CSS de nuestra plantilla, por ejemplo, antes de ]]></b:skin> añadimos el código necesario para modificar el aspecto del nuevo widget:
#Feed1 h2{
background:#ddd url(http://img504.imageshack.us/img504/2766/faviconqk7.jpg) center left no-repeat;
padding-left: 25px;
color:#000;
}
#Feed1{
background:#fff;
border:1px solid #000;
padding:5px;
}

[5] Es en este código donde hacemos los cambios que consideremos oportunos. La url de la imagen la cambiamos por la de la imagen del blog elegido, lo más fácil es usar su favicón si lo tiene.
En el caso de Ferípula (el de este ejemplo) no tiene favicón aplicado en su blog, así que tomé la imagen de su perfil y la reduje usando Favicon From Pics.
Si vamos a usar una imagen de mayor tamaño, tendremos que cambiar el valor en padding-left: 25px;, como mínimo, por el ancho de la imagen colocada.
Con este método podemos ir añadiendo tantos blogs como queramos mostrar, teniendo en cuenta, que cada nuevo elemento tendrá una id diferente: Feed1, Feed2, Feed3...y para cada elemento tendremos que añadir un nuevo código en el CSS con su id correspondiente e incluso podemos darle a cada widget un aspecto diferente, por ejemplo, un color de fondo distinto para cada uno, añadiendo por ejemplo background:#ddd; en el código CSS.

0

Sketchy Paper Icons

Me he encontrado en DryIcons con una colección de iconos que además de bonitos son de los más originales que he visto últimamente.
Su diseño imita una nota con aspecto de papel reciclado.

Icono nota
La colección consta de veinte iconos en distintos tamaños: 16x16, 24x24, 32x32, 48x48, 64x64 y 128x128 pixeles, en formato png.

Se distribuyen bajo licencia Creative Commons License 3,0, lo cual implica que puede hacerse con ellos prácticamente cualquier cosa, por eso el autor solicita que se incluya un link a DryIcons dándole crédito a su trabajo.

Desde este enlace podéis ver todos los iconos en todos los tamaños, antes de descargar el pack.