Insalla Blog Directory


En el día de hoy, voy a sugerirles, un nuevo directorio blog. Insalla Blog Directory es una nueva herramienta para dar a conocer nuestro blog y hacerlo crecer en la red.

La suscripción es gratis, unicamente para que validen nuestro blog, necesitamos colocar un pequeño banner:




Tal y como lo tenemos en la sidebar de Blog Todo En 1.

Como desde aquí, apoyamos a todos los compañeros que inician un proyecto, os lo voy a recomendar, ya que en este mundo de los blog "todos necesitamos de todos" para conseguir de nuestro blog o bitácora, la meta que nos hemos propuesto.

Política de Privacidad


Política De Privacidad.

Por medio de nuestra política de privacidad le ponemos al tanto de las debidas condiciones de uso en este sitio.

La utilización de estos implica su aceptación plena y sin reservas a todas y cada una de las disposiciones incluidas en este Aviso Legal, por lo que si usted no está de acuerdo con cualquiera de las condiciones aquí establecidas, no deberá usar u/o acceder a este sitio.

Reservamos el derecho a modificar esta Declaración de Privacidad en cualquier momento. Su uso continuo de cualquier porción de este sitio tras la notificación o anuncio de tales modificaciones constituirá su aceptación de tales cambios.

Galletas o Cookies.

Este sitio hace uso de cookies, el cual son pequeños ficheros de datos que se generan en su ordenador, este envía información sin proporcionar referencias que permitan deducir datos personales de este.

Usted podrá configurar su navegador para que notifique y rechace la instalación de las cookies enviadas por este sitio, sin que ello perjudique la posibilidad de acceder a los contenidos. Sin embargo, no nos responsabilizamos de que la desactivación de los mismos impida el buen funcionamiento del sitio.

Para desactivar las Cookies publicitarias y que los sistemas de Google Adsense no creen un perfil de su navegación, acceda a este enlace y dele click a “Inhabilitar”.

Marcas Web o Web Beacons.

Al igual que las cookies este sitio también puede contener web beacons, un archivo electrónico gráfico que permite contabilizar a los usuarios que acceden al sitio o acceden a determinadas cookies del mismo, de esta manera, podremos ofrecerle una experiencia aún más personalizada.

Acciones De Terceros.

Así mismo, usted encontrará dentro de este sitio, páginas, promociones, micrositios, tiendas virtuales, encuestas, patrocinadores, publicistas, contratistas y/o socios y servicios comerciales, en conjunto con otros servicios compartidos, propios o cobrandeados con terceros (”Sitios Cobrandeados”) que le podrán solicitar Información, los cuales este sitio le podrá revelar información proporcionada por usted.
La Información que se proporcione en estos Sitios Cobrandeados esta sujeta a las políticas de privacidad o leyendas de responsabilidad de Información que se desplieguen en dichos Sitios y no estará sujeta a esta política de privacidad. Por lo que recomendamos ampliamente a los Usuarios a revisar detalladamente las políticas de privacidad que se desplieguen en los Sitios Cobrandeados.

Política De Privacidad De La Publicidad Proporcionada En Este Sitio:

Google Adsense: http://www.google.com/intl/es_ALL/privacypolicy.html
Reviewme: https://www.reviewme.com/privacy.php
Shopping Ads: https://shoppingads.com/privacy/
SponsoredReviews: http://www.sponsoredreviews.com/privacy.asp
Linklift: http://www.linklift.es/data-protection/?
TexLinkAds: http://www.textlinksads.com/
Zync: http://zync.es/privacidad.php

Nosotros estudiamos las preferencias de nuestros usuarios, sus características demográficas, sus patrones de tráfico, y otra información en conjunto para comprender mejor quiénes constituyen nuestra audiencia y qué es lo que usted necesita. El rastreo de las preferencias de nuestros usuarios también nos ayuda a servirle a usted los avisos publicitarios más relevantes.

Política De Privacidad De Fuentes De Rastreo Utilizadas En Este Sitio:

