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.

Seguir leyendo»

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

Seguir leyendo»

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.

Seguir leyendo»

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.

Seguir leyendo»

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

Seguir leyendo»

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

Seguir leyendo»

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.

Seguir leyendo»

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.

Seguir leyendo»

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?

Seguir leyendo»

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

Seguir leyendo»

Photoshop -Usar Filtro Extraer-

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

Seguir leyendo»

Magia con Photoshop

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

Seguir leyendo»

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.

Seguir leyendo»

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í:

Seguir leyendo»