28 noviembre 2013

Últimos comentarios al estilo Notificaciones de Google+

Con este tutorial voy a enseñaros la forma de mostrar los últimos comentarios del blog de una forma semejante a las notificaciones de Google+. Antes de empezar vamos a ver una captura de pantalla de como funciona este truco y luego la demostración en vivo, que la he adaptado a este blog con algunas variaciones.

comentarios notificacion tipo google



Este tutorial consiste en colocar una barra de navegación fija donde incluiremos una imagen o logo de nuestro blog, una imagen del perfil de Google, un buscador y lo más importante del tutorial, las notificaciones de los últimos comentarios tipo Google+. (nos notifica de los comentarios que nos dejan en el blog).
"Antes de empezar es muy importante siempre crear una copia de nuestra plantilla", para esto, antes de intentar los cambios seguimos estos pasos:
Panel de Administración/ Plantilla/ Crear/Restablecer copia de seguridad/ Y hacemos clic en “descargar plantilla completa”.

Instalación:

Paso 1: Copie el siguiente código y colóquelo antes del </head>
"Si ya dispones en tu plantilla del script jquery, pásate este paso"

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js' type='text/javascript'/>

Paso 2: En este paso vamos a colocar el CSS del tutorial y para ello vamos a buscar ]]></b:skin> y antes de ello colocarémos el siguiente código:

/* Barra menu comentarios
----------------------------------------------- */
#top-menuwrapper{background: white;height:60px;width:100%;position:fixed;top:0;left:0;z-index:999;overflow:hidden;border-bottom:1px solid #f1f2f7}
#top-menuwrap, #top-menuwrap2{width:100%;margin:0 auto;padding-left:1%;padding-right:1%}
#top-menu{width:100%}
#top-menu ul{list-style: none;}
#top-menu ul li{float:right}
#top-menu ul li a{line-height:20px;padding:5px 0;margin-left:25px;color:#999;font-size:14px;text-transform:uppercase;display:block;text-decoration:none;}
.logo{float:left;}
#top-menu ul li a.current{color:#c94e5c}
.logo img{margin-top:13px;width:250px;height:40px}
#autor img {float:right;height:30px;margin:15px 90px 8px 6px;width:30px;}
#search-box{position:relative;width:250px;margin:15px 0;float:right;margin-right:35px}
#cse-search-box{height:28px;border-radius:2px;background-color:#fff;overflow:hidden;border:1px solid #dfdfdf;border-radius:4px}
#search-text{font-size:12px;color:#ddd;border-width:0;background:transparent}
#search-box input[type="text"]{width:90%;padding:5px 20px 12px 10px;color:#666;outline:none}
#search-button{position:absolute;top:-2px;right:4px;height:32px;width:20px;margin-top:10px;font-size:14px;color:#fff;text-align:center;line-height:0;border-width:0;background:url(http://1.bp.blogspot.com/-K7tY9_gz3js/UmnCR22ZJII/AAAAAAAAF68/U8N5jBtaLLM/s1600/search-icon.jpg) no-repeat;cursor:pointer}

/* Notificaciones en comentarios
----------------------------------------------- */
#cm-total {position:fixed;top:14px;right:0;width:188px;text-align:left;z-index:9999;cursor:pointer;}
.total-counter {position:fixed; background-color:#d11919;color:white;padding:1px 4px;font-family:Arial,Sans-serif;font-size:11px; border-radius:5px;
font-weight:bold;right:290px;top:10px;}
#notif {position:fixed;top:20px;right:310px;z-index:9999;height:22px;width:19px;opacity:.4;cursor:pointer;border:1px solid #b6b5b5;}
#notif:hover { opacity:1;}
.close-notif { position:fixed;top:92px;right:20px;z-index:9999;cursor:pointer;display:none;}
#cm-container { width:355px; position:fixed;top:67px;right:0; z-index:9999; background-color:#e5e5e5;padding:60px 20px 10px 20px;color:#666;
box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;text-align:left; border:1px solid rgba(0,0,0,.2);background-clip:padding-box;display:none;}
#cm-container:before {content:url('http://3.bp.blogspot.com/-wlYmBEpUtGE/UoVyl3GpUZI/AAAAAAAAGEQ/LDeklWh3CNI/s1600/arrow-notif.png');position:absolute;
top:-14px;left:66px;}
#cm-container:after {content:"Últimos Comentarios";position:absolute;top:22px;left:150px;text-align:center;font:normal 14px Arial;color:#333;}
.cm-outer {margin:0 auto;padding:0;font-size:11px;text-align:left;font:normal 12px Arial;}
.cm-outer ul{margin-bottom:5px;}
.cm-outer li {padding:9px 10px 14px;list-style:none;clear:both;position:relative;border-radius: 3px;box-shadow: 0 1px 2px rgba(0,0,0,.2);background-color: white;margin-bottom:10px;}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {display:block;float:left;border-radius:3px 0 0 3px;position:absolute;top:0;left:0;}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer{height:570px;overflow:auto;}

