lunes, 25 de junio de 2012

CREAR UN MENSAJE DE BIENVENIDA EN EL BLOG

Hoy vamos a ver este trucos. Se trata de colocar un Mensaje de Bienvenida al Blog, el cual aparecerá solamente en el Home, y al cual daremos un aspecto diferente del resto del blog para que resalte.
Es una forma de dar bienvenida a los usuarios y de recomendarles algunas cosas que creemos que le interesarán, a la vez de proporcionarles información breve acerca de los temas que trata el blog, o bien pueden usarlo para lo que crean necesario.
Para añadir el Mensaje de Bienvenida al blog debemos ir a la Edición HTML de la plantilla (Diseño --> Edición HTML) y buscamos el siguiente código:
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Entradas del blog'
type='Blog'/>
</b:section>

y justo antes del mismo añadimos esta sección:

<b:if cond='data:blog.url == data:blog.homepageUrl'>
<b:section class='main' id='main-dos'
showaddelement='yes'>
<b:widget id='HTML50' locked='false' title=''
type='HTML'/>
</b:section>
</b:if>

Guardamos los cambios y ahora nos dirigimos a Diseño, donde veremos que aparece un gadget HTML nuevo (que acabamos de añadir al agregar el código anterior)


Hacemos click en "Editar" ese gadget y pegamos el código del Mensaje de Bienvenida, el cual puede ser algo así como este:

<div class="mensaje">
<h2>¡Bienvenido!</h2>

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>
<p>Bienvenido a mi blog: AQUI LA URL DE TU BLOG
Blogs</p>
<p>Espero que lo que veas aquí sea de tu
agrado y pases un buen momento con nosotros.</p>
<p>¡Estás en tu casa! Por lo cual
puedes leer y comentar lo que quieras.</p>

<p>Si quieres puedes suscribirte a mi <a
href="http://feeds2.feedburner.com/blogspot/hnBy">feed</a>
</p>

<p>Y si necesitas contactar conmigo, puedes enviarme un
<a
href="mailto:TU-EMAIL@hotmail.com">email</a></p>

</div>


Con estos pasos ya tenemos un Mensaje de Bienvenida, podemos dejarlo tal como esta o bien darle un poco más de estilo para que quede más bonito. Para ello nos dirigimos a Diseño y buscamos ]]></b:skin> y justo antes de eso pegamos este código:


.mensaje{background:#B7D3D9;padding: 10px;font-size: 14px;}
.mensaje h2{font-size: 22px; margin: 0 auto; color: #fff; font-weight:
bold;text-align: center; }
.mensaje a{font-weight: bold; color:#fff;text-decoration:underline;}

Para cambiar la imagen solo editamos la parte que dice:

<img
src="http://img155.imageshack.us/img155/3627/34283694.jpg"/>

por: <img src="URL-DE-TU-IMAGEN"/>


Espero que les sirva

viernes, 22 de junio de 2012

GANAR DINERO CON LOS COMENTARIOS DEL BLOG

Los bloggers nos encontramos ante la incipiente necesidad de generar mayores ingresos al blog. Muchos de los bloggers exitosos obtienen sus ingresos de las ganancias de Adsense. Sin embargo no todos los bloggers llegan a cubrir el cupo mínimo de cobro de Adsense o no cubren sus costos mensuales con ello.

Entre las diferentes alternativas a Adsense que existen en la actualidad, hoy veremos una muy particular, donde por primera vez lograremos sacar provecho (económico) de los spammers y también de nuestros comentaristas.


El servicio es brindado por adscaptcha empresa que nos paga por cada comentario que se haga en el blog. El funcionamiento es muy sencillo los comentaristas deben ingresar un captcha anti spam, pero en el cual hay publicidad gráfica.


Para el lector del blog, es todo normal, sin embargo para nosotros esto puede significar un notorio aumento de los ingresos.


Existen plugins y código php para insertar en los blogs y sitios basados en WordPress, Joomla, Drupal y ASP pero aún no está disponible para Blogger.


Se debe tener presente que los captcha pueden ser molestos para los lectores y en especial para aquellos que sufren problemas visuales, con lo que se recomienda un análisis de la verdadera utilidad.

ENLACE AQUI

IMAGEN FLOTANTE EN BLOGGER U OTRO GESTOR DE CONTENIDOS

El truco blogger de hoy es bastante sencillo e interesante, se trata de establecer una imagen flotante del lado superior derecho.


Debemos acceder al escritorio - diseño y en la edición html de la plantilla buscamos la etiqueta </head> e introducimos este código.
<a href='http://URL DE TU BLOG.blogspot.com/' style='display:scroll;position:fixed;bottom:0px;right:0px;'><img src='URL DE TU IMAGEN'/>

Lo que nos resta por hacer es modificar por nuestra url donde dice urldetublog.blogspot.com, al igual que la imagen.