Google (Analytics): http://www.google.com/intl/es_ALL/privacypolicy.html
MyBlogLog: http://info.yahoo.com/privacy/us/yahoo/mybloglog/

Política De Protección De Datos Personales

Para utilizar algunos de los servicios o acceder a determinados contenidos, deberá proporcionar previamente ciertos datos de carácter personal, que solo serán utilizados para el propósito que fueron recopilados.

El tipo de la posible Información que se le sea solicitada incluye, de manera enunciativa más no limitativa, su nombre, dirección de correo electrónico (e-mail), fecha de nacimiento, sexo, ocupación, país y ciudad de origen e intereses personales, entre otros, no toda la Información solicitada al momento de participar en el sitio es obligatoria de proporcionarse, salvo aquella que consideremos conveniente y que así se le haga saber.

Cómo principio general, este sitio no comparte ni revela información obtenida, excepto cuando haya sido autorizada por usted, o en los siguientes casos:
a) Cuando le sea requerido por una autoridad competente y previo el cumplimiento del trámite legal correspondiente y b) Cuando a juicio de este sitio sea necesario para hacer cumplir las condiciones de uso y demás términos de esta página, o para salvaguardar la integridad de los demás usuarios o del sitio.
Deberá estar consciente de que si usted voluntariamente revela información personal en línea en un área pública, esa información puede ser recogida y usada por otros. Nosotros no controlamos las acciones de nuestros visitantes y usuarios.

Conducta Responsable.

Toda la información que facilite deberá ser veraz. A estos efectos, usted garantiza la autenticidad de todos aquellos datos que comunique como consecuencia de la cumplimentación de los formularios necesarios para la suscripción de los Servicios, acceso a contenidos o áreas restringidas del sitio. En todo caso usted será el único responsable de las manifestaciones falsas o inexactas que realice y de los perjuicios que cause a este sitio o a terceros por la información que facilite.

Usted se compromete a actuar en forma responsable en este sitio y a tratar a otros visitantes con respeto.

Contacto.

Si tiene preguntas o cuestiones sobre esta Política, no dude en contactarse en cualquier momento a través del formulario de contacto disponible en el sitio o por medio del correo electrónico creativasorg@hotmail.com

Tabajos


Además de los trabajos en Diario de Melisa. He estado realizando mejoras en http://www.calle1440.com o http://calle1440.blogspot.com

Alguno de esos trabajos han sido: Diseño del banner:


Diseño exclusivo y con 100% satisfacción de su propietario.



Adaptación y personalización de tablas o recuadros, sustitúyendo así las secciones creadas por el sistema blog. Como por ejemplo: "Lo más leído y valorado". Además, personalmente me encargo de su manteniemto como por ejemplo: Añadir nueva información, modificar información existente, etc.
Todo ello en contacto directo vía Skype y correo electrónico con su propietario.

Trabajos


Ultimamente se me ha encargado el banner y algunas modificaciones para el blog:
http://diariomelisa.blogspot.com.

Este es el banner diseñado para el blog:


Un diseño único y exclusivo que incluye bordes laterales e inferior, que conjuntan con la plantilla del blog.

Además, la propietaria del blog, me ha solicitado la personalización de recuadros como por ejemplo en sección: "Lo más leído" en la sidebar del blog. Donde he implementado un recuadro personalizado que sin duda hace de este blog un trabajo más propio.

Poner un Logo para que nos enlacen


