Social Icons

twitterfacebookgoogle pluslinkedinrss feedemail
Mostrando postagens com marcador tuturiais. Mostrar todas as postagens
Mostrando postagens com marcador tuturiais. Mostrar todas as postagens

quarta-feira, 16 de maio de 2012

Colocar Imagem Ou Objetos Flutuantes


Sabe aquelas imagens ou pequenos menus q se movem quando vc rola a página pra cima ou pra baixo? Pois então, se vc vê alguma utilidade nisso, descobri como fazê-las. Pode ser interessante quando vc quer que seus visitantes vejam uma mensagem importante ou para dar destaque a alguma parte do seu blog ou mesmo para alguma promoção ou anunciante.

É até simples de implementar, veja como… 

Não precisa ser apenas imagens, podem ser widgets ou links e até um pequeno menu. Vai de sua criatividade para utilizar o recurso da melhor forma.

Esta é uma dica que serve para dar destaque a algo relevante em seu blog. Para quem não tem muito espaço para as publicidades, tá aí uma ferramenta bem útil.

Lembrando sempre que, se vai fazer alguma modificação no seu modelo, faça um backup para evitar sustos depois.

Siga os seguintes passos:

1. Vá até “Layout” e abra a aba “Editar HTML” e marque “Expandir modelos de widgets”.

2. procure pela seguinte linha: ]]></b:skin>

3. Logo Acima dessa linha cole o seguinte código:

------------------------------------------------------------------------------------------------------------------------------------

#float_corner {
position:fixed;_position:absolute;bottom:0px;left:0px;clip:
inherit;_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);}


------------------------------------------------------------------------------------------------------------------------------------ 
4. O destaque em vermelho é a posição com relação à tela, que pode ser: “left”, “right”, “top”, “buttom”.

5. Agora encontre a linha “<body>” e cole abaixo dela:

-----------------------------------------------------------------------------------------------------------------------------

<div id="float_corner">
O que quer q flutue na tela… 
</div>
 

-----------------------------------------------------------------------------------------------------------------------------
Entre essas duas linhas de código, coloque o q vc quiser q flutue na tela. Pode ser uma imagem, um menu, um link ou até publicidades – como já dissemos antes. Cabe a sua criatividade.


6. Salve e veja o resultado.

Faça vários teste e veja como fica.

domingo, 13 de maio de 2012

TUTORIAL DE COMO ADC QUADRADINHOS NO HEADER

BOM VOU ESTA FAZENDO ESSE TUTORIAL A PEDIDOS DE AMIGOS POR MSN ATE MESMO NO XAT DO BAIXE RENDERS


1° BAIXE ESSE WALLAPER "CLICK AQUI !"

2° APOS TER BAIXADO O WALLPAPER MONTE SEU HEADER EX: 1280X300 ADICIONE O WALLPAPER COM OS QUADRADINHOS PRIMEIRO 


3° JA PODE MONTAR SEU HEADER, COM AS IMAGEMS POR CIMA

CLICK NA IMAGEM PARA VISUALIZAR




4° CLICK NO QUADRADO DO WALLPAPER


E CLICK COM O BOTÃO DIREITO DO MAUSE EM CIMA DO QUADRADO DA IMAGEM
E VA EM "BLENDING OPTIONS"



5° DIMINUA A OPACIDADE PARA 70 E DE OK
E PRONTO!

CLICK NO HEADER PARA VISUALIZAR

Tutorial -> Como Estalar styles Em Psd

1° ABRE AS STYLES EM PSD NO PHOTOSHOP


2° COM O BOTÃO DIREITO DO MAUSE CLICK NA STYLE


3° DEPOIS CLICK EM COPY LAYER STYLE !


4° DEPOIS DE COPIADO VA ATE SUAS STYLES 


5° NOS ESPAÇO EM BRANCO VOCÊ COLA A STYLE


6° E PRONTO SUA STYLE JA TA ESTALADA COM SOCESSO !

