Archivo de la categoria ‘Blogger’

 

Muchos de los sitios web de diseño y blogs a menudo están buscando cosas novedosas para compartir con sus visitantes, hoy en una de mis muchas búsquedas me he encontrado con un plugin bastante interesante  llamado Queness’ Beforeafter plugin, este crear el efecto en las fotografías del antes y después.

Al instalarlo en tu sitio web los usuarios al pasar el puntero sobre la imagen podrán ir recorriendo un efecto de antes y después en la imagen, algo que resulta realmente atractivo, muy recomendado para instalar en cualquier blog de diseño ya que de seguro encantara a tus visitantes.

Queness BeforeAfter | DemoDescargaArtículo

Clic aquí para seguir leyendo este artículo »

Algunos de los “bloggers” deciden incorporar un Chat en su Blog para permitir la comunicación entre sus visitantes. Aunque en Blogger disponemos de un servicio de Chat para incorporar a nuestras entradas es probable que éste no os guste y queráis encontrar otras alternativas, por eso mismo os indicaremos a continuación tres de los posibles chats que también podéis incorporar.

En primer lugar podéis incorporar uno de Xat, una Web donde podréis crear vuestro propio chat a vuestro gusto sin necesidad de registraros. Tiene una interfaz algo informal pero a su favor tiene muchas características que otros no tienen.

Si lo que buscáis es un chat mas formal y simple podéis incorporar uno de Cbox, (imagen izquierda) donde tampoco será necesario que os registréis.

Como tercera opción os presentamos Chatango (Imagen derecha). Este, a pesar de ser más moderno y vistoso, es un poco más difícil de utilizar.

Clic aquí para seguir leyendo este artículo »

Uno de los problemas más grandes que tiene blogger son sus plantillas de muy baja calidad, aunque esta el Editor de plantillas de blogger este nunca será suficiente, obviamente podremos encontrar mejores plantillas en sitios con btemplates.com o templates-blogger.com donde encontramos plantillas un poco mejores que las que ofrece blogger direcatmente, aunque estén estos nunca será suficiente para las personas que se preocupan de la estética del blog, obviamente la idea siempre será tener un buen theme que muy pocas personas lo tengan, que sea simple y que permita generar ganancias.

Hoy cuando estaba en forobeta.com por casualidad me encontré con un post donde publicaron un listado con gran cantidad de sitios donde descargar plantillas blogger de calidad, yo personalmente mire muchos de estos sitios y la verdad algunos tienen plantillas realmente buenas.

Clic aquí para seguir leyendo este artículo »

Posteado en Blogger

Cuando tenia la plantilla vieja en el blog tenia un par de bloques de adsense, como cambie la plantilla esos bloques se perdieron y hoy agregue unos nuevos, para que estos quedaran mejor optimizados los puse en el Singlepost.php de wordpress eso fue fácil, lo difícil fue centrarlos ya que no sabia pero a decir verdad era muy fácil!

Para centrar Bloques de adsense hay que hacer esto:

<div text align=”center”>
{código}
</div>

Para centrar bloques de adsense en blogger (Los que instalas automáticamente) Tienes que mirar el Código HTML y buscas esta sentencia:

<div class=’blog-posts hfeed’>

y lo reemplazas por esta:

<div class=’blog-posts hfeed’ align=”center”>

Como ven esto no es tan complicado como parecen, al mismo tiempo de estar poniendo el adsense de una forma que se vea mejor estarán mejorando su CTR.

Clic aquí para seguir leyendo este artículo »

Contador regresivo en HTML

Por Jaime en Blogger, Otros el 07 de enero de 2011
votar

En las fechas importantes para muchos es necesario tener un reloj regresivo, tanto si este es para lanzar algo nuevo o es para conmemorar algo.
Acá les dejo un código HTML en el cual solo tendrán que cambiar algunas palabras y por supuesto la fecha de termino del contador, lo demás sera solo instalar el gadget en blogger o en wordpress.
Mucho cuidado al editar este contador regresivo, ya que si tocan algo que no hay que tocar pueden generar errores en el Html perdiendo el contador.

<script languaje=”javascript”>

//cambiar el texto
var before=”Lanzamos nuevo blog en 2011
var current=”Muchas felicidades!”
var montharray=new Array(“Jan”,”Feb”,”Mar”,”Apr”,”May”,”Jun”,”Jul”,”Aug”,”Sep”,”Oct”,”Nov”,”Dec”)

function countdown(yr,m,d){
var today=new Date()
var todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
var todaym=today.getMonth()
var todayd=today.getDate()
var todaystring=montharray[todaym]+” “+todayd+”, “+todayy
var futurestring=montharray[m-1]+” “+d+”, “+yr
var difference=(Math.round((Date.parse(futurestring)-Date.parse(todaystring))/(24*60*60*1000))*1)
if (difference==0)
document.write(current)
else if (difference>0)
document.write(“Faltan “+difference+” días para “+before)
}
//cambiar la fecha
countdown(2010,12,31)
</script>

Clic aquí para seguir leyendo este artículo »
Posteado en Blogger, Otros

Codigo Insertar Barnners 125×125

Por Jaime en Blogger el 03 de octubre de 2010
votar

Muchas veces queremos vender un
barnner en nuestra web, pero crear un codigo es un poco engorroso, hoy
te dejo el codigo listo para usar, en wordpress lo insertas como widget y
en blogger vas a edicion html y lo insertas en tu plantilla, recuerda
buscar muy bien el lugar donde lo vas a insertar, aca el codigo.