Les voy a mostrar el código necesario para poner nuestro logo y que nos enlacen otros blog, tal y como lo tenemos aquí, en Blog Todo En 1, situados en nuestra sidebar situada más a la derecha.
Bien, lo primero será disponer de nuestro logo de unas medidas de 150 x 50 píxeles.Recordar que si no sabéis realizar uno, podéis consultar en el apartado "Necesitas un Logo o Header" dentro de nuestro menú.
Una vez el paso anterior esté resuelto, es decir, ya disponemos de nuestro logo, tenemos que buscar un lugar para hospedarlo y que nos faciliten una dirección de alojamiento para poderla indicar en nuestro código.Personalmente uso y recomiendo ImageShack. Una vez que se accede, pulsas a "Examinar" para indicar la dirección de tu pc donde tienes guardado el logo y cuando ya la hayas localizado, pulsas sobre el botón "Host it!". En un instante ImageShack nos mostrará diferentes enlaces para nuestro logo ya hospedado.Nosotros necesitaremos el último que se nos muestra, el que nos indica una url simple.
Espero que hasta aquí todo haya ido bien, es fácil, no?
Para continuar, os facilito el código para la téxtarea necesaria, para que otros blogger copien el código de enlace que se indica y puedan colocar nuestro logo en otros blog y así darnos a conocer.

<div class="widget-content">
<a href="http://blogtodoenuno.blogspot.com/" target="_blank"><img src="http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg"/></a>
<textarea><a href="http://blogtodoenuno.blogspot.com" target="_blank"><br/><img src="http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg"/></a></textarea>
</div>

Ahora, para que funcione, debemos copiar el código anterior y sustituir:
http://blogtodoenuno.blogspot.com/por la dirección de nuestro blog. Ojo! tened en cuenta que aparece dos veces, por lo que debemos sustituirla dos veces.
Y para finalizar con el código, debéis sustituir la url de la imagen: http://img170.imageshack.us/img170/7641/blogtn1lz3.jpg por la que obtuvimos antes cuando alojamos nuestro logo en ImageShack.Tened en cuenta de nuevo que hay que sustituirla dos veces también.
Ya tenemos nuestra textárea lista para implementar en nuestra sidebar.
Espero que haya resultado fácil.


Plantillas Prediseñadas para Blogger


Bueno, este es un recurso más, relacionado con las plantillas o template para blogger.Es cierto que una buena parte de las plantillas existentes para blogger son adaptaciones de plantillas de Wordpress.Por fin he encontrado un blog, que dispone de diseño propios exclusivos para Blogger.
Les dejo el enlace más abajo para que lo visiten ya que lo considero interesante.

Plantilla Blogger en Doxs

Dar a conocer nuestro blog


Este post va dirigido para las personas que recién comienzan en este mundo de los blogs, cada vez más conocidos.
Una vez tengamos nuestro blog listo es necesario obviamente darlo a conocer para que este vaya teniendo visitas.
Nosotros recomendamos, los intercambios de link con otros blog (ideal aquellos que compartan temática).
Y como no, también registrarse en todos los directorios para blogs; tales como:
Buzzear,Bitacoras.com, Boosteblog, BlogVip.com,etc.
Sólo escribe en tu buscador web preferido "directorios para blog" y ahí podrás ver e incribisrte.
También recomendamos, pues aunque suene a tópico, "pasar la voz" entre nuestros conocidos y amistades.
Creo que para empezar a captar visitas, todo lo mencionado anteriormente es muy válido.En poco días te darás cuenta como las visitas irán aumentando.Claro que, para que esas visitas crezcan aún más, es necesario que tengas actualizado tu blog.

Comentarios Recientes en tu Blog


Curioseando por la blofsfera, me he encontrado con un blog que nos permite implementar en nuestra sidebar un widget con nuestros comentarios recientes.

Para tener tu widget con tus comentarios recientes, entra aquí
Simplemente debes indicar el título o para tu widget, dirección de tu blog y cantidad de comentarios a mostrar.Una vez indicado los datos, pulsamos en la tecla "Apply" y a continuación pulsamos en "Add widget to my blog".Bien, entonces se nos abrirá la página de blogger donde te indicará el blog donde se implementará (en el supuesto de que sólo dispongas de un blog) para aquellas personas que dispongan de más de un blog, deberá elegir el blog donde quiere que se implemente.Por último, debemos pulsar Añadir Artilugio y listo! ya tendremos nuestro widget.

Scroll vertical con vínculos


