Ocultar-eliminar el perfil (About me)

Me preguntaban cómo hacer para que el perfil quede oculto en la sidebar, pero sin quitar la opción de poder verlo cuando dejamos un comentarios en otro blog o en el nuestro es decir, ya no se mostrará esto:



quedando invisible en la sidebar:



pero cuando dejemos un comentarios se verá esto y también la imagen en los comentarios:

Para hacerlo, hay dos formar dependiendo si la plantilla es clásica o no.

PLANTILLA CLÁSICA

Para eliminar el perfil bastará con buscar el siguiente código en tu plantilla y borrar lo resaltado:

<!-- Begin #sidebar -->
<div id="sidebar"><div id="sidebar2">
<!-- Begin #profile-container -->
<$BlogMemberProfile$>
<!-- End #profile -->

PLANTILLA DE BLOGGER BETA

Si bien hay varias formas de ocultar el perfil, aquí les enseñaré la que yo usé. Explicando un poco, la solución sería ligar el widget del perfil a una entrada que no usemos. Parece complicado, pero es algo muy sencillo de hacer.

♠ Lo primero que tenemos que hacer es crear una entrada que siempre estará guardada como borrador, una entrada "ficticia". La publicamos y copiamos la URL de la entrada.
♠ Luego de publicada esta entrada, vamos a Diseño/ Edición de HTML y expandir artilugios.
♠ En la plantilla, localizamos el widget del perfil (lo más fácil es hacerlo por su título , si lo tiene). En la imagen del "antes" pueden ver que mi widget se llama, "Datos personales", en tu plantilla debes de buscar el título que le pusiste al perfil:

<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>
<b:includable id='main'>

♠ Debajo de <b:includable id='main'> añades <b:if cond='data:blog.url == "URL_PAGINA_DE_ENTRADA"'> de manera que el código quede así:

<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>
<b:includable id='main'>
<b:if cond='data:blog.url == "URL_DE_LA_ENTRADA"'>

♠ Después deberás de seguir buscando hacia abajo hasta que veas el primer </b:includable> y antes de éste, pegas el siguiente código: </b:if>

♠ Damos click en guardar plantilla. Luego, guardamos como borrador nuestra entrada ficticia y ahí se quedará, ocultando nuestro perfil. Si publicamos esta entrada, el perfil sólo se mostrará en esa entrada en particular porque le hemos ligado el widget del perfil.

Espero que sea útil a las personas que preguntaban sobre una solución para este caso.

Iconfu » crear íconos online

Con Iconfu podrás crear tus íconos online. Podrás dibujar tus íconos y retocarlos con la variedad de herramientas que ofrece :colores, esquinas redondeadas, formas, sombras,etc

Además, si deseas usar íconos ya hechos por otrso, podrás hacerlo ya que Iconfu alberga una gran librería de íconos compartidos. Y lo mejor es que si deseas, podrás retocarlos a tu gusto.

Títulos de la sidebar personalizados III: fondos con imágenes distintas

Hace un tiempo habíamos visto cómo personalizar los títulos de la sidebar con colores y bordes y luego con imágenes e íconos. Ahora vamos a ver otra forma de personalizar los títulos de nuestra sidebar . Y esta tercera forma viene a raíz de algunas preuntas, como la que hizo G:

Aprendí mucho con este tutorial, pero, cómo hago para poner imágenes diferentes para cada título de la sidebar? ¿es posible?

La respuesta es afirmativa y ahora vamos a ver cómo hacerlo.

♠ Lo primero que haremos será ingresar a nuestro blog y de ahí a Diseño/ Edición de HTML y Expandir plantillas de artilugios.
♠ Luego, buscamos el id del widget al que queremos poner un fondo a su título. Será sencillo de localizarlo si es que tiene un nombre. Por ejemplo, si mi gadget se llama "Datos personales" busco este nombre. Cuando lo encuentre se verá así:

<b:widget id='Profile1' locked='false' title='Datos personales' type='Profile'>

Entonces, el id de este gadget es lo que está en negrita (Profile1) no incluyendo las comillas.

♠ Una vez que tengamos los id del gadget o gadgets cuyos títulos querramos cambiar de fondo, buscamos lo siguiente.Si nuestra plantilla es la mínima buscamos:

/* Sidebar Content
-------------------------------*/

Si usamos la plantilla rounders, buscamos:

/* Sidebar Boxes
-------------------------------*/

♠ Debajo de éste pegamos lo siguiente:

#Profile1 h2 {
background: url(AQUÍ-URL-IMAGEN-FONDO) left top;
}

Si queremos agregar otra imagen de fondo al título de otro gadget bastará con buscar su id y colocar un código igual al anterior solo que borraremos Profile1 y pondremos el id del otro gadget.

Si queremos colocar un ícono en lugar de un fondo, cambiaremos el código anterior del background por este otro: background: #FFFF99 url(aquí-imagen) no-repeat right; y seguiremos los otros pasos.

El resultado será el siguiente:

Últimos comentarios con fecha y título del post

Hace un tiempo vimos cómo incluir una lista de últimos comentarios en nuestra sidebar de forma sencilla. En aquella ocasión, les dije que con ésa forma, sólo podíamos incluir cinco comentarios y que en futuros post les enseñaría otras formas de incluir más de cinco comentarios.
El tiempo pasó y olvidé de hacerlo, pero gracias a un comentario de Shirubia volví a recordarlo.

Si bien es cierto que hay varios scripts para lograr ésto, hoy vamos a ver uno que nos permitirá mostrar la fecha del comentarios y el título del post del que procede el mismo.

Bien, sin más preámbulos, empecemos.

