Mostrando entradas con la etiqueta botón. Mostrar todas las entradas
Mostrando entradas con la etiqueta botón. Mostrar todas las entradas

lunes, 2 de julio de 2012


Poner "Ultimos Comentarios" en una barra lateral en tu blog es muy útil para ti y para los usuarios de tu blog. Además le dará más vidilla.
Vamos a ver algunas formas muy sencillas para añadir este gadget:


1.- Desde el menú Blogger,vamos a : Diseño--> Elementos de pagina--> Añadir un gadget--> "a la izquierda" Mas gadgets--> y hay veremos recents comments...solo queda elegir el tamaño en "px" y el nº de comentarios.

 


2.- Otra vez menú en este caso al Añadir un gadget miraremos en "lo básico", y añadiremos "FEED", y pondremos esto:

 http://url del blog/feeds/comments/full

Que en el caso de mi blog seria : http://degabyla.blogspot.com.es/feeds/comments/full 

Así de esta manera saldrán los últimos comentarios y se irán actualizando, acto seguido de introducir esto, damos a continuar, y ponemos como titulo: "Ultimos Comentarios",  y elegimos también el nº de comentarios, fecha y nombre del/la que comenta.


3.- También puedes entrar en esta página, Way2blogging y te saldrá un cuestionario como éste:


Ahora sólo tienes que rellenarlo con los datos de tu blog y los valores que quieras darle al gadget. Incluso puedes elegir el avatar que quieres que salga por defecto. Después pulsa en el cuadradito que pone GENERATE y te saldrá un botón para añadas el gadget a tu blog de blogger directamente.


Pulsa ahí y ya está, quedará añadido.

Otra opción es ir a Diseño-añadir un gadget-código Html java y poner este código

<script style=text/javascript src="http://helplogger.googlecode.com/svn/trunk/recent comments widget.js"></script><script style=text/javascript >var a_rc=5;var m_rc=false;var n_rc=true;var o_rc=100;</script><script src=http://your-blog-name.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments ></script><span id=rcw-cr><a href=http://helplogger.blogspot.com/2012/03/recent-comments-widget-for-blogger.html>Recent Comments Widget</a></span><style type=text/css> .rcw-comments a {text-transform: capitalize;} .rcw-comments {border-bottom: 1px dotted; padding-top: 7px!important; padding-bottom: 7px!important;} #rcw-cr {font-family: Arial,Tahoma;font-size:9px;padding-top:7px;display:block;} </style>

Lo que está en rojo lo tienes que sustituir por la Url de tu blog, en mi caso sería http://degabyla.blogspot.com/ 

Poner un botón en tus entradas para que puedan imprimirlas

Es una buena idea dar la opción a nuestros lectores de poder imprimir una entrada de nuestro blog. Y la forma de hacerlo puede parecer un poco complicada pero si seguís los pasos veréis que no lo es tanto.
En primer lugar tenemos que ir a Dieño-Editar HTML



Pulsamos y nos saldrá algo como esto:


Buscamos la etiqueta </head>  y antes del cierre


Ponemos este código:

<style media='print' type='text/css'>#header-wrapper,
#header, .header, #sidebar-wrapper, .sidebar, .post-footer, #footer-wrapper,
#footer, .date-header, #comments, .post-meta-data, .comment-link,
.comment-footer, #backlinks-container, #blog-pager,#navbar-section, .navbar,
.subscribe_notice, .noprint {display: none;}#main-wrapper {width:
95%; overflow: visible !important;}</style>

Y le damos a Guardar plantilla


Ahora sólo tenemos que añadir a cada entrada que queramos que se pueda imprimir y añadirle un código. Para eso, nos vamos a Entradas, Editar, HTML


Y al final del post le añadimos este código:

<b:if cond="data:blog.pageType == &quot;item&quot;">
<a href="javascript:window.print()">
<img alt="Imprimir" border="0" height="30" src="http://icons.iconarchive.com/icons/artua/dragon-soft/32/Printer-icon.png" style="float: left; margin: 0 1em 1em 0;" title="Imprimir" width="30" />
Imprimir el artículo</a>
</b:if>

Ahora pinchamos en Actualizar y ya está. Comprobamos que toda ha quedado bien...

Si vais aquí Qué comemos hoy? Ensalada de pasta, veréis que al final del post aparece la opción de imprimirlo.