Colocando Emoticon nos comentários do Blogger

tag:blogger.com,1999:blog-5912481275498108047.post-65412604548527423912008-07-14T12:57:00.000-07:002008-07-22T16:07:10.377-07:00Colocando Emoticon nos comentários do Blogger<div style="text-align: justify;">Foram muitos os que me perguntaram se haveria um jeito de colocar smile nos comentários do Blogger. Como procurei... Ufa! Eu demoro mas eu acho! Encontrei um blog com esta dica super bacana! Seus comentários no Blogger vão ficar cheios de carinhas assim como os do Wordpress. Quer saber como? <ul><li>Vá no layout de seu template e em editar HTML;</li></ul><ul><li>Expanda os widgets;</li></ul><ul><li>Aperte as teclas CTRL + F para abrir uma barrinha de procura;</li></ul><ul><li>Digite o seguinte código na barrinha: ]]></b:skin&gt</li></ul><ul><li>Logo abaixo deste código coloque o seguinte comando:</li></ul><div style="text-align: left;"><script src='http://louislim2.googlepages.com/addSmiley.js ' type='text/javascript'/> </div> Salve o modelo. Está pronto! Fiz o teste em modelos de Templates feitos para Blogger e também em modelos Wordpress convertidos. Abaixo segue os códigos dos smiles disponíveis: </div> <div style="text-align: center; font-weight: bold; font-style: italic;">:) ou :-) <img src="http://benjamin0331.googlepages.com/smile.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :D ou :-D <img src="http://benjamin0331.googlepages.com/lol.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :$ ou :-$ <img src="http://benjamin0331.googlepages.com/oops.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :( ou :-( <img src="http://benjamin0331.googlepages.com/sad.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :p ou :-p <img src="http://benjamin0331.googlepages.com/tongue.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> ;) ou ;-) <img src="http://benjamin0331.googlepages.com/blink.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :k ou :-k <img src="http://benjamin0331.googlepages.com/kiss.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :@ ou :-@ <img src="http://benjamin0331.googlepages.com/angry.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :# ou :-# <img src="http://benjamin0331.googlepages.com/sealed.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :x ou :-x <img src="http://benjamin0331.googlepages.com/oh.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> :o ou :-o <img src="http://benjamin0331.googlepages.com/oeye.png" style="border: 0pt none ; margin: 0pt; padding: 0pt;" /> <div style="text-align: justify;">Se quiserem deixar os códigos disponíveis para que os visitantes saibam desta opção é só deixar um espaço na sidebar para eles... Não encontrei um jeito no Blogger de avisar aos visitantes deste recurso. Beijos a todos! :D Visitem o <a href="http://bloggingsecret.blogspot.com/2007/05/how-to-add-smile-in-blogger.html" target="_blank">Blogging Secret</a> de Louis Lim, foi daqui que tirei esta dica! Recomendações: Se seu blog possui muitas imagens e widgets, eu não recomendo pois estes códigos carregam um pouquinho a página de abertura do blog ok? E quem optar por colocar o menu flutuante que ensinei não deve utilizar esta funcionalidade pois estes dois códigos juntos entram em conflito por um motivo que ainda não descobri. Optem por um ou outro. Beijos! </div></div><div class="blogger-post-footer">http://feeds.feedburner.com/SuperDicasss<img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/5912481275498108047-6541260454852742391?l=superdicasss.blogspot.com'/></div>Jaqueline Amorimhttp://www.blogger.com/profile/02929132605727990326noreply@blogger.com20