Pesquisar

Mostrando postagens com marcador personalizar. Mostrar todas as postagens
Mostrando postagens com marcador personalizar. Mostrar todas as postagens

"Personalizar seus links de comentários do Blogger (Responder, Apagar, Resultados, Adicionar comentário e Carregar mais)"






..."vamos ver como personalizar as aninhadas comentários links , ou seja, liga Responder, Apagar, Resultados, Adicionar comentário, e Coloque mais .
Muitos modelos estas ligações passam despercebidas e, às vezes pode ser muito visível, de modo que quer destacá-los ou decorá-los neste post você vai ver como."
..." foram preparados 05 (05) cinco estilos diferentes de copiar e colar, mas é claro que você pode modificar e personalizar o gosto de todos."

"Para adicionar qualquer um desses cinco projetos só entra em  
Template | Editar HTML  
e antes de ]]> </ b: skin>  
estilos  
colar o código que você preferir."


/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #666; /* Color del enlace */
background: #f5f5f5; /* Color de fondo */
border-left: 2px solid #009ecf; /* Color del borde izquierdo */
border-radius: 10px; /* Borde redondeado */
text-decoration: none;
padding: 4px 8px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 26px;
font-weight: normal;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}




/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
background: #009ecf; /* Color de fondo */
border-radius: 2px; /* Borde redondeado */
text-decoration: none;
padding: 3px 6px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 22px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}




/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #777; /* Color del enlace */
/* Fondo gradiente */
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
background-color:#ededed; /* Color de fondo */
border:1px solid #d6d6d6; /* Color del borde */
border-radius: 4px; /* Borde redondeado */
box-shadow:inset 0px 0px 3px 0px #fff;
text-shadow:1px 1px 0px #fff;
text-decoration: none;
padding: 3px 7px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}




/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
background-color:#ff5bb0; /* Color de fondo */
border:1px solid #ee1eb5; /* Color del borde */
border-top-left-radius:37px; /* Borde redondeado */
border-top-right-radius:0px;
border-bottom-right-radius:37px; /* Borde redondeado */
border-bottom-left-radius:0px;
text-decoration: none;
padding: 3px 12px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-family:Times New Roman;
font-size:24px;
font-weight:bold;
font-style:italic;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}




/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
/* Color del enlace */
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00; /* Color de fondo */
border:1px solid #d83526; /* Color del borde */
border-radius:4px; /* Borde redondeado */
box-shadow: 0px 10px 14px -7px #f29c93;
text-decoration: none;
text-shadow:0px 1px 0px #b23e35;
padding: 5px 9px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}


Dentro você vai ver códigos em verde onde você pode modificar os principais estilos.
Em todos os casos, os botões têm um efeito "push" quando você passa o mouse sobre eles, se você quiser adicionar mais estilos para passar o cursor pode fazer isso adicionando os estilos abaixo:
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
Lá você pode alterar o que quiser, seja a cor de fundo, texto, etc.

Se você gostaria de personalizar cada ligação individualmente também pode. Por exemplo, se você quer um link " Responder "e" Excluir "(lembre-se o link" Excluir "só é visível para os administradores do blog), então você pode fazer isso:
.comments .comment .comment-actions a {
... Aquí los estilos ...
}
Para fazer o link " Respostas "seria o seguinte:
.comments .thread-toggle a {
... Aquí los estilos ...
}
Para o link " Adicionar comentário "seria o seguinte:
.comments .continue a {
... Aquí los estilos ...
}
E para o botão " Coloque mais "assim:
.comments .comments-content .loadmore a {
... Aquí los estilos ...
}

"Desta forma simples, podemos personalizar os pequenos detalhes do modelo para o que muitas vezes não prestamos atenção, mas são importantes para os comentadores que procuram atrair a sua parte do blog."

fonte e créditos: 

