Alguna vez hablaba de usar una entrada de Blogger para crear un formulario de contacto, tiene sus limitaciones y, en ese sentido, Disqus podría ser una alternativa más razonable. No pensando tanto en ese tipo de feedback que suele ser privado sino como herramienta de comunicación, uno de esos libros de visitas que tanto se utilizan, un simil chat o un pseudo-foro mínimo.
Como el servicio tiene muchas alternativas de configuración en cuanto a quienes pueden administrarlo o participar, es más o menos sencillo armar una pequeña red privada o pública.
El proceso es similar al comentado antes, pero, esta vez, en lugar de usarlo como alternativa para los comentarios del blog, lo usaremos en un blog nuevo que sólo contendrá eso así que primero lo creamos y luego, lo agregamos y seleccionamos el lenguaje.
Como el servicio tiene muchas alternativas de configuración en cuanto a quienes pueden administrarlo o participar, es más o menos sencillo armar una pequeña red privada o pública.
El proceso es similar al comentado antes, pero, esta vez, en lugar de usarlo como alternativa para los comentarios del blog, lo usaremos en un blog nuevo que sólo contendrá eso así que primero lo creamos y luego, lo agregamos y seleccionamos el lenguaje.
A partir de ese momento, las opciones que nos muestran son la forma en que controlaremos las alternativas que tienen los usuarios para comentar: con una cuenta de Facebook (el API Key la obtenemos siguiendo los pasos indicados en la misma página)
, con OpenID, con una cuenta de Yahoo o de Twitter, etc. También conviene marcar Akismet para manejar el spam, para esto último, requerimos registrarnos en wordpress.com aunque no es necesario crear un blog, basta solicitar un nombre de usuario: Gimme a blog! (Like username.wordpress.com)
Just a username, please.
Just a username, please.
El resto dependerá un poco de lo que nosotros decidamos:
- Settings moderation permite establecer los datos básicos, elegir el moderador principal y eventualmente, agregar otros; seleccionar los niveles de seguridad, restringir palabras, enlaces, establecer lista "blancas" o "negras", etc.
- Settings Customize nos permite personalizarlo gráficamente
- Settings General nos permite modificar los tipos de logins admitidos (incluyendo la posibilidad de video comentarios; quien pueden comentar (registrados o no), crear categorías, etc.
El código necesario lo vamos a obtener desde Universal Code.
Ahora, en Blogger, limpiaremos nuestra plantilla de elementos y secciones, sólo necesitamos un HEAD y un BODY elementales:
Ahora, en Blogger, limpiaremos nuestra plantilla de elementos y secciones, sólo necesitamos un HEAD y un BODY elementales:
<head>
<b:include data='blog' name='all-head-content'/>
<title><data:blog.pageTitle/></title>
<b:skin><![CDATA[
body {background: #FFF; color: #777; font-family: Arial; font-size: 12px; margin: 0; text-align: center;}
#navbar {display: none; height: 0; visibility: hidden;}
a:link, a:visited {color: #006400; font-family: arial; text-decoration: none;}
a:hover {color: #3F9CC7; text-decoration: underline;}
#header-wrapper {background-color: #000; margin: 0 auto; text-align: center;}
#header-wrapper h1 {color: #92C72A; font-size: 50px; font-weight: normal; line-height: 100px; margin: 0;}
#outer-wrapper {margin: 0 auto; padding: 10px; text-align: left;}
#content-wrapper {margin: 0 auto; width: 600px;}
]]></b:skin>
</head>
<body>
<div id='outer-wrapper'>
<div id='header-wrapper'>
<h1>mensajes</h1>
</div>
<div id='content-wrapper'>
<div id='disqus_thread'/>
<script src='http://disqus.com/forums/minombre/embed.js' type='text/javascript'/>
<noscript><a href='http://disqus.com/forums/minombre/?url=ref'>View the discussion thread.</a></noscript>
<a class='dsq-brlink' href='http://disqus.com'>prueba de comentarios utilizando <span class='logo-disqus'>Disqus</span></a>
</div>
</div>
</body>
Y eso es todo, luego, podemos mostrarlo de deferentes modos, por ejemplo, dependiendo del espacio disponible podría agregarse como IFRAME en un elemento HTML cualquiera:
<div align="center">
<iframe scrolling="yes" style="width:100%;height:400px;" frameborder="0" marginheight="0" src="URL_blog" marginwidth="0" align="middle"></iframe>
</div>
o lanzarlo con una ventana modal como esta:
<a class="lightwindow" href="URL_blog" params="lightwindow_width=750,lightwindow_height=600,lightwindow_loading_animation=true" title="" rel=""> MENSAJES </a>
Este es un modelo de pruebas:
0 comentarios:
Publicar un comentario