Opção Responder Comentários com ShadowBox no Blogger

Templates exclusivos e profissionais, instalação de hacks e domínios e utilização técnicas de SEO. Conheça o ProBlogs, onde fazemos tudo isso a preços relativamente baixos!

Faz uns dias que recebi um comentário do leitor Paulo Ricardo no post dedicado às dúvidas sem tópico.
A dúvida do Paulo era como se podia personalizar a opção de responder ao comentário, que ensinei a adicionar no post destacado abaixo, com ShadowBox, que também ensinei a adicionar no segundo post destacado.
Esta dúvida será dividida em dois posts, no próximo ensinarei a fazer um formulário de comentário integrado na janela modelar ShadowBox.

Opção “Responder Comentário” no Blogger
Veja a dúvida dele abaixo:
Oi, amigo.
Eu queria saber se você podia me ajudar. Eu percebi que quando vamos comentar por aqui, ou enviar uma informação pelo formulário de contato, ao invés de aparecer uma janela pop-up, o formulário de comentário e o formulário de contato aparecem integrados na página, com um X de fechar no final. Acho este efeito muito bacana. Queria saber se tem como tu me ajudares a implantar o mesmo efeito no meu blog. Desde já, thanks :D
seriadosamericanos@gmail.com
http://seriados-americanos.blogspot.com

Dúvida do Paulo Ricardo no post das dúvidas sem tópico.

Para que possamos aplicar este efeito na opção responder comentários, é necessário utilizar ShadowBox, portanto siga os 4 pontos do tutorial destacado abaixo:

Shadowbox: Janelas Modelares Multimedia no Blogger

Depois de instalar o efeito ShadowBox ao seu blog, siga os pontos abaixo.

Responder Comentário com ShadowBox:

1. Entre no Blogger > Design > Editar HTML.
2. Clique em Expandir Modelos de Widget.
3. Procure pela seguinte código:

<data:commentPostedByMsg/>

Se não encontrar este código procure por um dos três códigos abaixo, no meu caso foi o terceiro código.

<dd class='comment-footer'>

<data:comment.author/>

<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>

4. Abaixo dela cole o seguinte código:

<span class='comment-reply'><a expr:href='"https://www.blogger.com/comment.g?blogID=ID-DO-SEU-BLOG&postID=" + data:post.id + "&isPopup=true&postBody=%40%3C%61%20%68%72%65%66%3D%22%23" + data:comment.anchorName + "%22%3E" + data:comment.author + "%3C%2F%61%3E,#form"' rel='shadowbox;width=500;height=500' title='Responder a este Comentário'>[Responder Comentário]</a></span>

Substitua ID-DO-SEU-BLOG pelo ID disponível no URL da página Editar HTML do seu Blog, veja um exemplo:

5. Clique em Pré-Visualizar/Visualizar, se tudo estiver no seu devido lugar, clique em Guardar/Salvar Modelo.
Ao visualizar o seu blog, na área dos seus comentários aparecerá um link dizendo Responder Comentário. Se lhe clicar, será aberta uma janela modelar onde estará um link para o comentário a que quer responder.

TUTORIAL CHEFE