Sexta-feira
2

Emotion nos comentarios do blog

às 10:33 2 comentários

formulário de comentários do Blogger.
Este hack é bem fácil de instalar e com ele você dá um visual diferente aos comentários no seu blog.
emoticons-animados-nos-comentarios-do-blogger 

Smiley de boca aberta1º passo:

1. Vá na aba "layout", entre na edição HTML do seu template, clique em "expandir modelos de widgets"
e localize a seguinte linha:

<p><data:blogCommentMessage/></p>

e cole o seguinte código logo ABAIXO dela:

<div style=' width: 370px; text-align: left; border: 2px solid
#0084ce; background: #FEF9EA; padding: 10px; color:#0084ce;
font-weight:bold; '>
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'/>
 :a
&#160;
<img border='0'
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'/>
 :b
&#160;
<img border='0'
src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'/>
 :c
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'/>
 :d
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'/>
 :e
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'/>
 :f
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'/>
 :g
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'/>
 :h
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'/>
 :i
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'/>
 :j
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'/>
 :k
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'/>
 :l
&#160;
<img border='0'
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'/>
 :m
&#160;
<img border='0'
src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'/>
 :n
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'/>
 :o
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'/>
 :p
&#160;
<img border='0'
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'/>
 :q
&#160;
<img border='0' src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/
emoticon-0149-no.gif'/> :r
&#160;
<img
 border='0'
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'/>
 :s
&#160;
<img border='0'
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'/>
 :t
</div>

Salve as modificações.

Smiley piscando2º Passo:

Incluir o script que permitirá o uso dos emoticons nos comentários do Blog.
2. Volte na aba "layout" >> "editar HTML", não precisa clicar em "expandir modelos de widgets",
 copie o código abaixo e cole-o antes de </body>

<script type='text/javascript'>
//<![CDATA[
a = document.getElementById('comments');
if(a) {
b = a.getElementsByTagName("DD");
for(i=0; i < b.length; i++) {
if (b.item(i).getAttribute('CLASS') == 'Author-comment-body' , 'comment-body') {
_str
 = b.item(i).innerHTML.replace(/:j/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8Fw5N1LI/AAAAAAAAC9Q/xY9rjSFroCY/s800/emoticon-0126-nerd.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z9DendQuI/AAAAAAAAC9U/jtRdRpcopRQ/s800/emoticon-0103-cool.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9DcebxfI/AAAAAAAAC9Y/Xew2m0j1B9I/s800/emoticon-0130-devil.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9DpaPbrI/AAAAAAAAC9c/M74FsmQxqrw/s800/emoticon-0133-wait.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img
src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z9D-KY1cI/AAAAAAAAC9g/PZppx2BcToc/s800/emoticon-0137-clapping.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z9D6YdKmI/AAAAAAAAC9k/io_WlgJQL2w/s800/emoticon-0136-giggle.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99cfdl1I/AAAAAAAAC9o/aJP10AXzhGE/s800/emoticon-0141-whew.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z99UcZMKI/AAAAAAAAC9s/p7NVe245uP4/s800/emoticon-0148-yes.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99sMaIFI/AAAAAAAAC9w/gIu5t9057us/s800/emoticon-0149-no.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z99zPt4vI/AAAAAAAAC90/SOCwFsYa4M4/s800/emoticon-0155-flower.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z9-FFVEeI/AAAAAAAAC94/T1IXnlT43-M/s800/emoticon-0178-rock.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7jnvQpuI/AAAAAAAAC8s/kgswZH3dAng/s800/emoticon-0100-smile.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img
src='http://lh6.ggpht.com/_7wsQzULWIwo/S6z7j2K2ixI/AAAAAAAAC8w/aBjS3JiC9fA/s800/emoticon-0101-sadsmile.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img
src='http://lh4.ggpht.com/_7wsQzULWIwo/S6z7kDXfZsI/AAAAAAAAC80/JrDuueBH-mE/s800/emoticon-0102-bigsmile.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kQ8V_nI/AAAAAAAAC84/9WEQPmHLJiI/s800/emoticon-0105-wink.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z7kWgRFeI/AAAAAAAAC88/2jjlfg01MIA/s800/emoticon-0104-surprised.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FBbw3UI/AAAAAAAAC9A/8iSol6bUSDk/s800/emoticon-0106-crying.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FdrL9dI/AAAAAAAAC9E/rbB37xy1Ybw/s800/emoticon-0109-kiss.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img
src='http://lh3.ggpht.com/_7wsQzULWIwo/S6z8FpL8dkI/AAAAAAAAC9I/p_OhzAyH-SQ/s800/emoticon-0111-blush.gif'
 alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img
src='http://lh5.ggpht.com/_7wsQzULWIwo/S6z8FmT-INI/AAAAAAAAC9M/GOURDHmPe9E/s800/emoticon-0110-tongueout.gif'
 alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Nota: Você também pode tentar adicionar o código javascript logo acima de </head>

Salve!


Se você preferir, você poderá alterar o layout onde ficam os emoticons (acima do formulário),
para personalizá-lo de acordo com as cores do seu template,editando cores de borda, fonte, background etc.
Procure pela linha do código:

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA;
padding: 10px; color:#0084ce; font-weight:bold; '>

Veja os campos que você pode editar e personalizar de acordo com sua preferência:

width: 370px  --/*largura total*/
border: 2px solid # 0084ce  --/*borda*/
background: # FEF9EA  --/*cor de fundo*/
cor: # 0084ce; --/*cor do texto dos simbolos*/

Importante:Smiley bravo

este hack só irá funcionar em formulários incorporados abaixo das postagens, se você utiliza o metodo de "pop up"
 não vai funcionar.
Caso queira ativar: entre em "configurações" >> "comentários" >> escolha a opção: "postagem abaixo incorporada".


2 comentários por enquanto

  1. Ines says:
    15/04/2011 13:17:00

    Gostei muito do resultado!:D
    Obrigada

  2. Vinicius says:
    16/04/2011 00:16:00

    Fico feliz que tenha gostado, agradeço o feedback.. e fique a vontade e sempre que precisar estamos a sua disposição....

Leave a Reply

Estamos sempre no aguardo de seus comentários, teremos imenso prazer em atender suas expectativas.

Assinar: Postar comentários (Atom)

Facebook Share

Followers

UpTweet

comentários

Fique sempre atualizado!
Cadastre-se e receba nossas novidades em seu e-mail.
Widget by tudoseo Instale este widget
 
http://creativecommons.org/licenses/by/3.0/--> Contacte-nos se você tiver qualquer pergunta ou qualquer outro assunto

tudoseo- SEO-Otimização e indexação de blogs e sites para buscas © 2011 http://www.tudoseo.com/p/function-verifica-if-document.html.