Tutorial - Menu De Redes Sociais


  Entre no Blogger Click Em Design - HTML

 Procure pela por:  ]]></b:skin>  de um  Ctrl + F para procurar, e acima da tag  ]]></b:skin> cole o seguinte código : 


#navegadores{
width:0px;
height:757px;
display:block;
position:absolute;
margin:100px 0 0 820px;
}
#utensilios {
background:url(http://i.imgur.com/52uTJ.png) no-repeat;
margin-top:-145px;
margin-left:-810px;
width:185px;
height:70px;
float:left;
}
#utensilios:hover {
background:url(http://i.imgur.com/QBB8x.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Parceria {
background:url(http://i.imgur.com/dXT9r.png) no-repeat;
margin-top:-145px;
margin-left:-645px;
width:183px;
height:70px;
float:left;
}
#Parceria:hover {
background:url(http://i.imgur.com/jPdip.png) no-repeat;
width:183px;
height:70px;
float:left;
}
#Contact {
background:url(http://i.imgur.com/rCJOn.png) no-repeat;
margin-top:-145px;
margin-left:-479px;
width:170px;
height:70px;
float:left;
}
#Contact:hover {
background:url(http://i.imgur.com/HSJb7.png) no-repeat;
width:170px;
height:70px;
float:left;
}


  Agora procure pela tag:  <div id='content-wrapper'> e Cima da tag    <div id='content-wrapper'>  cole o seguinte código :


<div id='navegadores'>
<a href='URL DA  COMUNIDADE AQUI' id='utensilios' target='blank' title='Nosso Orkut'/> 
<a href='URL FACEBOOK AQUI' id='Parceria' target='blank' title='Nosso Facebook'/>
<a href='URL DO PORTFOLIO AQUI' id='Contact' target='blank' title='Meu Portfolio'/>
</div>

Gostou Comente !

Como Mostrar um Código HTML Literalmente na Postagem do Blogger

Neste Tutorial Vou Esta Encinando a Vocês a Como Fazer Uma Postagem Com Codigos Html

Entre No Painel De Postagem

"Opções De Postagem"


e habilite a opção “Mostrar HTML literalmente” 




Feito isso, coloque o código HTML na aba “Escrever”, assim seu código será mostrado literalmente quando você publicar a postagem.

Tutorial - Como Colocar Emoticons Nos Comentários Do Blog




Entre no painel de seu blog clique em design, editar html, clique para expandir modelos de widgets e procure por:
data:blogCommentMessage

Visualize isso

<h4 id='comment-post-message'><data:postCommentMsg/></h4>

Cole o seguinte código abaixo

<div style=' width: 370px; text-align: left; border: 2px solid #0084ce; background: #FEF9EA; padding: 10px; color:#0084ce; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Esz1Ix4Tlf4ajqoE5T7zltQfsagr3X-PiiTTVMw4rBRzKyGT5iowuRomyrHTVP4wbNy-SkamWPWqo7uklfENTH9dG7PclF9gYqoYN7s7Vn5QPD7pt1dEFZ7zJqaSt7G_r51AoFmIZE/s800/emoticon-0100-smile.gif'/> :a
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_iXVeswFmWgWe1b8_N_gM7igLE0j-SQyXHxuE14PTskreX30_Yy-RmaZ-XrKnjo9x6AqEzujgTATtCpqR9kFNm8bFAtzGOWcz5HbX0wzaENdPpUMrS_OcJKLuC20kKgLxnfmKV6UacA/s800/emoticon-0101-sadsmile.gif'/> :b
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3y283j9xTIE_c21r_C5umJ7cBqXu1r_rl71aZjY_c9NvYgcFs4QoweKGEC2VS-Z5M2LmT7vw6q2hIZ4fDKjd9t0mpSUTKpj76PWjD9a_O5TznuHMFtSX53YxmhSnDC0b7KSJ8WYVIRE/s800/emoticon-0102-bigsmile.gif'/> :c
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3ghZrTyxmzHLCgs-a-yKzvh2FBDAH_7Q3Pwn9ARiwcOe9lrPClpD3PiJbBqRoi0YRXzMgSQjZL6mESkzLdYfcmrpY59PzqlUwAojcTD_GkFA4CAMkAyM_SfDls35QOxYvDDNrjdrYIE/s800/emoticon-0105-wink.gif'/> :d
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6FW9lt-hXPYVfrPkoqZBMUunAmDtWPLtDNEB1lbhucr-U83mMCCxIm9MqGI8nKwuREikfMCY_VcJBJb4OQ9XVFv3FT3yOro2VgfR_xXDco6SFYVbVMvkyp5rSpaMKwc6nj7G2jNOezY/s800/emoticon-0104-surprised.gif'/> :e
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qedXwEW7kUFzcm5f9I0KsCoA3UfAer6dPNUhyVOivJdP29abSoZ5bTAZK_CQPHK4J0dLI9g_wUiSyGTdBUDDz-cnc4mTO6bs0RIDcY4jMzjLbV5z4HtSqOKIEgG71Av1ANhYO1kzQ00/s800/emoticon-0106-crying.gif'/> :f
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7OidLTMzSUEvseO5hA_Yo_qz0nVr_oZ9WiRFGMX-zAL4-ZXVoLQ47eshxg7YhxPbWBrHmERJFS8JPsUBfLv9oMWogpC_s7oN3Gl3vxPa9v9yUYT3e9eb6gZDBnA_Y5lt7nTJcGCkMtHg/s800/emoticon-0109-kiss.gif'/> :g
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nHL4onPvoOFKpOer8wSu-qD14lrDfXCEZOAZM09P6Rya9avmyL3xXsY2FR0MIct6xdahcY7OrSNXNOtgzD-gNxnZX8vBEQOCSJ14FZiYdOKoB73fZ9vhWqDsVXtihXtoc13aQzimcWI/s800/emoticon-0111-blush.gif'/> :h
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PzwAkjIt6IFsCVTP7j8kBIog8shzHJHM-d8BanxhkH6r_A6ypeMLsNgTn5f2ydVWEzCypF9NZMvNWKGDg3YnKpqZn0m1-mY-v7sfi4lq6gIwy6XZ7Mki-E1l98ZItK3O1nlEZBJQzAo/s800/emoticon-0110-tongueout.gif'/> :i
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomfdk2A8ud_XPKyPeQefCCMou8CgIcOlw8SNOEDI3ISCHaEqr92IttCRlGPNAelFZOE8AUgJGxnfyl646caX4YpoSkYVxyGVs8TNI-rcvtXClgsNwdAyfamMFGN5xasyH3TEFr9OeV9I/s800/emoticon-0126-nerd.gif'/> :j
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif'/> :k
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXgZUtL7DUkAzQdqEN192SE3QfqzRFHxQ8ugAznEbB651lbMH_RQEh3Xk1csO79w8dF_2gKzFZXs3q3kFxUnERPhdvstKBxpMd7fEkpdT0_VhyphenhyphenjBrHdiQl0l2sVDXdKBd0272r5yNKUU/s800/emoticon-0130-devil.gif'/> :l
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5Mi7YJD2_3xse1dqNxp0NghGVaBLIO18ZtfRcibdR4OcI8wfUnXnAUTQ5NsXpQbOmB6MirpbIHpeeM9Aq35YQGclsKFPBMQ71XBJLVAqgaGowc6Tp_3M5yhr8UKNmskYTM6SRgh0rto/s800/emoticon-0133-wait.gif'/> :m
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0-cRYWPDBd4nCjGSRxGTvOBHtmqvk7k1k4I4_iqIG4-RLR1sD-V-EQSao8GzDONCe_UM3CXb-fcKprQMx01ThjjHZpChclrtP1Hn2VRhLdO0UQ5nPEqS9kGF7BrpIyxFFjuou6EvtNc/s800/emoticon-0137-clapping.gif'/> :n
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3qUMIJtNtPgc-UrlMxsOfGiIsUiK4v3snvT4yC7Hxf3pKGSbUTVVFvqqEBDCtBu7M3u3iWFHnLtsvOpl46e61CQYNJKIM7Ja5y2Rd_9F6kZvh4G-plwBd0FoPBowlUQUTS_xb2NDsrg/s800/emoticon-0136-giggle.gif'/> :o
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDDFHbSG1OthdNqwo6o3tAlZhiSTyovZypeVWkFoOcIpYYVltk8W9_kiZWcdEZyWLW0fD6vtdCnTlFdd3trU4ddLnWnaIK5sj55GNq9wHejuFApAVvGSVOJpWn8rqce3ry8pzQCjAwsY/s800/emoticon-0141-whew.gif'/> :p
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOW33NyAKiYjETTE23_7F7L70OryKaGmZY0qyANS1YLDNJkRxCpx6KjW3TTjDNGxHZnkTkztTv5e9Z8HgebTmyg7wII36clyeD8AURMJMOCjxjMsIrcrL7HF13Z7FGkw5J5oORtm9VyA/s800/emoticon-0148-yes.gif'/> :q
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy63fARSF7TfDQC-v3BZr1_MavPV3yCLJVzVK6fhW2bsYcaiAnYbIq-ctKoC5U3Jq3c9fNsZCHS6f0ngPSwyQPbKhIJfWJvIEgsQSkKv32k64Vp4TscoWwSh5JF8hwCIWKdZIn88aAHZI/s800/emoticon-0149-no.gif'/> :r
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkvpNMrtmdW3LjrGb6CUDDyJuZrareyfPfBIcy7CB9ZeyvDoxuWr49xUxIkr24O5nRUp2bwvqoaJv2qEdyrDIKzRD-YI-yLdexByjCv2NU8kA_pIcTqSOmDpPYuLdTud5voMDC2CsD1k/s800/emoticon-0178-rock.gif'/> :s
&#160;
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK71zmhYTwY1eXMMzSg9bcfU2iZSLSpWxA6KsREG9FlddYSiYtpLLkB7rS7GxkDokPVkhdP1oCPSOOxCqeeIgAcsQZjfSooA67uj36gJB9dFtUOWxFxJaRqNcJmtQhN94l2BLGxYZRLdQ/s800/emoticon-0155-flower.gif'/> :t
</div>

Clique para salvar

agora  procure por: </body> e coloque o seguinte código antes dele </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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhomfdk2A8ud_XPKyPeQefCCMou8CgIcOlw8SNOEDI3ISCHaEqr92IttCRlGPNAelFZOE8AUgJGxnfyl646caX4YpoSkYVxyGVs8TNI-rcvtXClgsNwdAyfamMFGN5xasyH3TEFr9OeV9I/s800/emoticon-0126-nerd.gif' alt='' class='smiley'/>");
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
_str = _str.replace(/:l/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRXgZUtL7DUkAzQdqEN192SE3QfqzRFHxQ8ugAznEbB651lbMH_RQEh3Xk1csO79w8dF_2gKzFZXs3q3kFxUnERPhdvstKBxpMd7fEkpdT0_VhyphenhyphenjBrHdiQl0l2sVDXdKBd0272r5yNKUU/s800/emoticon-0130-devil.gif' alt='' class='smiley'/>");
_str = _str.replace(/:m/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgS5Mi7YJD2_3xse1dqNxp0NghGVaBLIO18ZtfRcibdR4OcI8wfUnXnAUTQ5NsXpQbOmB6MirpbIHpeeM9Aq35YQGclsKFPBMQ71XBJLVAqgaGowc6Tp_3M5yhr8UKNmskYTM6SRgh0rto/s800/emoticon-0133-wait.gif' alt='' class='smiley'/>");
_str = _str.replace(/:n/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhn0-cRYWPDBd4nCjGSRxGTvOBHtmqvk7k1k4I4_iqIG4-RLR1sD-V-EQSao8GzDONCe_UM3CXb-fcKprQMx01ThjjHZpChclrtP1Hn2VRhLdO0UQ5nPEqS9kGF7BrpIyxFFjuou6EvtNc/s800/emoticon-0137-clapping.gif' alt='' class='smiley'/>");
_str = _str.replace(/:o/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgj3qUMIJtNtPgc-UrlMxsOfGiIsUiK4v3snvT4yC7Hxf3pKGSbUTVVFvqqEBDCtBu7M3u3iWFHnLtsvOpl46e61CQYNJKIM7Ja5y2Rd_9F6kZvh4G-plwBd0FoPBowlUQUTS_xb2NDsrg/s800/emoticon-0136-giggle.gif' alt='' class='smiley'/>");
_str = _str.replace(/:p/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPDDFHbSG1OthdNqwo6o3tAlZhiSTyovZypeVWkFoOcIpYYVltk8W9_kiZWcdEZyWLW0fD6vtdCnTlFdd3trU4ddLnWnaIK5sj55GNq9wHejuFApAVvGSVOJpWn8rqce3ry8pzQCjAwsY/s800/emoticon-0141-whew.gif' alt='' class='smiley'/>");
_str = _str.replace(/:q/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdOW33NyAKiYjETTE23_7F7L70OryKaGmZY0qyANS1YLDNJkRxCpx6KjW3TTjDNGxHZnkTkztTv5e9Z8HgebTmyg7wII36clyeD8AURMJMOCjxjMsIrcrL7HF13Z7FGkw5J5oORtm9VyA/s800/emoticon-0148-yes.gif' alt='' class='smiley'/>");
_str = _str.replace(/:r/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy63fARSF7TfDQC-v3BZr1_MavPV3yCLJVzVK6fhW2bsYcaiAnYbIq-ctKoC5U3Jq3c9fNsZCHS6f0ngPSwyQPbKhIJfWJvIEgsQSkKv32k64Vp4TscoWwSh5JF8hwCIWKdZIn88aAHZI/s800/emoticon-0149-no.gif' alt='' class='smiley'/>");
_str = _str.replace(/:t/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiK71zmhYTwY1eXMMzSg9bcfU2iZSLSpWxA6KsREG9FlddYSiYtpLLkB7rS7GxkDokPVkhdP1oCPSOOxCqeeIgAcsQZjfSooA67uj36gJB9dFtUOWxFxJaRqNcJmtQhN94l2BLGxYZRLdQ/s800/emoticon-0155-flower.gif' alt='' class='smiley'/>");
_str = _str.replace(/:s/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJkvpNMrtmdW3LjrGb6CUDDyJuZrareyfPfBIcy7CB9ZeyvDoxuWr49xUxIkr24O5nRUp2bwvqoaJv2qEdyrDIKzRD-YI-yLdexByjCv2NU8kA_pIcTqSOmDpPYuLdTud5voMDC2CsD1k/s800/emoticon-0178-rock.gif' alt='' class='smiley'/>");
_str = _str.replace(/:a/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX0Esz1Ix4Tlf4ajqoE5T7zltQfsagr3X-PiiTTVMw4rBRzKyGT5iowuRomyrHTVP4wbNy-SkamWPWqo7uklfENTH9dG7PclF9gYqoYN7s7Vn5QPD7pt1dEFZ7zJqaSt7G_r51AoFmIZE/s800/emoticon-0100-smile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:b/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4_iXVeswFmWgWe1b8_N_gM7igLE0j-SQyXHxuE14PTskreX30_Yy-RmaZ-XrKnjo9x6AqEzujgTATtCpqR9kFNm8bFAtzGOWcz5HbX0wzaENdPpUMrS_OcJKLuC20kKgLxnfmKV6UacA/s800/emoticon-0101-sadsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:c/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk3y283j9xTIE_c21r_C5umJ7cBqXu1r_rl71aZjY_c9NvYgcFs4QoweKGEC2VS-Z5M2LmT7vw6q2hIZ4fDKjd9t0mpSUTKpj76PWjD9a_O5TznuHMFtSX53YxmhSnDC0b7KSJ8WYVIRE/s800/emoticon-0102-bigsmile.gif' alt='' class='smiley'/>");
_str = _str.replace(/:d/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZ3ghZrTyxmzHLCgs-a-yKzvh2FBDAH_7Q3Pwn9ARiwcOe9lrPClpD3PiJbBqRoi0YRXzMgSQjZL6mESkzLdYfcmrpY59PzqlUwAojcTD_GkFA4CAMkAyM_SfDls35QOxYvDDNrjdrYIE/s800/emoticon-0105-wink.gif' alt='' class='smiley'/>");
_str = _str.replace(/:e/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgl6FW9lt-hXPYVfrPkoqZBMUunAmDtWPLtDNEB1lbhucr-U83mMCCxIm9MqGI8nKwuREikfMCY_VcJBJb4OQ9XVFv3FT3yOro2VgfR_xXDco6SFYVbVMvkyp5rSpaMKwc6nj7G2jNOezY/s800/emoticon-0104-surprised.gif' alt='' class='smiley'/>");
_str = _str.replace(/:f/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3qedXwEW7kUFzcm5f9I0KsCoA3UfAer6dPNUhyVOivJdP29abSoZ5bTAZK_CQPHK4J0dLI9g_wUiSyGTdBUDDz-cnc4mTO6bs0RIDcY4jMzjLbV5z4HtSqOKIEgG71Av1ANhYO1kzQ00/s800/emoticon-0106-crying.gif' alt='' class='smiley'/>");
_str = _str.replace(/:g/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7OidLTMzSUEvseO5hA_Yo_qz0nVr_oZ9WiRFGMX-zAL4-ZXVoLQ47eshxg7YhxPbWBrHmERJFS8JPsUBfLv9oMWogpC_s7oN3Gl3vxPa9v9yUYT3e9eb6gZDBnA_Y5lt7nTJcGCkMtHg/s800/emoticon-0109-kiss.gif' alt='' class='smiley'/>");
_str = _str.replace(/:h/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6nHL4onPvoOFKpOer8wSu-qD14lrDfXCEZOAZM09P6Rya9avmyL3xXsY2FR0MIct6xdahcY7OrSNXNOtgzD-gNxnZX8vBEQOCSJ14FZiYdOKoB73fZ9vhWqDsVXtihXtoc13aQzimcWI/s800/emoticon-0111-blush.gif' alt='' class='smiley'/>");
_str = _str.replace(/:i/ig,"<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0PzwAkjIt6IFsCVTP7j8kBIog8shzHJHM-d8BanxhkH6r_A6ypeMLsNgTn5f2ydVWEzCypF9NZMvNWKGDg3YnKpqZn0m1-mY-v7sfi4lq6gIwy6XZ7Mki-E1l98ZItK3O1nlEZBJQzAo/s800/emoticon-0110-tongueout.gif' alt='' class='smiley'/>")
b.item(i).innerHTML = _str;
}
}
}
//]]>
</script>

Clique novamente para salvar e depois é só fazer os testes, lembre-se que os comentários do blogger podem demorar uns minutos para aparecer, normalmente não demora, então se não aparecer na hora é normal, mas isso não quer dizer que deu errado, nos testes que fizemos demorou uns 2 minutos para ser visível o comentário com emoticons no blogger.
E o melhor de tudo sobre esses emoticons para colocar no blog é que você pode criar os seus emoticons facilmente, repare que os trechos que se repetem varias vezes:
_str = _str.replace(/:k/gi, "<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif' alt='' class='smiley'/>");
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif'/> :k
&#160;
Cada um numa parte do código é repetido apenas trocando o endereço da imagem e o código para o emotion , portanto se trocar o endereço da imagem: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhpHR7_HWnped4SK5tN5rzsihcgtHhe953o19GKLGj7BLrviLxsCX87qXm38Ic6Fth3lzYiy2CK6vkA4PzngIzNHATyj_XbQf9v5OK0j6M4c1J7vYswPj0aXiTJ2vAsYzjqYfK6XOHqFbk/s800/emoticon-0103-cool.gif'

E o código :k irá criar um novo emoticon, apenas tome cuidado para não apagar nem colocar nada a mais no código e não usar o código de imagem repetido ou seja :k só poderá haver um deles, então escolha outros caracteres para ser o atalho para os novos emoticons.