Mediante este post les voy a indicar como implementar en la sidebar de su blog, un Scroll vertical para indicar vínculos en él.

Sería ideal que copien en el blog de notas de su pc o en el Word, el código que les dejaré a continuación, para que puedan hacer las modificaciones que deseen.

Donde se indica #FFB751 corresponde al color del fondo.
Height es el alto (120), Widht es el ancho, size el tamaño de la letra (2),.... y a partir de allí los enlaces: primero la URL y luego el nombre, como en cualquier vínculo. Te dejo varios como modelo.

<center><h3>Aqui indica el titulo</h3></center><center>&Aqui puedes colocar signos&;</center><br/><marquee direction="up" loop="true" scrolldelay="200" scrollamount="10" onmouseover="stop()" bgcolor="#FFB751" height="120" width="100%" onmouseout="start()"><font color="#000000" size="2"> <center><a href=" http://blogtodoen1.blogspot.com/" target="_blank">BlogTodoen1</a></center><center><a href="http://elescaparatederosa.blogspot.com/" target="_blank"> Rosa </a></center><center><a href="http://gemablog-.blogspot.com/" target="_blank"> Gema Blog </a></center><center><a href="http://keytrucos.blogspot.com/" target="_blank"> Key </a></center><center><a href="http://lablogueria.blogspot.com/" target="_blank"> La Blogueria </a></center><br/></font></marquee>

También se puede modificar la velocidad indicndo el valor deseado.

Así se mostraría:

Aqui indica el titulo

&Aqui puedes colocar signos&;

BlogTodoen1
Rosa
Gema Blog
Key
La Blogueria
Todo Mp3
Rincón Cubano
Calle 1440
Ritmo Latino

Necesitas un Logo o Header


Este post es para indicar que realizo Logos y Header para blogs a partir de 1€.
Si alguien está interesado, sólo debe dejar un comentario con las indicaciones:

Dirección del Blog.
Temática.
Dirección de e-mail de quien solicita.
Medidas en píxeles del header, misma que pueden visualizarse accediendo a: Diseño-Plantilla-Expandir Elementos de Plantilla.
Una vez ahí bajan hasta el Header, situado casi al principio y ahí les indican las medidas del mismo.

El Pago es previo al envío.Es decir, una vez finalizado, se muestra con una marca de agua.Una vez recibido el euro se le envía el trabajo listo para implementarlo.

Ah! de momento el pago es sólo vía Paypal.

Os dejo algunos enlaces de blogs con header y logos que he realizado.

Obviamente, Todo En 1.
Ritmo Latino
Rincón Cubano
Playa de Santiago
Todo Mp3
Calle1440

Eliminar numeración en etiquetas y archivos


En este post les explicaré como eliminar la cantidad entre paréntesis que aparece tanto a la derecha de cada etiqueta o archivo.

Para las etiquetas:

Como siempre entramos a Diseño-Edición de HTML-Expandir plantillas de artilugios.
Una vez situados, debemos encontrar el widget el siguiente widget:

<b:widget id='Label1' locked='false' title='Etiquetas' type='Label'>

Más abajo del código anterior se muestra:

(<data:label.count/>)

Simplemente eliminamos la línea de código anterior y así ya no se nos mostrará la cantidad.

Para los archivos:

Igual que para las etiquetas, entramos hasta Expandir plantillas de artilugios y localizamos el widget correspondiente a los archivos:

<b:widget id='BlogArchive1' locked='false' title='Archivo del blog' type='BlogArchive'>

Más abajo tenemos que localizar el siguiente código:

(<span class='post-count'><data:i.post-count/></span>)

Finalizamos borrando la líneade código anterior.

Widget de blogroll para blogger


Investigando en la blogalaxia, he encontrado algo muy útil para los blogs de la plataforma Blogger.
En Blog and Web, nos indican paso a paso como implantar un blogroll en dicha plataforma.Algo que es muy útil para ordenar nuestros blogs recomendados.

