Yorumlarınızı Şenlendirin

Etiketler: Blogger, Blogger İpuçları

Sayfanızda yapılan yorumları şekillendirin
Not: Html sayfanızın bir yedeğini alın
Html sayfasında ]]></b:skin> ve </head> kodlarına arasına aşağıdaki css kodunu ekleyin.

<style type='text/css'>
/* numerar los comentarios */
.comentacontador {
float: right;
display: block;
width: 50px;
margin-top: -30px; /* la posición de los números */
text-align: right; /* el número a la derecha */
/* el tipo y tamaño de la fuente */
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 36px;
font-weight: normal;
}

/* como son enlaces, forzamos las propiedades de color */
.comentacontador a:link, .comentacontador a:visited {color: #445566 !important;}
.comentacontador a:hover, .comentacontador a:active {color: #FF9933 !important;}

/* propiedades para diferenciar pares e impares */
.comentarioPar { /* los comentarios pares */
margin: 10px 0px; /* separación entre comentarios */
padding: 5px 20px 0px; /* margenes internos */
/* el color de fondo, los bordes. etc */
background-color: #1E252D;
border-bottom: 1px solid #445566;
border-top: 1px solid #445566;
}

.comentarioImpar { /* los comentarios impares */
margin: 10px 0px; /* separación entre comentarios */
padding: 5px 20px 0px; /* margenes internos */
/* el color de fondo, los bordes. etc */
background-color: #2E353D;
border-bottom: 1px solid #445566;
border-top: 1px solid #445566;
}
</style> 

Hemen altına bu kodu ekleyin

<script type='text/javascript'> 
function ContarC(cual) { 
var resto; resto = contadorComentarios % 2; if (resto == 0) document.getElementById(cual).className='comentarioPar' else document.getElementById(cual).className='comentarioImpar' } 
</script>  

Html kutusunun açık olduğundan emin olun

<dl id='comments-block'> 

Yukardaki kodu bulup altına bunu ekleyin.

<script type='text/javascript'>
var contadorComentarios=0;
</script> 

Bu kodun hemen altına ekleyin

<b:loop values='data:post.comments' var='comment'> 

<b:loop values='data:post.comments' var='comment'> 
<div class='comentarioImpar' expr:id='data:comment.id'>

Bu kodu bulun

<data:commentPostedByMsg/> 

ve bu kodu ekleyin

<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span> 

Örnek:

<dl id='comments-block'>
<script type='text/javascript'>var contadorComentarios=0;</script>
<b:loop values='data:post.comments' var='comment'>
<div class='comentarioImpar' expr:id='data:comment.id'>
<dt class='comment-author' expr:id='"comment-" + data:comment.id'>
<a expr:name='"comment-" + data:comment.id'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comentacontador'>
<a expr:href='"#comment-" + data:comment.id' title='Vinculo al comentario'>
<script type='text/javascript'>
contadorComentarios=contadorComentarios+1;
document.write(contadorComentarios)
</script>
</a>
</span>
</dt>

Son olarak bu kodu bu kodu yapıştırın ve kaydedin

<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='"#comment-" + data:comment.id' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>
<!-- establecemos la clase del comentario -->
<script type='text/javascript'>
ContarC('<data:comment.id/>')
</script>

</div>
</b:loop>
</dl>