feliz navidad

Gracias a todos... Gracias por aún seguir aquí...

Poner siempre una misma entrada en el blog

A veces es muy necesario que nuestro blog presente una entrada en particular que muestre a nuestros visitantes esa entrada con información que a nuestro juicio puede resultar interesante o de valiosa ayuda a quienes visitan el blog.

Hacer que dicha entrada aparezca siempre en primer plano cada vez que alguien entra en el blog es muy sencillo. Solo debemos tener en cuenta ciertos pasos a seguir una vez que tengamos publicada la entrada en cuestión.

Primero publicamos la entrada que queremos que se muestre siempre al principio de todas las entradas, y una vez publicada la entrada (se la publica igual que cualquier entrada) nos vamos a escritorio, editar entrada, y una vez allí, seleccionamos la entrada que queremos se muestre siempre en primer lugar. A esa entrada le editamos la fecha de publicada. Te explico. La entrada que seleccionamos tiene la fecha normal de publicada, o sea, la fecha actual. Allí, le cambias la fecha actual por una que sea un poco más adelante (si la entrada que quieres mostrar tiene como fecha 15 diciembre 2015, la cambias a 15 diciembre 2020) y listo. Así, la entrada siempre aparecerá en primer lugar aún si después de ella publicas otras entradas.

Si quieres que la entrada vuelva al lugar normal, solo tienes que editar la fecha de publicación y todo volverá a su normalidad.

Esto es bastante conveniente cuando lo que queremos es mostrar o destacar alguna entrada en particular, ya sea alguna noticia en particular o alguna promoción que realices en tu blog. Una vez que se consiguió nuestro propósito volvemos la entrada a su normalidad.

Espero que este truco te haya servido de ayuda. 

Poner imágenes o videos en los comentarios del blog

Existe una manera muy sencilla para que nuestros lectores puedan poner una imagen o video en los comentarios de nuestro blog.

Claro que para ello nosotros debemos insertar un código dentro de nuestra plantilla para que este truco de resultado y así nuestros lectores puedan hacerlo.

Este truco lo hizo el potro y me pareció baste útil y fácil de realizar.

Lo primero que deben tener en cuenta es que este truco se tiene que utilizar con moderación o nuestro blog se resentirá por el exceso de carga y tardará en mostrarse la entrada en cuestión. Recuerden que este truco solo funciona en las entradas individuales.

Dicho esto, sigamos con el truco. Primero entren en plantilla, edición html, y antes de  </body> peguen este script:

<script>
//<![CDATA[
// Insertar imágenes y videos en los comentarios (ciudadblogger.com)
function InsertarImagenVideo(id) { 
var IDelemento = document.getElementById(id),
sustituir = IDelemento.innerHTML;
sustituir = sustituir.replace(/\[img\](.[^\]]*)\[\/img\]/ig, "<img class='img-comentarios' src='$1'\/>");
sustituir = sustituir.replace(/\[video\]https:\/\/www\.youtube\.com\/embed\/(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$1'><\/iframe>");
sustituir = sustituir.replace(/\[video\](https:\/\/youtu\.be\/|https:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/youtu\.be\/|http:\/\/www\.youtube\.com\/watch\?v\=)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='https://www.youtube.com/embed/$2'><\/iframe>");
sustituir = sustituir.replace(/\[video\](http:\/\/player\.vimeo\.com\/video\/)(.*?)\[\/video\]/ig, "<iframe class='vid-comentarios' src='http://player.vimeo.com/video/$2'><\/iframe>");
document.getElementById(id).innerHTML = sustituir;} InsertarImagenVideo('comment-holder');
//]]>
</script>
<style>
<!--
#comment-holder .img-comentarios, #comment-holder i[rel="image"] {
max-width: 450px;
width: auto;
height: auto;
display: block;
border: 5px solid #FFF;
margin: 0 auto;
padding: 0;
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 
}
#comment-holder .vid-comentarios {
width: 450px; 
height: 253px; 
display: block;
margin: 0 auto;
padding: 0;
border: 5px solid #FFF; 
box-shadow: 1px 1px 5px rgba(0, 0, 0, .1); 
}
-->
</style>

Con esto, los que comenten podrán insertar un video o una imagen con tal solo poner la url del video o la imagen en sus comentarios, poniendo tan solo este código:

[img]URL de la imagen[/img] para imagen, y

[video]URL del video[/video] para video.

Lógicamente deberán reemplazar la url del video o la imagen por la url del video o imagen que deseen.