Incorporar una radio a tu blog


Este post les ayudará a incorporar una radio online en su blog.El proceso es bastante sencillo.Unicamente deberás saber la dirección URL de la radio que deseas incorporar e indicar dicha dirección en el código que voy a indicar más abajo.

Para conocer la URL de la radio, basta con que te posiciones con el ratón encima del reproductor de la misma y haciendo un "click" con el botón derecho de tu ratón, bajes hasta el apartado propiedades.Verás que una vez en propiedades con un nuevo "clcik" (ahora con el botón izquierdo) podrás ver cierta información acerca de la radio.Entre esa información se encuentra la dirección URL que necesitamos indicar en nuestro código.Bien, un vez localizada, deberás copiarla (Para aquellos que no sepan como copiarla desde el campo propiedades: Muévete con el ratón hacia el final de la dirección URL.Ahora pulsa el botón izquierdo del ratón y sin soltarlo, ve moviéndote de derecha a izquierda, comprobando que se va marcando la dirección URL.Cuando esté toda marcada, normalmente se marca con un color azul,puedes pulsar el comando Ctrl+C para que se copie).

Perfecto, una vez tenemos la dirección, vamos a incorporar la misma a nuestro código necesario para que nuestra radio funcione.

El código es:

<EMBED type="application/x-mplayer2" pluginspage="
http://www.microsoft.com/windows/windowsmedia/en/Download/default.asp?tcode=9#location2
" src="http://URL-de-la-Radio-Online" name="MC1" height=45 width=280 AutoStart=False ShowStatusBar=True ShowGotoBar=Talse TransparentAtStart=true bbclient=0></EMBED>


Debes sustituir "http://URL-de-la-Radio-Online" por la dirección que copiamos anteriormente.Para ello, sitúate en el final; Online" y como hicimos anteriormente, con el botón izquierdo del ratón ve marcando de derecha a izquierda.Una vez esté toda la dirección marcada, pulsa Ctrl+V para que se pegue la URL de la radio que copiamos.

También, del mismo código, puedes personalizar los siguientes apartados:
height=45 width=280 : Puedes sustituir los valores por las medidas que desees que tenga tu radio.
AutoStart=False : Quiere decir que el usuario de nuestro blog, deberá pulsar el botón Play para poder escuchar la radio. Si cambiamos el valor False por True, la radio comenzará a funcionar automaticamente al acceder a nuestro blog.
El resto del código deberá quedar como está indicado.

Nota: Para poner el código debes copiar todo el código que se muestra más arriba.Recuerda que para copiar, puedes seguir los mismos pasos que cuando copiaste la dirección de la radio, utilizando el comando Ctrl+C o en este caso, una vez tengamos todo el código marcado o seleccionado, haces un "clcick" con el botón derecho del ratón y seleccionas copiar.Para pegarlo, iguelmente pulsas el comando Ctrl+V o cuando estés situado en el apartado html que lo quieras pegar, haz un "click"con el botón derecho y selecciona pegar.Luego sustituyes los valores que quieres incluída la URL y listo.

Finalmente se te mostrará:



Muy bien, ahora ya tienes una radio en tu blog.
Fácil, no?

Pinceles para Photoshop; 100 enlaces para descargar.


Aquí dejo para uso de quien lo requiera, 100 enlaces para descargar pinceles para Photoshop.Espero que os sean de gran utilidad.

designfruit

enlace
magurno

enlace
getbrushes

enlace
deviantart

enlace
deviantart

enlace
deviantart

enlace
misprintedtype

enlace
desingnfruit

enlace
desingnfruit

enlace
devianart

enlace
aethereality

enlace
psbrushes

enlace
strangeangels

enlace
graphicssoft

enlace
magitek-designs

enlace
radialdesigns

enlace
xyberneticos

enlace
dozibaer

enlace
pixelchick

enlace
arty

enlace
dannesdjur

enlace
jeffsdigital

enlace
eerie-silence

enlace
miguelpuig

