"botão para responder  comentários do Blogger"...tutorial...
Autor: edilene bds | Publicado: 2012-10-08T17:36:00-07:00



"botão para responder&nbsp;

comentários do Blogger"
















<!--
google_ad_client = "pub-3296052210640376";
/* 336x280, criado 19/06/11 */
google_ad_slot = "6980811266";
google_ad_width = 336;
google_ad_height = 280;
//











&nbsp; 


...como você pode adicionar&nbsp;
um botão de resposta legal&nbsp;
para comentários do Blogge:

Siga estes&nbsp;&nbsp;simples&nbsp;&nbsp;passos:&nbsp;

Vá para Painel do Blogger&gt;&nbsp;
Modelo&gt;&nbsp;
Editar HTML.&nbsp;
Clique em Continuar&gt;&nbsp;

clique na caixa Expandir Widget Templates.&nbsp;

&nbsp;Procure este código no HTML do seu modelo.&nbsp;


&nbsp;No HTML do seu modelo.
Procure este código:&lt;data:commentPostedByMsg/&gt;
Encontrando-o,





 


&nbsp; &nbsp;cole , abaixo&nbsp;dele,
&nbsp; &nbsp; esse código :
&nbsp; &nbsp;▼
&lt;a href='http://www.BlueKut.com'&gt;&lt;img alt='Best Blogger Tips' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/&gt;&lt;/a&gt;&lt;span class='comment-reply'&gt;&lt;a class="h12" expr:href='&amp;quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;amp;postID=&amp;quot; + data:post.id + &amp;quot;&amp;amp;isPopup=true&amp;amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&amp;quot; + data:comment.anchorName + &amp;quot;%22%3E&amp;quot; + data:comment.author + &amp;quot;%3C%2F%61%3E#form&amp;quot;' onclick='javascript:window.open(this.href, &amp;quot;bloggerPopup&amp;quot;, &amp;quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&amp;quot;); return false;'&gt;Reply it&lt;/a&gt;&lt;/span&gt;&lt;a href='http://www.blueKut.com'&gt;&lt;img alt='Best Blogger Templates' src='http://3.bp.blogspot.com/_rKG-ziTSNUQ/TQ5eV0U0EiI/AAAAAAAACik/xo2eFaDbfrE/s1600/best+blogger+tips.png'/&gt;&lt;/a&gt;















 Salve! 








veja como fica clicando aqui

...

Para você personalizar o&nbsp;

botão/responder comentários, na&nbsp;

sua cor de preferência!


Vide Exemplos:


...Querendo o botão na sua cor de&nbsp;

preferência,

siga as instruções a seguir!




...Se você quiser fazer a cor &nbsp;prata ,


no botão,&nbsp;


siga as instruções abaixo: 

(PASSO 3)

no css&nbsp;


 Encontre:


.post h3 {&nbsp;


...
encontrando-o,


...copie e&nbsp;cole&nbsp;
acima &nbsp;de&nbsp;
.post h3 {&nbsp;

o código abaixo&nbsp;


&nbsp; &nbsp; &nbsp;▼
.h12 {&nbsp;&nbsp;&nbsp; -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;&nbsp;&nbsp;&nbsp; -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;&nbsp;&nbsp;&nbsp; box-shadow:inset 0px 1px 0px 0px #ffffff;&nbsp;&nbsp;&nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );&nbsp;&nbsp;&nbsp; background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );&nbsp;&nbsp;&nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');&nbsp;&nbsp;&nbsp; background-color:#ededed;&nbsp;&nbsp;&nbsp; -moz-border-radius:6px;&nbsp;&nbsp;&nbsp; -webkit-border-radius:6px;&nbsp;&nbsp;&nbsp; border-radius:6px;&nbsp;&nbsp;&nbsp; border:1px solid #dcdcdc;&nbsp;&nbsp;&nbsp; display:inline-block;&nbsp;&nbsp;&nbsp; color:#777777;&nbsp;&nbsp;&nbsp; font-family:arial;&nbsp;&nbsp;&nbsp; font-size:15px;&nbsp;&nbsp;&nbsp; font-weight:bold;&nbsp;&nbsp;&nbsp; padding:1px 21px;&nbsp;&nbsp;&nbsp; text-decoration:none;&nbsp;&nbsp;&nbsp; text-shadow:1px 1px 0px #ffffff;}/*Bluekut.com */.h12:hover {&nbsp;&nbsp;&nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );&nbsp;&nbsp;&nbsp; background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );&nbsp;&nbsp;&nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');&nbsp;&nbsp;&nbsp; background-color:#dfdfdf;}.h12:active {&nbsp;&nbsp;&nbsp; position:relative;&nbsp;&nbsp;&nbsp; top:1px;}/* This imageless css button was generated by Bluekut.com */&nbsp;





&nbsp;


.post h3 {&nbsp;


 Salve!. 











botão vermelho::





.h12 {

&nbsp; &nbsp; -moz-box-shadow:inset 0px 1px 0px 0px #f29c93;

&nbsp; &nbsp; -webkit-box-shadow:inset 0px 1px 0px 0px #f29c93;

&nbsp; &nbsp; box-shadow:inset 0px 1px 0px 0px #f29c93;

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #fe1a00), color-stop(1, #ce0100) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #fe1a00 5%, #ce0100 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fe1a00', endColorstr='#ce0100');

&nbsp; &nbsp; background-color:#fe1a00;

&nbsp; &nbsp; -moz-border-radius:6px;

&nbsp; &nbsp; -webkit-border-radius:6px;

&nbsp; &nbsp; border-radius:6px;

&nbsp; &nbsp; border:1px solid #d83526;

&nbsp; &nbsp; display:inline-block;

&nbsp; &nbsp; color:#ffffff;

&nbsp; &nbsp; font-family:arial;

&nbsp; &nbsp; font-size:15px;

&nbsp; &nbsp; font-weight:bold;

&nbsp; &nbsp; padding:1px 21px;

&nbsp; &nbsp; text-decoration:none;

&nbsp; &nbsp; text-shadow:1px 1px 0px #b23e35;

}

/*Bluekut.com */

.h12:hover {

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ce0100), color-stop(1, #fe1a00) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #ce0100 5%, #fe1a00 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ce0100', endColorstr='#fe1a00');

&nbsp; &nbsp; background-color:#ce0100;

}.h12:active {

&nbsp; &nbsp; position:relative;

&nbsp; &nbsp; top:1px;

}

/* This imageless css button was generated by Bluekut.com */









botão azul









.h12 {

&nbsp; &nbsp; -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;

&nbsp; &nbsp; -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;

&nbsp; &nbsp; box-shadow:inset 0px 1px 0px 0px #97c4fe;

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');

&nbsp; &nbsp; background-color:#3d94f6;

&nbsp; &nbsp; -moz-border-radius:6px;

&nbsp; &nbsp; -webkit-border-radius:6px;

&nbsp; &nbsp; border-radius:6px;

&nbsp; &nbsp; border:1px solid #337fed;

&nbsp; &nbsp; display:inline-block;

&nbsp; &nbsp; color:#ffffff;

&nbsp; &nbsp; font-family:arial;

&nbsp; &nbsp; font-size:15px;

&nbsp; &nbsp; font-weight:bold;

&nbsp; &nbsp; padding:1px 21px;

&nbsp; &nbsp; text-decoration:none;

&nbsp; &nbsp; text-shadow:1px 1px 0px #1570cd;

}.h12:hover {

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');

&nbsp; &nbsp; background-color:#1e62d0;

}.h12:active {

&nbsp; &nbsp; position:relative;

&nbsp; &nbsp; top:1px;

}

/* This imageless css button was generated by Bluekut.com */







botão na cor:








.h12 {

&nbsp; &nbsp; -moz-box-shadow:inset 0px 1px 0px 0px #fff6af;

&nbsp; &nbsp; -webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;

&nbsp; &nbsp; box-shadow:inset 0px 1px 0px 0px #fff6af;

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #ffec64 5%, #ffab23 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23');

&nbsp; &nbsp; background-color:#ffec64;

&nbsp; &nbsp; -moz-border-radius:6px;

&nbsp; &nbsp; -webkit-border-radius:6px;

&nbsp; &nbsp; border-radius:6px;

&nbsp; &nbsp; border:1px solid #ffaa22;

&nbsp; &nbsp; display:inline-block;

&nbsp; &nbsp; color:#333333;

&nbsp; &nbsp; font-family:arial;

&nbsp; &nbsp; font-size:15px;

&nbsp; &nbsp; font-weight:bold;

&nbsp; &nbsp; padding:1px 21px;

&nbsp; &nbsp; text-decoration:none;

&nbsp; &nbsp; text-shadow:1px 1px 0px #ffee66;

}.h12:hover {

&nbsp; &nbsp; background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64) );

&nbsp; &nbsp; background:-moz-linear-gradient( center top, #ffab23 5%, #ffec64 100% );

&nbsp; &nbsp; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64');

&nbsp; &nbsp; background-color:#ffab23;

}.h12:active {

&nbsp; &nbsp; position:relative;

&nbsp; &nbsp; top:1px;

}

/* This imageless css button was generated by Bluekut.com */









Esta dica vi em:&nbsp;allblogtools








fonte e créditos deste tutorial :
Wajahat Alves de&nbsp;&nbsp;BlueKut