Paso 3: Ahora antes del cierre </body> colocamos el siguiente código:

<div id='top-menuwrapper'>
<div id='top-menuwrap'>
<div id='top-menu'>
<div class='logo'>
<a href='URL de tu blog'><img alt='logo blog' src='URL del Logo de tu blog'/></a></div>
<div id='search-box'>
<form action='URL de tu blog/search' id='cse-search-box'>
<input id='search-text' name='q' onblur='if (this.placeholder == &quot;&quot;) {this.placeholder = &quot;Buscar...&quot;;}' onfocus='if (this.value == &quot;Cari disini..&quot;) {this.value = &quot;&quot;}' placeholder='Buscar...' type='text'/>
<button id='search-button' type='submit'/>
</form></div></div>
<div id='autor'>
<a href='URL de perfíl o página de Google+' target='blank'><img alt='autor' border='0' src='URL de la imágen de tu perfil'/></a>
</div></div></div>

<div id='cm-container'/>
<div id='notif' title='Notificaciones'><img alt='notificaciones' src='http://1.bp.blogspot.com/-wrJzEwB1V3U/UoQktvRDCxI/AAAAAAAAGEA/jYcRiXTyOFg/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='cerrar' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='cerrar'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "URL de tu blog",
max_result: 15,
t_w: 80,
t_h: 80,
summary: 30,
new_tab_link:true,
ct_id: "cm-container",
new_cm: "Últimos Comentarios!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class=\'total-counter\'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]></script><script src='https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/googlenot.js' type='text/javascript'/>

Configuración:
Cambiar todas las URL por las vuestras
max_result: 15, Comentarios a mostrar.

Guardar plantilla.

50 comentarios

Excelente, otro mas que incorporo al Blog.

Oye Sera que se pueda integrar adsense en la buscador que muestars aqui?

Yo tengo el buscador que me da Adsense para que en los resultados se muestren los anuncion, será posible integrarlo?

Gracias.

Correcto Guillermo, yo mismo lo tengo así.

una pregunta como hizo para poner esa barra superior y que en medio esta sus redes sociales y a la izquierdea el buscador , y ademas no desaparece conforme vamos bajando se mantiene ...xfa es muy buena.