ciudadblogger




  1. muito obrigado, muito bom ...
    Responder
  2. Oi Colt, pare de ler minha mente ... Eu ia perguntar sobre esse assunto, eu adorei e ele funciona perfeitamente, avisando sobre comentários Como você número? Eu procurei Oloblogger, mas não explicá-lo como você. Mil gracias, os melhores cumprimentos.
    Responder
    Respostas



    1. Na verdade, explica melhor do que eu, vou deixar um link para o tutorial você disse 
      http://www.oloblogger.com/2012/01/numerar-los-nuevos-comentarios-blogger.htmlSaudações, e não acho que as coisas ruins , eu posso ler sua mente: P
    2. Eu ainda acho que o seu melhor ... eu explico o que a mente é uma piada: P 
      Obrigado na mesma!
  3. o fim! O QUE FOI OLHAR PONY, muito obrigado.
    Responder
  4. Pony tem uma pergunta, como posso mudar a opção de responder a comentários e não aparece para mim, obrigado.
    Responder
    Respostas



    1. Olá ElRosz Zapien, para permitir comentários aninhados pesquisas este código em seu modelo:
      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:include data='post' name='comments'/>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:include data='post' name='comments'/>
      </b:if>
      E alterá-lo para o seguinte: 

      <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
      <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
      <b:else/>
      <b:include data='post' name='comments'/>
      </b:if>
      </b:if>
      <b:if cond='data:blog.pageType == &quot;item&quot;'>
      <b:if cond='data:post.showThreadedComments'>
      <b:include data='post' name='threaded_comments'/>
      <b:else/>
      <b:include data='post' name='comments'/>
      </b:if>
      </b:if>
    2. Ainda no show pônei, e também investigar, e eu ativei os comentários abaixo da entrada.: (
    3. graças pônei e poderia consertá-lo, eu não era exatamente o código que teve de ser substituído, houve várias semelhanças e tentar 1 1 até que ele trabalhou muito obrigado: 3
  5. Muito boa idéia, Potro, e variadas, para todos os estilos. Thaaaanks ;) 
    Um grande beijo.
    Responder
    Respostas



    1. Graças Sophia, outra enorme beijo para você: *
  6. Você pode me dizer como posso adicionar algo como uma folha para este post lá onde eu marquei com vermelho? esque já tentou de tudo e não podia esperar e você pode me ajudar obrigado Aqui está a imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMBLZkUBiDbc9955M0JskERHr2hwrTsh6oSB27iDvP0LKq_b0eODI4tA_JZ51PVMfCipPyWugLHCHunKrdhBG-lH4RewuEChBuVEBUlnQaYKr1PeXPCRgXNtPMC68fJL5wCHm_IzeUQhdi/s1600/PAGINA.jpg
    Responder
    Respostas



    1. Oi kasper você, você quer dizer para colocar um fundo nessa área? O modelo que você está usando?



 

 

 fonte e créditos: 

ciudadblogger

 


Personalizar los enlaces de los comentarios de Blogger (Responder, Eliminar, Respuestas, Añadir comentario, y Cargar más)

 
 
En esta entrada vamos a ver cómo personalizar los enlaces de los comentarios anidados, es decir, los enlaces de Responder, Eliminar, Respuestas, Añadir comentario, y Cargar más.
Muchas plantillas pasan desapercibidos esos enlaces y algunas veces pueden ser poco visibles, así que quien quiera resaltarlos o decorarlos en esta entrada verá cómo hacerlo.
He preparado 5 estilos distintos para copiar y pegar, pero por supuesto se pueden modificar y personalizar al gusto de cada quien.

Para poner cualquiera de estos 5 diseños sólo entra en Plantilla | Edición de HTML y antes de ]]></b:skin> pega el código de los estilos que prefieras.



/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #666; /* Color del enlace */
background: #f5f5f5; /* Color de fondo */
border-left: 2px solid #009ecf; /* Color del borde izquierdo */
border-radius: 10px; /* Borde redondeado */
text-decoration: none;
padding: 4px 8px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: bold;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 26px;
font-weight: normal;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}






/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
background: #009ecf; /* Color de fondo */
border-radius: 2px; /* Borde redondeado */
text-decoration: none;
padding: 3px 6px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 22px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}