♠ Lo primero que debemos hacer es ir a Diseño/ Elementos de la página y Añadir un gadget.
♠ Hacemos click en "HTML/Javascript" y pegamos el siguiente script:

<script type="text/javascript">
function showrecentcomments(json) {
for(var i=0; i < a_rc; i++) {
var b_rc=json.feed.entry[i];var c_rc;
if(i==json.feed.entry.length)break;
for(var k=0; k < b_rc.link.length; k++) {
if(b_rc.link[k].rel=='alternate') {
c_rc=b_rc.link[k].href;break;
}
}
c_rc=c_rc.replace("#","#comment-");
var d_rc=c_rc.split("#");
d_rc=d_rc[0];
var e_rc=d_rc.split("/");
e_rc=e_rc[5];
e_rc=e_rc.split(".html");
e_rc=e_rc[0];
var f_rc=e_rc.replace(/-/g," ");
f_rc=f_rc.link(d_rc);
var g_rc=b_rc.published.$t;
var h_rc=g_rc.substring(0,4);
var i_rc=g_rc.substring(5,7);
var j_rc=g_rc.substring(8,10);
var k_rc=new Array();
k_rc[1]="Ene"; k_rc[2]="Feb"; k_rc[3]="Mar"; k_rc[4]="Abr";
k_rc[5]="May"; k_rc[6]="Jun"; k_rc[7]="Jul"; k_rc[8]="Ago";
k_rc[9]="Sep"; k_rc[10]="Oct"; k_rc[11]="Nov"; k_rc[12]="Dic";
if("content" in b_rc){
var l_rc=b_rc.content.$t;
} else if("summary" in b_rc) {
var l_rc=b_rc.summary.$t;
} else var l_rc="";
var re=/<\S[^>]*>/g;
l_rc=l_rc.replace(re,"");
if(m_rc==true)document.write(k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');
document.write('<li><b>' + b_rc.author[0].name.$t + '</b>');
if(n_rc==true)document.write(f_rc);
document.write(':<br/>');
document.write('<a href="' + c_rc + '">');
if(l_rc.length < o_rc) {
document.write(l_rc);
} else {
l_rc=l_rc.substring(0,o_rc);
var p_rc=l_rc.lastIndexOf(" ");
l_rc=l_rc.substring(0,p_rc);
document.write(l_rc+'…');
}
document.write('</a></li>');
}
}
</script>

<script type="text/javascript">
var a_rc=10;
var m_rc=true;
var n_rc=false;
var o_rc=70;
</script>

<script src="http://AQUÍ-TU-BLOG.blogspot.com/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Explicación:

» Donde dice "AQUÍ-TU-BLOG" deberemos de poner la dirección de nuestro blog.
» var a_rc=10; nos indica el número de coemntarios a mostrar.
» var m_rc=false; nos indica si mostraremos la fecha de los comentarios: true para mostrar la fecha y false para omitirla.
» var n_rc=false; permitirá que se muestre el título del post del que procede el comentario. Igual que el anterior código, true para mostrar el título y false para omitirlo.
» var o_rc=70; , aquí podremos graduar el número de letras que se mostrará por cada comentario.

♠ Damos click en Guardar y listo, ya tendremos la lista de últimos comentarios en nuestra sidebar.

GameGames.com

GamesGames.com es un sitio web donde no sólo encontrarás entretenimiento sino que te permitirá agregar juegos a tu blog.

Para agregar un juego selecciona el código que te proporcionan y pégalo en tu blog. Hubo un juego que me gustó mucho se llama Burger Restaurant II y se los dejo.
Ya saben en GamesGames.com encontrarán éste y otros juegos!

Click para jugar [+/-]

Qué es un IFRAME

Despejando algunas dudas sobre algunos términos, he decidio hacerlo primero con IFRAME. Quizás el IFRAME más usado en los últimos tiempos (en el caso de los blogs) sea el gadget de Seguidores.

Pero , qué es exáctamente un IFRAME? De acuerdo a Wikipedia, un IFRAME es un elemento HTML que permite insertar o incrustar un documento HTML dentro de un documento HTML principal.
Explicándolo de una forma sencilla, un IFRAME nos permite incluir un objeto externo, como un documento HTML.

Una de las ventajas es que podemos agregar a nuestro blog contenidos de otros blogs o web, como YouTube:



Para agregar un IFRAME bastará agregar el siguiente código:

<iframe src="AQUÍ_LA_PÁGINA-HTML" width="300" height="400">
Aquí colocamos un texto alternativo para los usuarios que no ven IFRAMES, tipo "su navegador no soporta IFRAMES"
</iframe>

Donde podemos configurar el ancho y alto del IFRAME.

Mostrar los últimos post en la sidebar (forma sencilla)

Hace un tiempo lo agregué a mi blog y quizás a alguien más le interese agregarlo al suyo. Agregar este gadget de "Últimos comentarios" no es nada complicado.

♠ Para empezar , vamos a Diseño/ Añadir un gadget y Feed
♠ En el gadget escribiremos la siguiente dirección:

http://aquitublog.blogspot.com/feeds/posts/default

Donde reemplazaremos aquitublog por el nombre de nuestro blog.

Probé con varios blogs de pruebas y en todos funcionó, menos en uno que tenía la plantilla Rounders ; si les sucede lo mismo, deberán de poner en vez de la dirección anterior, la siguiente:

http://aquitublog.blogspot.com/feeds/posts/full

♠ Damos click en "Continuar". En la ventana podremos configurar el título del gadget, el número de artículos a mostrar, si incluiremos las fechas y autores.


♠ Una vez que hayamos configurado todo, damos click en "Guardar" y éso es todo. Como les dije, nada complicado y muy sencillo.