Juan en esta entrada lo explico, luego puedes añadirle las redes o cualquier otra cosa.
Si quieres añadir las redes, antes de: <div id='cm-container'/> verás 3 </div> elimina uno y luego pega este código:
<div class='bubblewrap'>
<ul>
<li><a href='url de página de contacto' target='blank'><img src='https://lh5.googleusercontent.com/-0gxh0S5VhJ8/UpsUDjfoyZI/AAAAAAAANrA/eQv1YwyzkjI/w80-h88-no/email.png' title='Enviar Email'/></a></li>
<li><a href='url de perfíl de google+' target='blank'><img src='https://lh3.googleusercontent.com/-t_3e5z8Xjbs/UpsUDsaisPI/AAAAAAAANq0/FeVtftFOCIM/w80-h88-no/goo.png' title='Síguenos en Google+'/></a></li>
<li><a href='url de facebook' target='blank'><img src='https://lh3.googleusercontent.com/-tpHqfiz0vwo/UpsUDijiqeI/AAAAAAAANqk/F46W99Zf-Vg/w80-h88-no/facebook_thumb%255B2%255D.png' title='Síguenos en Facebook'/></a></li>
<li><a href='url de twitter' target='blank'><img src='https://lh6.googleusercontent.com/-xbCIGAoanGE/UpsUEXUg-TI/AAAAAAAANqw/DiAesENbuQQ/w80-h88-no/twitter_thumb%255B2%255D.png' title='Síguenos en Twitter'/></a></li>
<li><a href='url de tu feed ' target='blank'><img src='https://lh3.googleusercontent.com/-xOdND_eizeU/UpsUEKVCpPI/AAAAAAAANq4/faajEcxwSZY/w80-h88-no/rss_thumb%255B2%255D.png' title='Ver RSS'/></a></li>
</ul></div></div><style>.bubblewrap{list-style-type:none;width: 300px; margin: 0 auto;left:50px;}
.bubblewrap li{display:inline;width: 35px;height:35px;}
.bubblewrap li img{width: 35px;height: 40px;margin-right: 8px;border:0;-webkit-transition:-webkit-transform 0.1s ease-in;-o-transition:-o-transform 0.1s ease-in;margin-top:-5px}
.bubblewrap li img:hover{-moz-transform:scale(1.6);-webkit-transform:scale(1.6);-o-transform:scale(1.6);} </style>

Si no quieres alguna de las redes, elimina cualquiera desde <li> hasta </li>


Muchas gracias que nos ayudes en las páginas ..tengo un problema no puedo meter la barra por que no me queda pero estube modificado elimine la barra u desplace la campana hacia la derecha..siento deveras peto me gustó y que haya puesto para adaptarlo a la web ..si no me queda mal .. Ami me gusta déjala cosa bastante bien recogidita y dejar la web bastante limpia ... Podías decirme como muevo la alerta de mensaje hacía la derecha u arriba de todo ..espero que me ayudes. No soy capaz ..no soy capaz de pegarlo Alá campana...

David busca estos códigos y cámbialos por estas dimensiones:
.total-counter ...... ..........right:90px;
#notif ............................right:110px;
#cm-container:before.... ..left:210px;

Me quedó bien..si limpiando los cookies volverá contar. Todos los comentario?

Una vez que visualices los comentarios se pone a cero y cuando alguién te deje un comentario aparecerá cuando entres al blog.

Muy buenas, el truco esta realmente genial! pero... el problema con el que m eencuentro es que no quiero cambiar todo la cabecera, solo quiero poner el icono de las notificaciones en mi cabecera actual y sin position:fiex;, lo llevo rato intentando extraer unicamente el icono pero no hay manera, si me puedes echar un cabe te estaria muy agradecido por que esta increible esta opciones ^^
Gracias!