/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #777; /* Color del enlace */
/* Fondo gradiente */
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #d6d6d6) );
background:-moz-linear-gradient( center top, #ededed 5%, #d6d6d6 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#d6d6d6');
background-color:#ededed; /* Color de fondo */
border:1px solid #d6d6d6; /* Color del borde */
border-radius: 4px; /* Borde redondeado */
box-shadow:inset 0px 0px 3px 0px #fff;
text-shadow:1px 1px 0px #fff;
text-decoration: none;
padding: 3px 7px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-size: 11px;
font-weight: normal;
font-family: Arial;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}






/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
background-color:#ff5bb0; /* Color de fondo */
border:1px solid #ee1eb5; /* Color del borde */
border-top-left-radius:37px; /* Borde redondeado */
border-top-right-radius:0px;
border-bottom-right-radius:37px; /* Borde redondeado */
border-bottom-left-radius:0px;
text-decoration: none;
padding: 3px 12px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-family:Times New Roman;
font-size:24px;
font-weight:bold;
font-style:italic;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}






/* Enlaces de los Comentarios
----------------------------------------------- */
.comments .comment .comment-actions a, .comments .thread-toggle a, .comments .continue a, .comments .comments-content .loadmore a {
width: 100%;
display: inline;
color: #fff; /* Color del enlace */
/* Color del enlace */
background:linear-gradient(to bottom, #fe1a00 5%, #ce0100 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100',GradientType=0);
background-color:#fe1a00; /* Color de fondo */
border:1px solid #d83526; /* Color del borde */
border-radius:4px; /* Borde redondeado */
box-shadow: 0px 10px 14px -7px #f29c93;
text-decoration: none;
text-shadow:0px 1px 0px #b23e35;
padding: 5px 9px;
margin-right: 5px;
white-space: nowrap;
vertical-align: middle;
font-family:Times New Roman;
font-size:13px;
font-weight:bold;
font-style:italic;
}
.comments .continue {border-top:none}
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
text-decoration:none;
position: relative;
top: 1px;
left: 1px;
}
.comments .comments-content .loadmore a {
display:block;
text-align: center;
font-size: 24px;
font-weight: bold;
font-family: Arial;
margin-right:auto;
margin-left:auto;
margin-top:0px;
max-width:180px;
}



Dentro de los códigos verás en color verde dónde puedes modificar los estilos principales.
En todos los casos los botones tendrán un efecto "push" al pasar el cursor sobre ellos, si quieres añadir más estilos al pasar el cursor puedes hacerlo agregando los estilos debajo de:
.comments .comment .comment-actions a:hover, .comments .thread-toggle a:hover, .comments .continue a:hover {
Ahí puedes cambiar lo que quieras, ya sea el color de fondo, de texto, etc.

Si quisieras personalizar cada enlace de forma individual también puedes hacerlo. Por ejemplo, si quisieras sólo el enlace de "Responder" y "Eliminar" (recuerda que el enlace "Eliminar" sólo es visible para los administradores del blog) entonces puedes hacerlo de esta forma:
.comments .comment .comment-actions a {
... Aquí los estilos ...
}
Para el enlace de "Respuestas" sería así:
.comments .thread-toggle a {
... Aquí los estilos ...
}
Para el enlace de "Añadir comentario" sería así:
.comments .continue a {
... Aquí los estilos ...
}
Y para el enlace "Cargar más" así:
.comments .comments-content .loadmore a {
... Aquí los estilos ...
}


De esta forma tan simple podemos personalizar esos pequeños detalles de la plantilla a los que muchas veces no le ponemos toda la atención pero que son parte importante para los que buscan atraer comentaristas a su blog.


fonte e créditos: 

ciudadblogger





|Clique Aqui e Leia| +++...

Postagens mais visitadas

divulgando

Parcerias banner 120 x 60 nosso banner * copie o código envialinksurlnoticias
via6

divulgando


Registre-se/Cadastre-se

...ser membro de... edihitt
membrospara ser membro de...
Envia Links
...clique aqui cadastre-se/registre-se
inscrevam-se como Membro de edihitt
.edihitt Muito Mais que um Agregador de Links.
Uma Verdadeira Rede Social! ...!...

clique na imagem

ENVIAR LINKS

ao vivo

edihittedihitt

blogs/sites

 
|template by ebds|http://envialinksurlnoticias.blogspot.com|http://envialinksurlnoticias.blogspot.com|