Recursos blog
todo lo que necesitas para tu blog (cosas muy importantes)
Como añadir un TOP COMENTARISTA
Tenéis que añadir el código en un gadget HTML-Javascript y cambiar donde dice elescaparatederosa por el nombre de vuestro blog.
El gadget muestra los 10 comentaristas más activos, si queréis mostrar más o menos, cambiáis donde dice &num=10 por el número que necesitéis.
Para que vuestro nombre no aparezca en la lista, lo colocáis (tal como lo usais en el blog) sustituyendo al mio (Rosa) en el código.
Si además queréis filtrar el nombre de algún otro comentarista, ponéis sus nombre a continuación del vuestro separados cada uno por una coma.
Top comentaristas basado en los últimos 500 comentarios del blog.
AQUI EL CODIGO: <script type="text/javascript">
function pipeCallback(obj) {
document.write('<ol>');
var i;
for (i = 0; i < obj.count ; i++) { var href = "'" + obj.value.items.link + "'"; if(obj.value.items[i].link == "" var item ="<li>" + obj.value.items[i].title + "</li>"; else var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>"; document.write(item); } document.write('</ol>'); } </script> <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=2351a7b3195ee95ef3643998bc8def5e&url=http%3A%2F%2Felescaparatederosa.blogspot.com&num=10&filter=Rosa" type="text/javascript"></script>
Chat para blog
Para conseguir uno simplemente necesitan entrar a http://www.xatech.com/web_gear/chat.php#top
y otra opcion buena es http://cbox.ws/?r=7-111373
este ultimo es muy simple pero mucho mas eficiente, en los dos requiere registrarse pero es gratuito, en la pagina les dara un codigo HTML lo cual lo tienen q copiar y pegar en el blog en la parte que dice añadir gadgets y en donde dice Html ahi lo pegan
ocultar la fecha de las entradas de tu blog
Busca en tu plantilla esta porción de código y añade la línea en negrita:
/* Posts----------------------------------------------- */
h2.date-header {
margin:1.5em 0 .5em;
visibility:hidden; }
Identificador de ip y mas
Cuadrado de estadisticas:
codigo: <a href="http://www.wieistmeineip.de/cometo/?en"><img src="http://www.wieistmeineip.de/ip-address/" border="0" width="125" height="125" alt="IP" /></a>
Para mi sirve de muy poco pero si tenes un espacio vacio en tu blog no es mala idea añadirlo seguimos los pasos anteriores copiar y pegar (a esta altura tendrian que saber como agregarlos )
Botón para Facebook "Me gusta" o "Recomendar"
Facebook ha creado un nuevo conjunto de plugins Sociales, que permitirá a nuestros lectores el compartir rápidamente nuestros artículos con sus amigos de Facebook. También podemos llegar a saber a cuánta gente le ha gustado una determinada entrada.
Una vez instalado el código se verá algo como esto al pie de cada una de las entradas.
[1] En Edición HTML de nuestro panel, marcamos la opción de Expandir las plantillas de artilugios.
[2] Localizamos la etiqueta <data:post.body/> o en su defecto <p><data:post.body/></p> y justo después de esa etiqueta, o justo antes pegamos el código para el botón:
<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=standard&show_faces=false&width=100&action=like&font=arial&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>
Si pegamos el código antes de la etiqueta, el botón para Facebook se mostrará justo debajo del título de las entradas; si en cambio lo colocamos después, se mostrará justo al final de las mismas:
Si en lugar del "Me gusta" queremos usar el "Recomendar" cambiamos donde dice "like" (destacado en negrita en el código) por "recommend":
Para blog con diseño más oscuro, quizá quedase mejor la versión "dark" (oscura) del botón. Para eso cambiamos en el código el "light" (destacado en negrita) por "dark":
Tal como está configurado el código, el botón solo será visible en la página de entradas, para mostrarlo también en la principal tendremos que eliminar del código la línea de comienzo: <b:if cond='data:blog.pageType == "item"'> y el cierre de la condicional al final: </b:if>
Si en lugar de mostrar el botón dentro del cuerpo de las entradas, queremos hacerlo al pie de las mismas (post-footer); localizamos esta línea y lo colocamos a continuación:
<div class='post-footer-line post-footer-line-3'/>
Ocultar,eliminar o personalizar mensaje "Mostrando entradas con la etiqueta...
♠ Vamos a Diseño/ Edición de HTML y Expandir plantillas de artilugios.
♠ Con ayuda de CTRL+F buscamos lo siguiente ]]></b:skin> y antes de éste pegamos:
.status-msg-wrap {visibility:hidden;display:none;}
¿Como ocultar el titulo en Blogger Beta?
Nos dirigimos a:
.
Plantilla--->Edicion de html
.
2. Buscamos el siguiente codigo:
.
#header {
margin: 5px;
//border: 1px solid $bordercolor;
text-align: center;
}
.
Y lo cambiamos por este:
.
#header {
margin: 5px;
//border: 1px solid $bordercolor;
text-align: center;
display: none;
}
.
Si se dan cuenta lo unico que hicimos fue agregar al final display: none; ese es el truco.
Para Borrar la Sidebar
La sidebar. Esa barra lateral característica de los blogs. Si bien, puede ser una herramienta útil para algunos, para otros puede significar un simple estorbo. Para los segundos va este post.
Es el caso del blogger Isusko, quien luego de adoptar el truco de las Categorías y Links horizontales decidió borrar su columna lateral (sidebar) y me preguntó cómo hacerlo...
Paso1: Identifica estos códigos en tu plantilla, que se encuentran al comienzo con los códigos que definen el estilo del blog. Content corresponde a todo el blog, main a la información de los posts o entradas y sidebar a la columna lateral de su bitácora.
Paso 2: Borra el apartado de la sidebar.
Paso 3: Modifica el tamaño del apartado main, que corresponde a la información de tus entradas publicadas, y colócale el mismo valor del content que corresponde al total de lo publicado en el blog.
*ojo que los valores del content no son los mismos para todos los blogs, ustedes pueden ir probando qué tamaño les acomoda más.
Paso 4: Luego deben bajar un poco más en la plantilla y borrar los códigos de la información de la sidebar desde "Begin sidebar" hasta "End sidebar" :
Colocar barra de Wibiya toolbar en el blog.
Se trata de la barra de herramientas Wibiya (Wibar) que funciona en las plataformas mas populares.
Integra Twitter, Facebook, chat on line, te permite conocer datos sobre tu web y aumenta el tráfico de tu red social.
La forma de colocarla es muy simple. Entras a http://www.wibiya.com/ y sigues las intrucciones.
Está en inglés, pero puedes traducir la página. De todas formas , te sugiero colocar todos las aplicaciones y , llegado el momento, editas la barra a traves del correo e ingreso a la plataforma del proveedor.
Flechita "ir arriba".
Cuando las publicaciones son muchas, conviene colocar al pie del blog un ícono que direccione hacia arriba, para volver al inicio de la página. Les dejo el código para que lo agreguen directamente en sus blogs. Es una flechita simple, que dice "ARRIBA".
Codigo: <a href='#'><img alt='ir arriba' border='0' src='http://i222.photobucket.com/albums/dd59/feripula/subir.png' style='position:fixed; bottom:0; right:0;'/></a>
La URL del botón la pueden reemplazar por el botón que quieran. Les dejo tres páginas con íconos lindos:http://www.smashingmagazine.com/2007/05/24/freebies-round-up-icons-buttons-and-templates/,http://www.iconspedia.com/cat/multimedia/y esta http://www.iconlet.com/search?p=1&n=up
¿Dónde pegar el código?
Bien: lo agregan como "elemento de la página HTML/Java" y lo arrastran debajo del sector de post, siempre en la sección diseño.Guardan los cambios. ¡Y listo!
Caja de enlace para boton ENLAZAME
Imagen y caja de enlace.
Hacer la caja de enlace ya no es problema.
En esta página... la hacen perfecta.
Paso 1 : Necesitas alojar la imagen de tu boton en un hosting.
Puedes hacerlo en ImageShack, Photobucket . Así tendrás la URL que necesitas para insertar en la siguiente página.
Si quieres usar una imagen que ya este en la red, simplemente coloca el mouse sobre la misma, clikea el boton derecho y abre Propiedades.
Allí veras la URL de esa imagen.
Paso 2 : Abres esta página LINK-ME.
Te pedirá un TITULO (puedes colocarlo o no)
La URL de TU BLOG.
La URL de TU IMAGEN.
Paso 3: Finalmente GENERAS el código que agregas como elemento html en tu blog.
Fuente TARINGA
