Articulos Etiquetados en:

colocar

Añadir icono en Nombre, Email, y Web del formulario WordPress

Tal vez cambiaste de tema (theme) o el actual no tiene los iconos para cada requisito (Nombre, E-mail, Web) del formulario de comentarios de WordPress?

formulario-de-comentarios-wordpress

 

Entonces hoy te diré como añadirlos, la verdad este tema que tengo no los tenía, pero se los agregue muy fácil.

  • Primero nos vamos a la opción de apariencia y le damos a editor.

apariencia-editor-wordpress

 

  • Luego nos vamos a la sección de comments.php y modificamos cada código por requisito.

 

autor-nombre  Author (Nombre)

Buscamos:

<input type="text" name="author" class="txt" id="author" value="" size="22" tabindex="1" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="author" class="txt" id="author" value="" size="22" tabindex="1">

email-correo  E-mail  (Correo electrónico)

Buscamos:

<input type="text" name="email" class="txt" id="email" value="" size="22" tabindex="2" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="email" class="txt" id="email" value="" size="22" tabindex="2">

url-web Url (Web)

Buscamos:

<input type="text" name="url" class="txt" id="url" value="" size="22" tabindex="3" />

Lo sustituimos por:

<input style="background: url(URL DEL ICONO) no-repeat 3px 5px; padding-left: 23px; " type="text" name="url" class="txt" id="url" value="" size="22" tabindex="3">

Solamente cambiamos donde nos pide la url de donde está alojado el icono, guardamos la plantilla y listo.

Si el icono aparece más arriba, abajo o a los lados solamente modifican no-repeat 3px 5px; padding-left: 23px; hasta que quede a su gusto.

Ojala les haya servido y cualquier duda me la hacen llegar  :D

Bytescount Watermarking: Colocar marca de agua en tus imágenes

Como ven en internet existen muchas imágenes o wallpapers y también hechas por nosotros, pero muchas las utilizan sin su consentimiento, pero con este programa podremos colocarle una marca de agua en tus imágenes ya sea ponerle tu nick o tu sitio web.

opciones bytescount

 

Aquí unas características de Bytescount Watermarking:

  • Soporta imágenes en formato Jpg, Tiff, Gif y Png.
  • Se puede elegir  9 posiciones diferentes para colocar la marca de agua.
  • Hay 12 tipos de marca de agua.
  • Podrás elegir el tipo de fuente y estilo de texto.
  • Cada vez que modifiquemos nos dará vista previa.

ejemplo paisaje marca de agua

 

Este programa lo podemos usar perfectamente en la versión gratuita, ya si quieres más opciones tendrán que pagar.

Sitio web oficial | Bytescount Watermarking

Descargar | Bytescount Watermarking Lite

Colocar botón “Me gusta” de Facebook en WordPress

En otra entrada anterior había publicado un artículo de como agregar botón "me gusta" de Facebook para Blogger, pero ahora les diré como colocarlo en WordPress.

boton me gusta facebook vjunker

Tan solo debes colocar el siguiente código en donde desees, ya sea en la página principal seria en index.php o si lo quieres en cada entrada individual como en los posts seria en single.php, ya es cosa de tu elección donde lo quieras colocar.

<!–codigo_boton_me_gusta_facebook–>

<iframe src="http://www.facebook.com/plugins/like.php?href=<?php echo urlencode(get_permalink($post->ID)); ?>&amp;layout=standard&amp;show_faces=false&amp;width=450&amp;action=like&amp;colorscheme=light" scrolling="no" frameborder="0" allowTransparency="true" style="border:none; overflow:hidden; width:450px; height:30px"></iframe>

Lo puedes modificar un poco:

colorscheme=light – Aquí por defecto esta en color azul, pero si lo quieres cambiar a negro, solamente cambiamos "light" por "dark".

action=like – Como ven el botón su etiqueta dice "me gusta", pero lo podemos modificar a "recomendar", nada mas cambiamos "like" por "recommend".

Y listo, ojala les haya servido :D

Colocar favicon en WordPress

Hace tiempo publique Como poner tu favicon en Blogger, pero ahora les diré como ponerlo en WordPress.

muestrafaviconvjunker


1. Como habíamos visto en la otra publicación, primero crearemos con la herramienta de Favicon.cc tu propio favicon o bien importarlo de una imagen para que se ajuste al tamaño de 16 x16 y así descargarlo.

muestrafavicon2


Ahora para ponerlo en WordPress, he visto que muchos no le saben a lo del servidor FTP, así que se las pongo más sencilla.

2. Vamos a la opción de “multimedia” de WordPress y le damos clic a “añadir nuevo”.

anadirnuevofavicon


3. Elegimos donde está el favicon que crearon y cuando cargue, nos aparecerán opciones como: nombre de archivo, tipo de archivo, etc., y donde dice URL del archivo lo copiamos que será algo parecido a:

http://www.misitio.com/wp-content/uploads/2010/03/favicon.ico

4. Ahora aquí si utilizaremos nuestro servidor de FTP, nos vamos a las opciones de nuestro theme y editamos el archivo de header.php donde tenemos que colocar el siguiente código entre las etiquetas <head> y </head>.

<link rel="shortcut icon" href="Enlace de imagen Favicon" />

Solo cambiamos Enlace de imagen Favicon por la URL del paso 3, guardamos y listo.

Poner una faviconera en la sidebar de Blogger

Como habíamos visto anteriormente de cómo colocar una faviconera en la cabecera del Blog, ahora les mostrare como ponerla en la sidebar, abajo de las entradas, al final del Blog o donde ustedes quieran.

faviconeria sidebar

 

Es muy fácil colocarla, lo primero que tenemos que hacer es irnos a Diseño > Elementos de la página > Añadir un elemento HTML/Javascript, y ahí pegamos el siguiente código:

<style type="text/css"> #faviconera { width:300px; text-align:center; margin:10px auto 10px auto; } #faviconera .contimg img { padding:1px 1px 1px 1px; border:1px solid #8C8984; } #faviconera .contimg a:hover img{ border:1px solid #ffffff; } </style> <div id="faviconera"> <div class="contimg"> <a href="URL DEL BLOG A ENLAZAR"><img src="URL DE LA IMAGEN DEL FAVICON" title="TITULO DEL ENLACE" /></a> <a href="URL DEL BLOG A ENLAZAR"><img src="URL DE LA IMAGEN DEL FAVICON" title="TITULO DEL ENLACE" /></a> <a href="URL DEL BLOG A ENLAZAR"><img src="URL DE LA IMAGEN DEL FAVICON" title="TITULO DEL ENLACE" /></a> <a href="URL DEL BLOG A ENLAZAR"><img src="URL DE LA IMAGEN DEL FAVICON" title="TITULO DEL ENLACE" /></a> </div> </div>

Si quieren cambiar el tamaño de la faviconera lo pueden hacer en la opción de width, así también como el tamaño del borde y el color del mismo.

Luego debemos cambiar lo que está en color azul por lo que nos pide, el código lo coloque para 4 favicons pero para mostrar más, tenemos que agregar: <a href="URL DEL BLOG A ENLAZAR"><img src="URL DE LA IMAGEN DEL FAVICON" title="TITULO DEL ENLACE" /></a> Guardamos y listo.

Tutoriales Blogger y Wordpress, aplicaciones web, redes sociales, internet, tecnología, geek.
Red de Blogs