Niko prueba con esto es solo el icono
CSS
#cm-total {position:absolute;top:14px;right:0;width:188px;text-align:left;z-index:9999;cursor:pointer;}
.total-counter {position:absolute; background-color:#d11919;color:white;padding:1px 4px;font-family:Arial,Sans-serif;font-size:11px; border-radius:5px;
font-weight:bold;right:865px;top:10px;}
#notif {position:absolute;top:30px;right:875px;z-index:9999;height:22px;width:19px;opacity:.4;cursor:pointer;border:1px solid #b6b5b5;}
#notif:hover { opacity:1;}
.close-notif { position:absolute;top:92px;right:20px;z-index:9999;cursor:pointer;display:none;}
#cm-container { width:355px; position:absolute;top:67px;right:565px; z-index:9999; background-color:#e5e5e5;padding:60px 20px 10px 20px;color:#666;
box-shadow:0 4px 15px -4px rgba(0,0,0,.4) !important;text-align:left; border:1px solid rgba(0,0,0,.2);background-clip:padding-box;display:none;}
#cm-container:before {content:url('http://3.bp.blogspot.com/-wlYmBEpUtGE/UoVyl3GpUZI/AAAAAAAAGEQ/LDeklWh3CNI/s1600/arrow-notif.png');position:absolute;
top:-14px;left:66px;}
#cm-container:after {content:"Últimos Comentarios";position:absolute;top:22px;left:150px;text-align:center;font:normal 14px Arial;color:#333;}
.cm-outer {margin:0 auto;padding:0;font-size:11px;text-align:left;font:normal 12px Arial;}
.cm-outer ul{margin-bottom:5px;}
.cm-outer li {padding:9px 10px 14px;list-style:none;clear:both;position:relative;border-radius: 3px;box-shadow: 0 1px 2px rgba(0,0,0,.2);background-color: white;margin-bottom:10px;}
.cm-text {color:#797979;}
.cm-outer {margin:0 0 5px}
.cm-header {margin: 4px 0 8px 90px;font-size:11px;font-weight:normal !important;}
.cm-header a {color:#262626;text-decoration:none;font-size:14px;font-weight:bold}
.cm-header a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer .cm-content {overflow:hidden}
.cm-content {margin-left:90px}
.cm-outer img {display:block;float:left;border-radius:3px 0 0 3px;position:absolute;top:0;left:0;}
.cm-footer {margin-top:7px;}
.cm-footer a {color:#5886a7;text-decoration:none;}
.cm-footer a:hover {color:#74a2c3;text-decoration:none;}
.cm-outer{height:570px;overflow:auto;}

Antes de </body>

<div id='cm-container'/>
<div id='notif' title='Notificaciones'><img alt='notificaciones' src='http://1.bp.blogspot.com/-wrJzEwB1V3U/UoQktvRDCxI/AAAAAAAAGEA/jYcRiXTyOFg/s1600/lonceng.png'/></div>
<div id='cm-total'/>
<div class='close-notif'><img alt='cerrar' src='http://2.bp.blogspot.com/-d-5BS0YCkho/UOKe2UIw0rI/AAAAAAAAC4w/md_iYNVHaHk/s1600/delete4.png' title='cerrar'/></div>
<script>
//<![CDATA[
var originalTitle = document.title;
var cm_config = {
home_page: "URL DE TU BLOG",
max_result: 15,
t_w: 80,
t_h: 80,
summary: 30,
new_tab_link:true,
ct_id: "cm-container",
new_cm: "Últimos Comentarios!",
interval: 30000,
alert: true,
alert: function(total) {
document.getElementById("cm-total").innerHTML = '<strong class='total-counter'>'+total+'</strong>';
document.title = '(' + total + ') ' + originalTitle;
}
};
$('#notif').click(function(){$('#cm-container, .close-notif').toggle();});$('.close-notif').click(function(){$('#cm-container, .close-notif').hide();});document.getElementById('notif').onclick = function(){document.title = originalTitle;$('#cm-total').hide();};document.getElementById('show-total').onclick = function(){document.title = originalTitle;$('#cm-total').hide();$('#cm-container').show();};
//]]></script><script src='https://googledrive.com/host/0BwZ7Sm1QQc1lTnlVZG1DS3V0N3c/googlenot.js' type='text/javascript'/>

Si tienes algún problema, me comentas.

Hola de nuevo compañero, pues mira lo acabo de instalar y no es clicable.. si lo puedes mirar te lo agradezco: broquer.com no quiero robarte mucho tiempo tampoco! osea que si no puede ser no te preocupes :)

Un Saludo

Nilo, ahora no tengo tiempo, mañana te lo miro, de todas formas coloca este CSS y prueba con la segunda parte de la entrada, haber si ha habido un pequeño fallo en esta parte al colocarlo en el comentario.

Muchisimas Gracias! seguire probando :)

Hola de nuevo AmorSevillano! :) Despues de pelear mucho con css logre el efecto deseado! Muchisimas Gracias!!! tienes algun apartado de donaciones? Un Saludo!

Gracias Niko, pero lo que hago es por información no por interés económico.
De todas formas, lo dicho, gracias por el detalle.
Saludos.

Este comentario ha sido eliminado por el autor.

Vaya..muchas gracias! Tu blog esta espectacular! el unico de talle que cambiaria (de echo cambie) es que la chica tiene un agujero en su prenda de ropa jeje y el codo hay un pequeño agujero, lo he corregido y aqui te devuelvo la imagen por si la quieres subir y ponerla en al theme: http://3.bp.blogspot.com/-lOicw7-z9Ow/UwtP3GvqtMI/AAAAAAAACaw/EGc_NfP1lo0/s1600/fondo.jpg

Un Saludo y gracias de nuevo :P

Hola compañero, me sabe mal volverte a molestar, pero desde ayer que intento solucionar el problema y no doy con el fallo, no me aparece el contenedor de los ultimos comentarios y no se a que se debe, si lo puedes mirar te estaria muy agradecido broquer.com

Niko, prueba colocando otra url de blogger, ejemplo la mía, haber si funciona.
Si funciona con otras url, solo te queda esperar, no sé que ocurre pero a mí me pasó igual y me volví loco trastocando el código y nada pero cuando estuve a punto de eliminarlo, de buenas a primera comenzó a funcionar.

Te escribo de nuevo para decirte que lo solucione... despues de casi 3 días seguidos intentandolo.. lo que resulto es que cuando haces X comentarios, hay como un bug que deja de funcionar... la solucion fue hacer 1 comentario jejeje y ha vuelto a funcionar, es curioso.. pero bueno que alivio madre mia! fue mi mayor reto de 2014 jaja :)

