22 junio 2016

CÓMO PONER LOS COMENTARIOS RECIENTES EN EL LATERAL DE TU BLOG

Perdón por haber estado tanto tiempo sin escribir, pero con los exámenes, los trabajos y demás no he podido. Pero prometo compensar el tiempo perdido con el mega tutorial que te traigo hoy.


Pensaba hacer este tutorial con el programa de Way2blogging, pero al ir a revisarlo he visto que el servidor ha dejado de funcionar. Y he pensado, ¿ y ahora cómo lo hago?

Muy fácil, con un código HTML. En serio, me he comido un poco la cabeza para que funcione pero ya está operativo. Puedes verlo en el lateral del blog, basta con bajar un poquito.

Queda bien y puede ser un truco para obtener más comentarios en tu blog.


Te lo voy a explicar paso a paso:
  • Diseño
  • Añadir gadget
  • HTML/ Javascript



  • Pones el titulo que quieras: últimos comentarios, comentarios recientes...



  • Y pones este código:
<style type="text/css">
ul.latest_recent_comments{list-style:none;margin:0;padding:0}
.latest_recent_comments li{position: relative;background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none}
.latest_recent_comments li a{float:right;width:250px;font-size:12px;font-family:Trebuchet;color:#888;background:#transparent;margin-top:9px;padding:10px 7px 5px;border-right:3px solid #5390ad}
.latest_recent_comments li a:hover{color:#fff !important}
.latest_recent_comments li a:hover{color:#5390ad;background:#transparent}
.latest_recent_comments li .avatarImage{float:left;margin:0 6px 0 0;position:relative;overflow:hidden}
.avatarRound{width:34px;height:34px}
.latest_recent_comments li img{padding:0;position:relative;overflow:hidden;display:block}
.latest_recent_comments li span{position: absolute;left:42px;padding:1px 3px;color:#75d7ff;background:#transparent;display:block;font-size:16px;line-height:1.4}
.latest_recent_comments span{display:none}
</style>
<script type='text/javascript'>
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}('8 z=z||5,2=2||1E,p=p||18,7=7||"17://14.13.6/-11-V/U-1y/1t/1b/12/10.w",x=x||" X &1d;",k="l"===m k?!0:k,n="l"===m n?!1:n,9="l"===m 9?!0:9,K="l"===m K?!1:9;16 M(h){8 c;c=\'<E B="M">\';A(8 e=0;e<z;e++){8 f,g,a,d;15(e==h.F.G.o)1c;c+="<H>";8 b=h.F.G[e];A(d=0;d<b.r.o;d++)"S"==b.r[d].T&&(f=b.r[d].y);A(d=0;d<b.v.o;d++)g=b.v[d].W.$t,a=b.v[d].Y$Z.I;-1!=a.3("/J/")?a=a.q("/J/","/s"+2+"-c/"):-1!=a.3("/D/")?a=a.q("/D/","/s"+2+"-c/"):-1!=a.3("/L-c/")&&0!=a.3("j:")?a="j:"+a.q("/L-c/","/s"+2+"-c/"):-1!=a.3("u.6/i/1a-N.C")?a="j://1.O.P.6/-1e/1f/1g/1h-1i/s"+2+"/1j.w":-1!=a.3("u.6/i/1k-N.C")?a="j://4.O.P.6/-1l/1m/1n/1o/s"+2+"/1p.w":-1!=a.3("u.6/i/1q.C")&&(a=-1!=7.3("1r.6")?7+"&s="+2:7);!0==k&&(d=!0==9?"1s":"",c+=\'<Q B="1u \'+d+\'"><i B="\'+d+\'" I="\'+a+\'" 1v="\'+g+\'" 1w="\'+2+\'" 1x="\'+2+\'"/></Q>\');c+="<R>"+g+"</R>";b=b.1z.$t.q(/(<([^>]+)>)/1A,"");""!=b&&b.o>p&&(b=b.1B(0,p),b+="&1C;",!0==n&&(b+=\'<a y="\'+f+\'">\'+x+"</a>"));c+=\'<a y="\'+f+\'">\'+b+"</a>";c+="</H>"}c+="</E>";1D.19(c)};',62,103,'||avatarSize|indexOf|||com|defaultAvatar|var|roundAvatar|||||||||img|http|showAvatar|undefined|typeof|showMorelink|length|characters|replace|link|||blogblog|author|png|moreLinktext|href|numComments|for|class|gif|s220|ul|feed|entry|li|src|s1600|hideCredits|s512|latest_recent_comments|rounded|bp|blogspot|div|span|alternate|rel|UPb7SL|32nw|name|More|gd|image|personal|5YeC_6|s80|googleusercontent|lh5|if|function|https|40|write|b16|QJRpUV7G9bc|break|raquo|NAMZejK41So|T0evV0_SSUI|AAAAAAAACso|ol6|PKkZipA|md_blogger_logo|openid16|k0U7v1WpNRs|T0euKMHQi_I|AAAAAAAACsg|DNqzinhvxt4|md_openid_logo|blank|gravatar|avatarRound|AAAAAAAABWE|avatarImage|alt|width|height|uGXI|content|ig|substring|hellip|document|34'.split('|'),0,{}))
</script>
<script type="text/javascript" src="http://lovelyandcrazi.blogspot.com/feeds/comments/default?alt=json&callback=latest_recent_comments&max-results=5"></script>

NOTA:

En naranja pones la URL de tu blog. ( o a lo mejor sale gris si es un enlace ya visitado).
Rojo tamaño de la letra del comentario.
Amarillo la fuente en la que quieres que esté escrito.
Verde, color de la letra del comentario
Azul, color del nombre del usuario que dejó el comentario.
Morado, tamaño del nombre del usuario.


¿Ves que fácil?

Ahora puedes dejarme un comentario para ver tu carita ahí :)

¡¡Espero que te haya gustado!!

Besos,


06 noviembre 2015

COMO PROGRAMAR UN POST PARA QUE SE PUBLIQUE SOLO

Es de lo más práctico. Ya verás:

  • Pinchas en Entrada nueva como si fuéses a escribir cualquier post.
  • Y en las opciones de la derecha, donde dice Configuración de las entradas, pinchas en Programar.
Entonces te saldrá esto:
                               
 


  •  Y pinchas en Establecer fecha y hora
  •  Te saldrá un calendario marcando el día de hoy, y pones el día que quieras que se publique y la hora
  • Y cuando tienes ya la fecha y hora, pinchas en Finalizado.
  •  Cuando termines, le das a Publicar como de costumbre, y verás entonces que en la lista de tus posts, se verá programado en naranja y cursiva.
Besos,

22 septiembre 2015

COMO CAMBIAR EL COLOR QUE APARECE CUANDO ALGUIEN SELECCIONA ALGO EN NUESTRO BLOG

¿Has visto alguna vez un blog o web donde al seleccionar el texto, en lugar de salir en azul pitufo te sale de otro color?

Si quieres hacerlo:
  • Vas a plantilla
  • Editar HTML
  • Buscas:  ]]></b:skin>
  • Escribes justo encima este código pero cambiando lo que hay en rosa por los colores que quieras:

::-moz-selection  { 
Background: #7BD6B3
color: #5E5E5E
text-shadow: none;  
  
::selection   { 
background: #7BD6B3
color: #5E5E5E
text-shadow: none;  
  


El código 7BD6B3 es donde tienes que escribir el código hexadecimal del color que quieres que sustituya al azul pitufo. 
El código 5E5E5E5E es el que he puesto yo para que se vea el texto debajo del otro color. Si te fijas, normalmente se ve blanco.

Si te ha gustado el truco, puedes dejarme un comentario con el link a tu blog para poder verlo en acción.

Besos,




23 julio 2015

COMO SUBIR VIDEOS DE YOUTUBE A TU BLOG

Ya verás que es muy fácil así que te lo voy a explicar paso a paso:
  • Pincha en el icono de cine que hay al lado del icono de insertar fotos.

  • Desde youtube
  • Escribes el vídeo que quieras, seleccionas y listo.
Tiene un tamaño de 320 x 266 pixels.

Tiemes 2 opciones.

Opción 1
  • Vas a youtube y buscas el vídeo que quieres
  • Le das a compartir
  • Y después, a insertar.


  • Después copias el código que sale
Puedes elegir el tamaño que quieras de entre los que te ofrece.
Luego lo pegas en la vista HTML del blog. Yo lo hago así.

Voy escribiendo mi entrada y justo donde voy a poner el video, cambio la vista a HTML. Bajo y lo pongo justo al final de todos los códigos que salen. Luego vuelvo a cambiar a la vista redactar y sigo escribiendo mi entrada.

Opción 2  (usando la opción de  la claqueta de cine)

  • Vas a redactar en HTML y directamente borras el 320 de ancho (número entre comillas detrás de width) y pones la medida que quieras y luego haces lo mismo con el 266 de alto (número entre comillas detrás de height).
Si quieres centrar el video pones <center> al principio del código de Youtube y </center> al final del mismo.

También tienes otra manera de hacerlo.

Cuando le das a compartir y te salen los iconos de las redes sociales le das a Blogger y ya.

Besos,



04 junio 2015

QUITAR LA VERIFICACIÓN DE PALABRAS EN LOS COMENTARIOS DE TU BLOG

Cuando creas un blog, Blogger por defecto te activa la verificación de palabras, por eso hay gente que no se entera que la tiene activada.


Esto es el código captcha (o código ilegible) que hay que introducir en algunos blogs antes de comentar.

En principio, si le das a Publicar, se debería publicar. Pero no.


Así que ahora te toca tratar de adivinar qué pone aquí y escribirlo. Si no lo tienes claro tendrías que dar a la flechita redondeada para que te genere otro código.

Yo te recomiendo quitarlo porque ¿en serio no has visto algo más molesto? Porque si soy yo, dejo el comentario y me largo.

La verificación de palabras es para evitar el Spam. Pero no pasa nada, Google ya tiene otras formas de prevenirlo. Y si ves alguno, pues lo borras.

Es mucho mejor tener que borrar un comentario a mano una vez al mes, que dejar pasar la oportunidad de que gente real a la que les gusta tu blog comente.

Para borrarlos:
  •  En el listado de la izquierda dentro de la página de Blogger, pinchas en Comentarios (cuarta opción).

 
  • Y luego, al pasar por encima de ellos te aparece la opción Suprimir.
Vamos a ver esas opciones:
  • En el listado de la izquierda, vas a Configuración (última opción)
  • Y dentro del sub-menú, a Entradas y comentarios (segunda opción)
  1. Ubicación de los comentarios: A mí, me gustan debajo de la entrada ya que si eliges ventana emergente no puedes responder justo debajo del comentario.
  2. ¿Quién puede realizar comentarios?: Cualquiera
  3. Moderación de comentarios: Nunca
  4. Mostrar la verificación de palabras (o código odioso): NOOOOOOOOO
  5. Mostrar enlaces de retroceso: Ocultar
  6. Mensaje del formulario de comentarios: Puedes poner lo que quieras.
Besos,

02 junio 2015

ENLACES PERMANENTES PERSONALIZADOS

En mi opinión, esta es una muy buena manera de mejorar el posicionamiento de tu blog. Indefinidamente de si eres más o menos fan del SEO (posicionamiento en buscadores).

Blogger crea automáticamente las urls de las páginas basándose en el título que le pones a tu entrada o post.

¡Pero los acorta!

Siempre es: http:// web / año / mes / url-que-le-da-blogger

Siempre los acorta, como por ejemplo, uno de mis posts:

http://lovelyandcraziblogs.blogspot.com/2015/5/como-quitar-suscribirse

Cuando en realidad es (porque lo cambié):

http://lovelyandcraziblogs.blogspot.com/2015/5/como-quitar-suscribirse-a-entradas-atom

Os cuento cómo personalizar vuestra URL paso a paso:
  • Vas a Enlace permanente (bajo Configuración de las entradas)
  • Eliges la opción Enlace permanente personalizado
  • Escribes lo que quieras separado por guiones en el recuadro. (si no lo ves pulsas en el y en tu teclado pulsas la tecla que tiene una flechita a la derecha. Eso te llevará justo donde acaba la URL para seguir escribiendo)
  • Pinchas en listo.
Es muy fácil de utilizar y de esta manera podrán encontrar tus posts más fácilmente en Google. Espero que lo uses mucho, ya verás que útil.

Si los cambias ahora, los enlaces que haya enlazado otra gente en otros blogs o páginas webs a esos posts, van a dejar de funcionar. Cada caso será diferente, porque unas tendrán más posts enlazados que otras.

Si los cambias, esos links dejarán de funcionar. Dirán que esa página no existe (o lo que tu quieras, porque este mensaje se puede personalizar).

Si tienes muchos posts, es mejor que no lo hagas y que empieces a usarlos a partir de ahora. Otra cosa es que lleves poco tiempo, entonces sí porque así estarán mejor posicionados en el futuro.

Si quieres saber como usar esta opción con un post ya publicado:
  • Restablecer a borrador
  • Enlace permanente... seguimos los pasos anteriores
  • Y Publicar
Besos,

 

27 mayo 2015

CÓMO SUGERIR HISTORIAS SIMILARES AL PIE DE CADA POST

Seguro que has visto en algunos blogs como, debajo de cada post, nos sugieren historias similares.



Es una forma estupenda de que los demás vean que contenido sueles publicar en el blog. Te estarás preguntando ¿cómo se instala?. Porque no es un gadget de blogger. Es un servicio de Linkwhitin y debes instalarlo desde su página.

  • Vas a su página web
  • Escribes tu dirección de email
  • La dirección de tu blog
  • Eliges other porque si pinchas en blogger da error.
  • Eliges el número de posts sugeridos que quieres que aparezcan.
  • Y pinchas en Get Widget
  • Te generará un código que tienes que pegar en tu plantilla HTML. Para eso pulsa ctrl y f al mismo tiempo, te saldrá el cuadrito de búsqueda en el que escribirás    </body>     das a enter, lo pegas justo encima y listo.
El problema es que en castellano pone "Quizás también le interese..."

Si quieres cambiarlo sólo tienes que seguir estos pasos:
  • Editar HTML
  • Buscas   <head>
  • Justo debajo escribes   
 <script>linkwithin_text='Lo que queramos que salga'</script>

Quitas lo que yo te he puesto en azul por lo que quieras poner.
  • Guardar plantilla
  • Cerrar
Espero que te haya gustado este tutorial. No te olvides de comentar.

Besos,


24 mayo 2015

CÓMO PONER UNA FIRMA EN TUS POSTS DE BLOGGER

Hay gente que se complica mucho la vida para esto, pero en serio es la cosa más sencilla del mundo.

¿Mi forma?

Besos,
 
¿Qué cómo lo he hecho?

Es simplemente una imagen alineada a la izquierda. La diseñé con picmonkey en un ratito con fondo transparente, porque al intentar subirla con fondo blanco se puso gris. :( 

No sé por qué pero espero encontrar una solución para esto. En cuanto lo investigue y me entere de cómo hacerlo te lo cuento.

21 mayo 2015

CÓMO HACER QUE EL TÍTULO DE NUESTROS POSTS NO SE VUELVA NEGRO AL ENTRAR EN ÉL

Estoy segura de que te has fijado en que aunque hayas elegido un color específico para el título de tus posts, al entrar en esa entrada se vuelve negro.

Como al final no deja de ser un enlace, cuando ya has entrado en él, también cambia de color.

Y cuando pasas el ratón sobre él, también tiene un color específico.


Esto se puede evitar. Sí, se puede bloquear el color de tu título para que siempre tenga el color elegido. Y además es muy sencillo:
  • Vas al Diseñador de plantillas
  • Avanzado
  • Añadir CSS
  • Y ahí copias este código, PERO sustituyendo el #000000 por el color que quieras para el título de tus posts.
h3.post-title a, h3 {
color: #000000;
}
  • Y aplicar al blog
Si ya has puesto con anterioridad algún código de CSS, para separarlos pulsa 2 o 3 intros y copia el nuevo código. Más que nada es para que no se te peguen los códigos y los distingas bien, en caso de querer quitarlos.

Besos,


26 abril 2015

COMO QUITAR SUSCRIBIRSE A: ENTRADAS (ATOM)

No me gusta que al final de los blogs ponga suscribirse a: entradas atom. Ya hay un gadget para suscribirse, así que no sirve de nada. Como puedes ver yo lo he quitado y mi pie de página está mucho más limpito. Te lo explico:

  1. Ve a plantilla y luego pulsas en editar HTML.
  2. Abre el cuadro de búsqueda pulsando al mismo tiempo las teclas (ctrl + f). Pero ojo, pulsa dentro del cuadro donde están todos los códigos como si fueras a escribir algo, pero no escribas nada. Si pulsas fuera te buscará las palabras en tu navegador en vez de en los códigos.
  3. En el cuadro de búsqueda escribes: Blog feed links
  4. Deberás ver algo como esto:
<b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
<b:if cond='data:feedLinks'>
<div class='blog-feeds'>
<b:include data='feedLinks' name='feedLinksBody'/>
</div>
</b:if>
 5. Tienes que borrar esta línea:
 <b:include data='feedLinks' name='feedLinksBody'/>
 6. Al borrarla queda un espacio entre la linea anterior y la siguiente. Borra    poco a poco los espacios de sobra, hasta que la línea anterior y la siguiente estén una debajo de la otra.
7. Aquí ves cómo se quedaría:

<div class='blog-feeds'>
</div>
8. Da a guardar plantilla y cierra el cuadro de búsqueda pulsando la x.

Besos,
Related Posts Plugin for WordPress, Blogger... Light Pink Pointer