CÓMO PONER EL NÚMERO DE COMENTARIOS DEBAJO DEL TÍTULO DEL POST

21/1/16


Después de la marabunta de emails recibida esta semana (muchos tenéis muchas ganas de colaborar conmigo) vamos a seguir con la iniciativa de "Crea tu blog cañero". Antes de enharinarnos hasta las cejas, os recuerdo que esta es la tercera parte, por lo que podéis visitar las dos entregas anteriores:
SEPARADORES Y BOTONES DE SUBIR
CÓMO COMENZAR A DISEÑAR TU BLOG

Como ya os comenté en su momento el propósito de todo esto es ayudaros a que vuestro blog mole un poquito más, así que os he preparado un tutorial, sencillito (no empecéis a arrancaros los pelos antes de tiempo) para que aprendéis cómo poner el número de comentarios de vuestras entradas, justo debajo del título del post, como lo tengo puesto yo. Así que sin más rollos, que el martes me di 4 vueltas por los cerros, pasamos al tuto. Espero que os guste y que os salga.

el tutorial
El tutorial consiste en colocar el número de comentarios justo debajo del título de la entrada. De esta manera nuestros lectores sabrán cuántos comentarios hay e incluso se animarán a dejaros uno. Si miráis más abajo y veis la cantidad de código que hay fijo que os vais a asustar. Puede parecer súper complicado. Sé de muchos que tienen pesadillas con esto, pero no os preocupéis que va a ser muy muy fácil. Si seguís bien los pasos, en menos de 5 minutos tendréis el número de comentarios justo debajo del título del post. Solo tenéis que seguir el vídeo pasito a pasito.

Os he preparado un vídeo explicativo donde, creo, que queda todo muy claro. Podéis pararlo, tranquilamente, para ir copiando y pegando los códigos que necesitéis.


Antes de tocar nada, como siempre haced una copia de seguridad. Vaya a ser que la liéis parda y luego me riñáis, así que a guardar. Como veis en el vídeo a mí me ha salido, si ha vosotros no os sale, lo siento en el alma, pero no sé si sabré responder a todas las dudas. Bueno, aquí tenéis el código que vamos a ir necesitando.
los códigos que necesitaréis

1. En primer lugar iremos a PLANTILLA editar HTML y buscaremos: 

<span class='post-comment-link'>

2. Una vez que hemos encontrado el código cortaremos todo el código y lo pegaremos en un word, un block de notas o donde sea. Pero pegadlo. Debéis cortar todo esto:

<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>

<b:if cond='data:post.allowComments'>

<b:include data='post' name='comment_count_picker'/>

</b:if>

</b:if>

</b:if>

</span>


3. Una vez cortado y pegado ese código, de nuevo, en el buscador buscamos esto:

<div class='post-header-line-1'/>

4. Justo debajo de ese código pegaremos el código que previamente, habíamos pegado en nuestro block de notas. De manera que os quedará algo parecido a esto:

<div class='post-header-line-1'/>
<span class='post-comment-link'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comment_count_picker'/>
</b:if>
</b:if>
</b:if>
</span>
</div>

5. Volvemos a buscar esto y cortaremos todo hasta span. Este código no hace falta que lo guardemos

<span class='post-comment-link'>

6. Ya tenemos el número de comentarios justo debajo del título de la entrada. Pero imagino que querréis personalizarlo un poquito más. Así que vamos allá. 

7. Vamos a PLANTILLA>PERSONALIZAR> AVANZADO>AÑADIR CSS.En ese espacio en blanco es donde pegaremos este código. Como veis, al lado de cada código os explico qué es, así sabréis qué estáis modificando en cada momento.

.comment-link {
cursor: pointer;

letter-spacing: 3px; /*Espacio entre las letras, si no quieres espacio pon 0px*/

font:normal normal 14px Arial; /*Tamaño y tipografía */

color:#000000; /*Color de la fuente*/ 

text-transform: uppercase; /*Con ponemos mayúsculas, si no las queréis, borrad esta línea*/ {


CURSOS PARA SABER MÁS
Megapack 5 cursosDISEÑA TU AGENDAPACK DISEÑA TU ORDENPACK EMPRENDEDOR
75 €
+INFO
28€
+INFO
35€
+INFO
50€
+INFO


DISEÑA PAPELERÍA PARA PLANIFICARTEPACK DISEÑA TU PAPELERÍADISEÑA
DISEÑA TU MARCA, TU BLOG Y BRANDING
MEGA PACK PARA ESTUDIANTES Y OPOSICIONES
15€
+INFO
35€
+INFO
35€
+INFO
75 €
+INFO
catálogo completo 
de cursos online

Y ahora me despido, a seguir trabajando, que tengo mucha plancha y me muero de ganas de contaros cosas. Un besazo majos y como siempre, trillones de gracias.



N E W S L E T T E R


NO TE VAYAS SIN DESCARGAR 
EL EBOOK GRATIS PARA EMPEZAR A DISEÑAR

SI TE HA GUSTADO ¡COMPÁRTELO!


Share to Facebook Share to Twitter Email This Pin This Share on Google Plus