enlace
short-things

enlace
photoshopgoodies

enlace
alice-grafixx

enlace
vanillaeyeliner

enlace
adamwoodhouse

enlace
fractured-sanity

enlace
xyberneticos

enlace
brushes.500ml

enlace
strangeangels

enlace
brushworx.artflower

enlace
pootato

enlace
photoshopsupport

enlace
blinding-light

enlace
beautiful-sin

enlace
redmoonstudios

enlace
dyingday.all-thats-left

enlace
memento.im-pulse

enlace
getbrushes

enlace
ex-posed

enlace
aquired-taste

enlace
glitter-tramp

enlace
amadaun

enlace
brushfed

enlace
clickitgirl

enlace
photoshoproadmap

enlace
shipperx

enlace
aethereality

enlace
brushes.obsidiandawn

enlace
moments.misplaced

enlace
copyrightx

enviar
tomledin.com

enviar
toastsnatcher

enlace
sfaustina

enlace
arturomoya

enlace
headlock

enlace
appendixsquared

enlace
nymphaea

enlace
ani.sinfree

enlace
graphics4all

enlace
ociosos

enlace
Variados

youthless

enlace
amalgam.gubblebum

enlace
couleur-rouge.chez-alice

enlace
j2

enlace
deviantart

enlace
hopedriven

enlace
ddgraphics

enlace
bittbox

enlace
calilandia

enlace
spy-glass

enlace
firestorm

enlace
echoica

enlace
taringa

enlace
biorust

enlace
brushes.nenuphar

enlace
cgnauta

enlace
itsuji

enlace
triberadio

enlace
design.rainharbour

enlace
devianart

enlace
hawksmont

enlace
celestial-star

enlace
adamwoodhouse

enlace
calilandia

enlace
suburbiosutopicos

enlace
damnedinblack

enlace
inobscuro

enlace
arty

enlace
brusheezy

enlace
itsuji

enlace
seven-days.net

enlace
photoshopbrushes

enlace


Photoshop -Usar Filtro Extraer-


Este video tutorial es de gran utilidad para aquellas personas que deseen recortar imágenes con Photoshop.


Magia con Photoshop


Este video tutorial muestra como retocar una foto, personalizándola por completo.


Generador de Logos 2.0 online


Navegando por la red, descubrí la web Logogenerador.
Una aplicación sencilla que permite crear de forma online un logo de desño 2.0. Dispone en la actualidad de 10 diseños para elegir.
La recomendamos.


Efecto de Texto Líquido Reflectante


Este tutorial es para obtener el efecto tipo Liquido Reflectante en nuestros textos utilizando Photoshop.

Paso 1: Crea un nuevo documento con las medids que se muestran en la imagen:


Paso 2: Como queremos que el efecto sea líquido, eligiremos un tipo de fuente que parezca quee fue creada con lápiz o creyón. Seleccione el Tipo de herramienta y abra la paleta de caracteres de la barra Opciones. La fuente que he elegido se llama 'WallowHmkBold'…( si no tiene este programa instalado en tu sistema simplemente usa el tipo de letra de su elección). Los atributos para lafuente que se va a utilizarson los siguientes:

Nota: Hemos utilizado en la paleta de colores el color #666666.

Paso 3: Escriba ahora una palabra, en mi caso escribí:


Paso 4: Con el botón derecho encima de la capa, haz "click" sobre Rasterizar capa. A continuación con la herramienta Marco elíptico, dibuja unos circulos en torno al texto que escribiste.


Paso 5: Abrir la paleta de Canales y duplicar el canal azul. Luego ve a Imagen> Ajustes> Invertir.

Paso 6: Ve a Filtro-Desenforcar y cambia el Radio de 25 a 15 píxeles.



Paso 7: Ahora, en el panel de Canales, bloquea la copia azul, sólo bloqueala, no la elimines porque aún la vamos a utilizar.

