Tecnología

Inicio

¿Cómo puedo Número Mis comentarios sobre Blogspot?

¿Cómo puedo Número Mis comentarios sobre Blogspot?


Blogspot es una plataforma de blogs de uso común que permite a los bloggers para conectar con una mayor comunidad de la Web. Después de un visitante lee un blog, pueden optar por dejar un comentario. La cantidad de comentarios izquierda indican qué tan bien le gusta un poste o un blog es. Numeración de los comentarios mejora aún más el atractivo del blog. Números, naturalmente, no aparecen junto a cada comentario, por lo que el código fuente HTML del blog tiene que ser editado. Una vez que se modifica, los números aparecen automáticamente.

Instrucciones

1 Ingrese a su cuenta de Blogger. En el salpicadero de su blog, haga clic en la pestaña "Diseño". Haga clic en el menú "Edición de HTML". Aparecerá una pantalla, titulado "Editar plantilla". Marque la casilla junto a "Expandir plantillas de artilugios". El cuadro de debajo de esta muestra el código fuente HTML de tu blog.

2 Encuentra el código de abajo en el código fuente HTML de tu blog. Esto se puede hacer mediante el uso de la función "Buscar" en su navegador.

<B: 'datos: post.comments' valores de lazo = var = 'comentario'>

Ir a la última palabra en la línea por encima de ella, y pulsa "Enter". Aparecerá un enlace en blanco. Resaltar y "copia" el código HTML siguiente:

<Script type = "text / javascript"> var CommentsCounter = 0; </ script> <- Com-NUM-starts ->

"Pegar" el código en la línea en blanco. Su código fuente aparecerá ahora como:

<Script type = "text / javascript"> var CommentsCounter = 0; </ script> <- Com-NUM-starts ->

<B: 'datos: post.comments' valores de lazo = var = 'comentario'>

3 Busque el código siguiente en el código fuente HTML:

<Data: commentPostedByMsg />

Ir a la última palabra en la línea por encima de ella, y pulsa "Enter". Aparecerá un enlace en blanco. Resaltar y "copia" el código HTML siguiente:

<! - Com-NUM-aperturas ->

<Span class = 'comm-num>

<a expr:href='data:comment.URL' title='Comment Link'>

<Script type = "text / javascript">

CommentsCounter = CommentsCounter + 1;

document.write (CommentsCounter)

</ Script>

</a>

</ Span>

<! - COMMNUM-stops ->

Ir a la línea en blanco y "Pegar" en el código. Haga clic en el botón "Guardar plantilla".

4 Haga clic en el botón "Ver blog" cerca de la parte superior del panel. Abrir un post con comentarios. Los números deben aparecer ahora junto a cada comentario. Vuelve a tu tablero de instrumentos. Haga clic en la pestaña "Diseño", y el menú "Edición de HTML". Ahora va a agregar un diseño a la numeración.

5 Resaltar y "copia" el siguiente código:

<! - Com-NUM-aperturas ->

<Style type = "text / css">

.comm-num a: link, .comm-num a: visited {

Color: Blanco importante;

text-decoration: ninguno importante;

background: url (http://i48.tinypic.com/o5oupx.jpg) no-repeat;

Ancho: 50px;

altura: 48px;

flotar derecho;

bloqueo de pantalla;

margin-right: 5px;

margin-top: -15px;

Posición / comentarios de venta libre /

text-align: center;

font-family: 'Century Gothic', 'Lucida Grande', Arial, Helvetica, sans-serif;

font-size: 15px;

font-weight: normal;

}

.comm-num a: hover, .comm-num a: active {

Color: gris importante;

text-decoration: ninguno importante;

}

</ Style>

6 Encuentra el siguiente código en el código fuente HTML:

</ Head>

Encuentra la última palabra en la línea por encima de ella, y pulsa "Enter". Esto creará una línea en blanco. "Pegar" el código en la línea en blanco. El código fuente HTML aparece ahora como:

<! - Com-NUM-aperturas ->

<Style type = "text / css">

.comm-num a: link, .comm-num a: visited {

Color: Blanco importante;

text-decoration: ninguno importante;

background: url (http://i48.tinypic.com/o5oupx.jpg) no-repeat;

Ancho: 50px;

altura: 48px;

flotar derecho;

bloqueo de pantalla;

margin-right: 5px;

margin-top: -15px; Posición / comentarios de venta libre /

text-align: center;

font-family: 'Century Gothic', 'Lucida Grande', Arial, Helvetica, sans-serif;

font-size: 15px;

font-weight: normal;

}

.comm-num a: hover, .comm-num a: active {

Color: gris importante;

text-decoration: ninguno importante;

}

</ Style>

</ Head>

Cuando aparecen los comentarios en su blog, que ahora serán numeradas y aparecen una imagen nube que destaca el número de.