Poner aviso de políticas de uso de cookies en el blog

Aunque solo es obligatorio cuando se utiliza google analytics, el uso del aviso de políticas del uso de cookies en la web ya se ha generalizado por casi toda la red. Y esto en parte se debe a que al principio una ley obligaba a que toda página web advierta a los visitantes que están siendo monitoreados y que el "rastro" que dejaban al navegar por la web iba a ser usada por google  para conocer más sobre gustos y preferencias del visitante y de acuerdo a esa información, google podría ofrecerle información "más relevante", lo que a ciertos "defensores de la privacidad" les pareció que vulneraba derechos.

En fin, que, so pena de recibir una multa que no es para nada tranquilizadora (algunos dicen que se trata de muchos miles de dólares) nos veremos en la imperiosa necesidad de poner nuestro aviso de cookies para alertar a nuestros visitantes.

La buena noticia es que poner este gadget no es complicado. Solo debes ir a diseño, agregar un gadget html y pegar allí este código:

<div id="barritaloca" style="display:none;position:fixed;left:0px;right:0px;bottom:0px;width:100%;min-height:40px;background: #f3f3f3;color:#000000;z-index: 99999;">
<div style="width:100%;position:absolute;padding-left:5px;font-family:verdana;font-size:12px;top:30%;">
 Estamos obligados a avisarte que esta web utiliza cookies de todos lados para fastidiarte, asi que si continúas navegando aceptas esta política absurda de cookies.
 <a href="javascript:void(0);" style="padding:4px;background:#000;text-decoration:none;color:#f1f1f1;" onclick="PonerCookie();"><b>Acepto</b></a>
 <a href="http://www.google.com/intl/es-419/policies/technologies/cookies/" target="_blank" style="padding-left:5px;text-decoration:none;color:#666666;">Conoce más</a>
</div>
</div>
<script>
function getCookie(c_name){
 var c_value = document.cookie;
 var c_start = c_value.indexOf(" " + c_name + "=");
 if (c_start == -1){
  c_start = c_value.indexOf(c_name + "=");
 }
 if (c_start == -1){
  c_value = null;
 }else{
  c_start = c_value.indexOf("=", c_start) + 1;
  var c_end = c_value.indexOf(";", c_start);
  if (c_end == -1){
   c_end = c_value.length;
  }
  c_value = unescape(c_value.substring(c_start,c_end));
 }
 return c_value;
}
function setCookie(c_name,value,exdays){
 var exdate=new Date();
 exdate.setDate(exdate.getDate() + exdays);
 var c_value=escape(value) + ((exdays==null) ? "" : "; expires="+exdate.toUTCString());
 document.cookie=c_name + "=" + c_value;
}
if(getCookie('aviso')!="1"){
 document.getElementById("barritaloca").style.display="block";
}
function PonerCookie(){
 setCookie('aviso','1',365);
 document.getElementById("barritaloca").style.display="none";
}
</script>

Lo que puedes personalizar para que el aviso te quede chido. El aviso Estamosobligados..., que puedes poner la lectura que se te ocurra siempre recuerda hacer alusión a la política de cookies; en background: #f3f3f3 que es el color de fondo del aviso y color:#000000 que es el color de las letras. También puedes cambiar  background:#000;text-decoration:none;color:#f1f1f1 que es el color de fondo y de la palabra acepto.

Aunque a mi me gusta tal como muestra la imagen, ustedes pueden personalizarla de acuerdo a su gusto.

Sácale partido al enlace "leer más"

La mayoría de los blogs traen por defecto el enlace de "leer más" en su plantilla,  pero así mismo, la mayoría ignora el verdadero valor de éste enlace y sus ventajas...

Si bien es cierto que para todos es sabido que éste truco tan solo se limita a acortar una entrada extensa, su utilidad va un poco más allá de simplemente minimizar una entrada bastante larga.

Todos queremos que nuestro blog sea rápido al cargar nuestras entradas, y más aún si en él hemos puesto algunas imágenes o videos. Y si nuestro blog se demora en mostrar esas imágenes, o videos, corremos el riesgo de que nuestro visitante pierda la paciencia y opte por abandonar nuestro blog a medio cargar. Es que en esto de velocidad en la web, los segundos son cruciales. Unos cuántos segundos de más y pasamos al olvido. Es así de simple.

