viernes, 13 de agosto de 2010

Botón de Twitter fijo en Blogger

 En esta oportunidad voy a enseñarles a crear y añadir un botón de Twitter fijo.
La ventaja de este botón de Twitter fijo es que será siempre visible no importa en que parte del blog estemos situados, lo cual llamará mucho más la atención de los visitantes logrando así ganar nuevos seguidores.

Añadir el botón de Twitter fijo en Blogger es realmente muy sencillo, y para ello debemos ir a la edición HTML de la plantilla (Diseño > Edición HTML) y buscar por este código:


<div id='main-wrapper'>


Luego debemos pegar el siguiente código justo antes del anterior:



<div id="twitterfijo">
<a style="display:scroll;position:fixed;bottom:
345px;right:0px;" href="URL-DE-TWITTER">
<img src="
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-gg9Cf8bRWd9jWGRQ0u_n9v3h6Dwfp-tioY8KhTFHkVJdyjNDsNQOExKjlSm6siLPmHSGpWS5-GK0RROWzt8Pxu_J0YLEr7A3XtXIZ82PfuV8B5LgA9jw5WtowAZTq0QkmLajEADa_VQ/s320/66666.png"/></a>
</div>


Antes de guardar los cambios debemos hacer una modificación: donde dice URL-DE-TWITTER debes ingresar la URL de tu perfil de Twitter para que te sigan.

También podes modificar la imagen cambiando lo que aparece en color rojo por la url de tu imagen.
Hacemos vista previa, y si todo está en condiciones ya podemos guardar los cambios y tenemos el botón de Twitter fijo en Blogger.
Leer más...

lunes, 9 de agosto de 2010

Este es un truco muy sencillo y de gran utilidad. Se trata de una lista con los títulos de tus publicaciones, que va cambiando. De esta manera se invita a los que llegan al blog a que lean diferentes entradas y no solamente las últimas. Te animo a usarlo. Es simple de colocar y si no te gusta... lo retiras y listo. No hay que tocar la plantilla.
Comenzamos: En síntesis, copiar este codigo colocando tu URL donde está el pedacito destacado en rojo.

1- Lo que tenes que hacer es Copiar y pegar el código que dejo abajo  en un Gadget HTML. Para hacer esto tenes que ir a Diseño>Elementos de la pagina>Añadir un Gadget>HTML/Javascript
2- Allí pegamos el siguiente código:


<div id="random-posts">
<script type="text/javascript">
function getRandomPosts(json) {
var maxEntries = 10;
var numPosts = json.feed.openSearch$totalResults.$t;
var indexPosts = new Array();
for (var i = 0; i < numPosts; ++i) {
indexPosts[i] = i;
}
indexPosts.sort(function() {return 0.5 - Math.random()});
if (maxEntries > numPosts) {
maxEntries = numPosts;
}
var container = document.getElementById('random-posts');
var ul = document.createElement('ul');
for (i = 0; i < maxEntries; ++i) {
var entry = json.feed.entry[indexPosts[i]];
var li = document.createElement('li');
var a = document.createElement('a');
a.title = entry.title.$t;
for (var j = 0; j < entry.link.length; ++j) {
if (entry.link[j].rel == 'alternate') {
a.href = entry.link[j].href;
break;
}
}
a.appendChild(document.createTextNode(entry.title.$t));
li.appendChild(a);
ul.appendChild(li);
}
container.appendChild(ul);
}
</script>
<script src="http://NOMBRE_DE_TU_BLOG.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=getRandomPosts&max-results=999" type="text/javascript"></script>
</div> 

3- Ahora modifica donde dice "NOMBRE DE TU BLOG". También puedes modificar la cantidad de enlaces que se mostrarán: 10 es lo que muestra este codigo.

4- Guardar los cambios. Listo.

Con esto ya tenemos instalado el gadget para mostrar entradas aleatorias .
Leer más...

Para que nos agreguen a FAVORITOS

Este código les permitirá a tus lectores añadirlos a sus listas de FAVORITOS o MARCADORES.
Lo que tenes que hacer es Copiar y pegar el código que dejo abajo  en un Gadget HTML. Para hacer esto tenes que ir a Diseño>Elementos de la pagina>Añadir un Gadget>HTML/Javascript
<a href="javascript:window.external.AddFavorite('http://bloggerinck.blogspot.com','Bloggerink')"><small><font face="Verdana" size="2">Agregar a favoritos</font></small></a>

Ustedes reemplazarán los sectores: url del blog, nombre del blog, letra y tamaño.
Yo lo dejo como lo coloqué en el mío así les resulta mas sencillo identificar lo que van a reemplazar.
Lo copian, pegan en el bloc de notas, editan y a guardarlo en sus blogs.
Leer más...