Recuerda Reemplazar el link de la imagen
por el barnner de tu anunciante y la url www.recursosparaelblog.com
tambien por la de tu anunciante.

Blog de Ayuda para Blogger

Clic aquí para seguir leyendo este artículo »
Posteado en Blogger

Si tu blog es muy extenso ya que tus entradas son de un gran contenido y de muy buena calidad lo mejor que puedes hacer es poner las típicas flechas de ir arriba e ir abajo, esto lo haces editando simplemente el HTML de tu blog y agregando unos códigos que ya les muestro.

Empecemos por colocar un script antes de </ head>, En el diseño HTML de tu plantilla busca </ head> utilizando las teclas CTRL+F, Cuando lo encuentres antes de </ head> pega esto:

<!– Prototype y Scriptaculous–>
<script src=’http://www.google.com/jsapi’/>
<script>
google.load(&quot;prototype&quot;,&quot;1.6.0.3&quot;);
google.load(&quot;scriptaculous&quot;, &quot;1.8.2&quot;);
</script>
<!– Prototype y Scriptaculous–>

Despues de hecho lo anterior, guarda los cambios y con CTRL+F Busca la etiqueta </ body> , antes de ello pega el siguiente codigo:

<a href=’#outer-wrapper’ onclick=’new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’URL de la imagen’ style=’position:fixed; top:0; right:0;’ title=’Arriba’/></a>

<a href=’#footer-wrapper’ onclick=’new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’URL de la imagen’ style=’position:fixed; bottom:0; right:0;’ title=’Abajo’/></a>

Remplaza donde dice URL De la imagen por la que tu deseas usar, luego guarda los cambios, ademas aqui te dejo un codigo listo para usarse, con las flechas incluidas:

<a href=’#outer-wrapper’ onclick=’new Effect.ScrollTo(&quot;outer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’http://2.bp.blogspot.com/_qgZA1ny_dAs/S0QFsV1WD7I/AAAAAAAADhs/ZBKrnpzqBrk/s200/arrow8a.png’ style=’position:fixed; top:0; right:0;’ title=’Arriba’/></a>

<a href=’#footer-wrapper’ onclick=’new Effect.ScrollTo(&quot;footer-wrapper&quot;,{offset:-140}); return false’><img border=’0? src=’http://4.bp.blogspot.com/_qgZA1ny_dAs/S0QKJ3oGf7I/AAAAAAAADis/m4YOx1C9N2g/s320/arrow8b.png’ style=’position:fixed; bottom:0; right:0;’ title=’Abajo’/></a>

Una vez listo todas veras como ya tienes las flechas en tu blog para subir y bajar sin problemas, en las imágenes puedes usar lo que mas te guste, cartelitos, iconos o lo que tú quieras.

Clic aquí para seguir leyendo este artículo »
Posteado en Blogger

El personalizar nuestro blog es una de las cosas que más nos gusta hacer, esto para tener una personalidad y estilo diferente al de los demás, en este caso lo que van a aprender es como cambiar el típico deja tu comentario en las entradas del blog por una imagen personalizada y bonita.

Para esto tienes que seguir los siguientes pasos:

1-      Ir a la pestaña Diseño

2-      Ir a la pestaña Edición HTML

3-      Buscar el siguiente código

<p class=’comment-footer’>

<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><data:postCommentMsg/></a>

</p>

</b:if>

4-      Borra el anterior y pon el siguiente  código

<p class=’comment-footer’>

<a expr:href=’data:post.addCommentUrl’ expr:onclick=’data:post.addCommentOnclick’><!–<data:postCommentMsg/>–>&lt;img src=&quot;http://LA IMAGEN QUE QUIERAS&quot;&gt;</a>

</p>

</b:if>

Donde Dice “LA IMAGEN QUE QUIERAS” Pon la url de la imagen que quieres que aparezca.

Clic aquí para seguir leyendo este artículo »
Posteado en Blogger

Como Quitar la Barra Blogger

Por Jaime en Blogger el 02 de octubre de 2010
votar

Ya hemos visto el útil diseñador de plantillas que Blogger ha incluido en el panel de control de los blogs alojados en esa plataforma.

El problema de este diseñador es que siempre te deja la estorbosa Blogger Tolbar la cual jode mucho a personas que recién se están empezando a familiarizar con el mundo de los blogs, por suerte hay una forma muy fácil de quitar esta barra y solo se hace agregando un código java script a la plantilla HTML Del Blog.

Paso:

1- Ir a la Pestaña Diseño en el panel de Blogger

2- Dirigirse a la parte de Edición HTML.

3- Buscar la Descripción de la plantilla

Ejemplo:

Blogger Template Style

Name:     CSS Blue

Designer: Jaime Arévalo

URL:      www.JaimeArevalo.net

4- Agregar el siguiente Código HTML:

#navbar-iframe {
height:0px;
visibility:hidden;
display:none
}

Clic aquí para seguir leyendo este artículo »
Posteado en Blogger

Hoy buscando por la web me encontré con que Blogger a añadido un personalizado para plantillas Blogger, en estos momentos esta en fase beta y solo se puede usar en Blogger in Draft Accedes a tu cuenta vas a la sección de diseño y veras que hay algo que dice Diseñador de plantillas, entras y puedes empezar a editar las plantillas, el fondo los colores, en opciones avanzadas podrás crear una plantilla a tu gusto.

Al mirar las opciones de este diseñador encontraras:

  • 15 plantillas altamente personalizadas
  • Diseño de 1,2 o3 columnas control sobre el tamaña.
  • Muchas imágenes de fondo.
Clic aquí para seguir leyendo este artículo »
Posteado en Blogger