Pero, precisamente es allí donde el enlace de "leer más" entra en acción. A todos nos gusta que nuestro blog muestre la mayor cantidad de entradas posibles, en un tiempo récord, y este enlace nos ayuda a que nuestras entradas extensas se "compriman", dejando que las imágenes o videos que están dentro de las entradas se muestren únicamente cuando se pinche en una entrada específica, ganando segundos que pueden marcar la diferencia entre seguir o abandonar nuestro blog...

Sí, es sencillo, pero muchos pasamos por alto este detalle que, usándolo de manera apropiada, nos puede ayudar a optener muchos más visitantes. La idea es hacer efectivo nuestro propósito: que nuestro visitante permanezca en el blog y se interese por nuestra entrada. 

No se trata de eliminar imágenes sino que, situándolas de manera estratégica darle mayor soltura a la carga del blog... Y con  ello ganamos mucho más de lo que de manera habitual no podríamos. Y si nuestro blog esta repleto de scripts o artilugios, el tiempo de carga será un verdadero suplicio.

Así que si quieres ganar segundos que hagan la diferencia, empieza a ordenar las entradas del blog de manera estratégica y sácale ventaja al enlace, que, aunque no lo creas, es de mucha utilidad.

Nuevo likebox de facebook en el blog

Facebook ha dicho que dejará de dar soporte al likebox (la famosa caha de "me gusta") y en su lugar proporcionará uno mejorado. Así que los que teníamos el likebox instalado en nuestro blog no nos queda más remedio que aceptar los cambios y acomodarnos al nuevo.

Al principio me pareció tedioso tener que cambiar nuevamente los códigos, mover aquí, reemplazar allá. Pero cuando fui a la página de facebook developers para conocer el nuevo likebox (ahora le llaman"page plugin" o botón de página) de verdad me pareció bastante chulisimo y (como dirían los gringos: más very good)

Pues nada, que aquí les digo como cambiarlo de manera rápida y sin mucho lío.

Una ves que están en la página de facebook, ponen los datos que les piden (tu id de facebook), y si no quieren complicarse la vida editando tamaño, color, etc, lo dejan de la medida que esta allí por defecto. Si quieren que la nueva cajita les salga con un enlace de la entrada de su pagina de facebook, marcan la casilla "show page post". Y tendrán algo así como esto:

SI no quieren lo desmarcan, y asi saldrá la caja normal.

Luego de esto dan en generar código y aparecera dos códigos que deberan copiar y pegarlos juntos en un gadget del blog.

Estos son los códigos. Los he unido para que formen un solo cuerpo.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/es_LA/sdk.js#xfbml=1&version=v2.3";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/149171335193313" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/149171335193313"><a href="https://www.facebook.com/149171335193313">Bloger &amp; Bloger</a></blockquote></div></div>

No olviden cambiar la cuenta de facebook por la de ustedes (esa que está en números, se repite 3 veces) y poner guardar.

Si lo hicieron bjen, el nuevo likebox tendra que aparecer mas o nenos así:

Bloger & Bloger

Recuerden que si quieren personalizarlo deben cambiar las medidas en width= y en height dentro de la misma página de facebook

Por lo demás, la cosa no es nada del otro mundo...
Y ya que estás aquí, aprovecha y dale like, te lo agradeceré.

Estoy de vuelta...

Hace bastante tiempo que no me he preocupado de escribir en este blog. Y no es que no haya querido hacerlo o ya no me interese, desgraciadamente fue algo que no estuvo en mis manos que me obligó a tomar en aquella ocasión esa decisión.

Sucedieron un montón de cosas y todas casi al mismo tiempo que prácticamente no me dejaron otra alternativa. Pero en ningún momento se me pasó por la cabeza abandonar este blog.

Me gusta escribir en este blog, y ayudar a rediseñarlos me encanta todavía más.

Soy un apasionado del diseño web.

Pero las circunstancias...

Hoy, después de mucho abandono, y algo de tiempo recuperado, me he sentado en mi escritorio y espero volver a recuperar este blog.

Ya no estoy tan consumido por el tiempo y ya no tengo tantas cosas que hacer al mismo tiempo, ni con tanto apremio.

Estos días lo he vuelto a revisar y me ha traído tantos y tan valiosos recuerdos...

Hoy las aguas se han calmado y he vuelto a donde -ahora lo sé- no debí haberme ido nunca, o por lo menos, no debí abandonar del todo.

Trataré de escribir lo más seguido posible, y haré lo que esté en mis manos por responder los comentarios que me escriban.

Gracias a los que aún visitan este blog. Y un millón de gracias a los que me ayudaron con sus comentarios.

A todos... Dios les pague.