Paso 8: De momento, fácil, no? Bien, ahora ve a Filtros-Interpretar-Efectos de Iluminación y configúralo como se muestraen la imagen. Asegúrate de seleccionar la copia azul como canal de textura, dentro del panel de Canales.


Paso 9: Este es el resultado hasta el momento:

Paso 10: Duplica la capa texto y ve a Filtro-Bosquejar-Cromo y configúralo como se muestra:


Paso 11:
Bien, ahora ve a Estilos de Capa y selecciona Bisel / Relieve. Confirma de nuevo que el color elegido es #666666.




Paso 12: Vamos a darle un poco de brillo. Con el comando Control + Haga clic en la capa de texto para generar una selección, y luego hacer una capa de ajuste de curvas y niveles de la capa de ajuste con la configuración que se muestra en la imagen:



Paso 13: Crea una nueva capa con un fondo de colo negro #000000, así comprobarás que el efecto se ve realmente bien.




Paso 14: Bloquea la capa Fondo para seguir trabajando con las capas por separado.



Paso 15: Volvemos a la capa texto y ve a Filtro-Licuar y configura los atributos del panel como está en la imagen o hasta quedar conforme con el resultado.



Paso 16: Por último combina las capas fondo y texto para que puedas ver el resultado.
A mí me quedó así:


Icono en la lista de Etiquetas (Categoría o Sección), Comentarios, Autor.


Icono para la lista de etiquetas (Categoría o Sección)
Ir a diseño de la plantilla. Después clic en Edición de HTML (no Expandir plantillas de artilugios) y agregas el siguiente código entre . Preferible que lo pegues al final (antes de ]]>), porque puede ser que en algún momento, no quieras esto y se te va hacer más fácil poder ubicarlo para borrarlo.

#Label1 li {
list-style:none;
padding-left: 18px;
background: transparent url(http://Aquí-la-dirección-del-icono) no-repeat center left;
}

Explicación:
- La lista de etiquetas están definidas con la clase Label1.
- La propiedad list-style, especifica el tipo de marcador de artículos de lista.
- La propiedad padding-left, describe cuanto espacio colocamos entre el borde izquierdo y el contenido.
- En el background, la url correspondiente al icono.
Nota: Estos iconos tienen que ser: 16px por 16px.


Icono para los Comentarios
Es el mismo paso cuando agregas un icono a la lista de Etiqueta. En este caso he puesto dos códigos: en el primero el icono aparece al costado de la palabra comentario y el segundo un icono al lado del nombre del autor.

.post-comment-link {
padding-left:20px;
padding-top:5px;
background: url(http://Aqui-la-direccíón-del-icono) center left no-repeat;
}

#comments dl dt {
font-weight: bold;
font-style: italic;
margin-top: 35px;
padding: 1px 0 0 18px;
background: transparent url(http://Aquí-la-dirección-del-icono) top left no-repeat;
}

Icono para el Autor (Publicado por)
Es el mismo paso cuando agregas un icono a la lista de Etiqueta.

.post-author {
padding-left:20px;
padding-top:5px;
background: url(http://Aquí-la-dirección-del-icono) center left no-repeat;
}

Icono al costado de la palabra Etiqueta
Es el mismo paso cuando agregas un icono a la lista de Etiqueta.

.post-labels {
padding-left:20px;
padding-top:5px;
background: url(http://Aquí-la dirección-del-icono) center left no-repeat;
}

Web con iconos para descargar: Famfamfam

Template de Enero para Blogger


He podido recopilar las plantillas de wordpress que durante este mes de enero desde jackbook blog, han adaptado para blogger.Todos los viernes nos ofrecen un nuevo diseño para Blogger así que nosotros haremos la recopilación.
Les dejo los diseños correspodientes al mes de enero.

Omg-Desing



Blue Marine Blogger Template



ITheme Blogger Template



Primabox Blogger Template



IWork Blogger Template

 

©2011 Blog Todo En Uno | Theme diseñado por chicoloco123 para Fuutec.com | Ir arriba ↑