Bueno muchisimas gracias por todo de corazon! :)

Gracias Niko, yo me volví loco investigando y mira por donde lo averiguo.

Hola amigo gracias por la publicacion, una pregunta amigo se podra insertarlo los codigos en un html en vez de un blog , si es posible que tendria que hacer para poder hacerlo..

Onffline, este código solo está preparado para los comentarios de blogger.

wow ok amigo ahorita pruebo el truco

es que soy novato amigo no tengo ni la menor idea de programas gracias apersonas como voz que se toman la molestia de ayudar, he aprendido un poco...

Nitro modifica la palabra últimos comentarios, te sale mal, y busca en el código URL de perfil o página de Google+ y coloca la tuya que sería esta: https://plus.google.com/115547098266853145544 y cambia la imagen de autor que tienes ahora mismo porque es un avatar.

100mil gracias amigo solo me falta crear la fanpage de google+ para que quede al 100% gracias de verdad

De nada, para eso estamos, para ayudarnos unos a otros.

Disculpe otra vez. una pregunta cual es seria el codigo para solo ver los comentarios de google +, este es el codigo que tengo para ver los ultimos comentarios pero es solo de blogger, Espero su pronta respuesta, gracias de ante mano
div id="rcentcomnets" /div
script type='text/javascript'
jQuery("#rcentcomnets").RecentComments();
/script

Este comentario ha sido eliminado por el autor.

Hola amigo Antonio muchas gracias por la barra, se mira estupenda en mi sitio, quería agradecer y preguntar sí me podrías decir cómo insertar en mis sitios la barra de esté blog http://animeblogde.blogspot.mx/ Pues hace más de un mes que la quiero pero no logro encontrar los codicos css el script y lo demás, estoy perdido, con la información que das en tu entrada sólo pegue los códigos donde tu dices y todo de maravilla.

Pues de nuevo muchísimas gracias por toda la información que nos das.

Saludos amigo.

Hola de nuevo amigo Antonio, ¿qué crees? Al fin logre poner la barra de navegación que intentaba poner desde hace más de un mes :D sólo seguí las instrucciones de está entrada y copie los de la otra barra, pero tuve que copiar mucho CSS de la otra barra para que así me apareciera, y pues desaparece la parte de arriba de mi plantilla, sí tu me ayudarás a sacar el CSS de la barra de http://animeblogde.blogspot.mx/ Me quedaría bien la barra :D

Ojalá me ayudes, estoy a pocos pasos de lograrlo, muchísimas gracias todo fue gracias a esté post. Lo mínimo que puedo hacer es seguirte en facebook, twiter y google.

Uróboros hAlamH, dime cual es tu blog, dirección url por lo menos.

Hola Antonio, está es la dirección del blog --> http://animeblogde.blogspot.mx/
Es de blogspot y pues la barra de navegación de arriba es la que deseo c:

Muchos saludos amigo, gracias por leerme y por tu respuesta :D

Hola, perdón mi blog es esté http://www.peliculasyanime.com/ y la barra que deseo poner es está http://animeblogde.blogspot.mx/

Mi blog aún está en fase beta, disculpa el desorden cuando lo mires :D

@Amor Sevillista yo estoy regalando mi plantilla y de paso yo tengo la plantilla que quiero el user tal vez de ahí se te hace mas facil sacarla...

Uróboros hAlamH, he obtenido toda la barra del blog que me comunicas, coloca ESTO en un gadget Html y cambia los enlaces.
Creo que te quedará perfecta.

WOWWWW Es increíbleee y fue tan fácil de implementar :D muchísimas gracias Antonio, llevaba más de un mes intentando poner la barra en mis blog's ='') Estoy tan agradecido contigo, eres el mejor Antonio y tu web es la mejor web :D Muchísimas gracias.

Y el Logo quedo hermoso :DD Gracias amigo, muchas gracias.

Muchos saludos amigo y un fuerte abrazo, eres el mejor.

Muy bueno pero tambien fuera estupendo que diera las ultimas publicaciones en ves de los comentarios..

Bryan buen aporte, me has dado una buena idea para una próxima entrada.

Hola amigo Antonio, primeramente te mando muchos saludos y un abrazo.

Me preguntaba sí tienes alguna entrada para agregar a mi sitio una barra fija como la que tu tienes en la parte de abajo de tu sitio, la que dice ''Esta web utiliza Cookies'' pero con botones sociales, por ejemplo con el botón google +1 para así pedir +1 de google a los visitantes, pues los +1 de google ayudan tanto al posicionamiento de los sitios.

Hasta pronto amigo Antonio, y de nuevo gracias por crear esté sitio que tanto me a ayudado.

Uróboros, de eso no tengo nada.

Hola Amor Sevillista, nuevamente por tu web... Estoy haciendo pruebas de comentarios y funcionan bien ( http://tusprogramaz.blogspot.com/ ) pero seria posible que aparecieran mas lineas ya que solo se ve una, para poder ver el comentario completo hay que ir al post haciendo click sobre el nombre de usuario....

O MEJOR AÚN... Me gustaría una similar a la que esta en tu web: Todo el comentario, con efecto deslizante lateral, quien realiza el comentario y el post correspondiente (clickeables)...

Muchas gracias por tu tiempo y saludos...

Sergio para colocar más líneas del comentario debes buscar este trozo de código en el script (summary: 30,) y aumentarlo a 120 o más dependiendo lo que quieras mostrar.

Muchas gracias por tu ayuda... Hice la modificación y ahora me gusta mas.
Saludos

Tengo un problema con el codigo. Primero me gustaria saber si este codigo se puede modificar para comentarios de Facebook por ejemplo y segundo sabes el codigo de ocultar los comentarios. Al principio de crear la web me parece que anule los comentarios con un display:none, los comentarios no aparecen pero tampoco el codigo que lo bloquea.

He mirado en tu blog pero no tienes como añadir comentarios de google+ a blogger en HTML seria un honor que me ayudaras con esto ya que me parece muy interesante esta opcion de notificar los comentarios.

Muchas gracias paisano y saludos. Espero alguna respuesta

¿Es posible hacer lo mismo pero con las entradas?

Se podra agregar Emoticonos o Smiley como una opción dentro la caja del formulario de comentarios y utilizarlos con solo dar un click en el emoticono o smiley y que en este aparezca el codigo como por ejemplo: :) :( xD etc etc etc

Buenas amigo, tengo una pregunta y si quisiera poder incorporar rss en vez de comentarios del blog, si no que cada vez que se publique algo en la pagina aparezca como una cierta notificación como se muestra al notificar los comentarios, que tendría que cambiar en ese codigo para que funcione como digo.


Por favor, comente de acuerdo al tema del artículo.
Serán removidos todos los Comentarios con enlaces.
Si quieres recibir los nuevos comentarios marca "Avisarme"