Adicionar Emoticons no Comentários Do Blogger

Quer adicionar emoticons Facemoods em seus comentários no Blogger? Depois, siga os seguintes passos:

Passo 1.

Se você estiver usando a interface do Blogger antigo:

• Ir para o Dashboard - Design - Editar HTML - Expandir Modelo de Widget (fazer um backup)

Se você estiver usando a interface novo Blogger:

• Ir para o Dashboard - Molde - Editar HTML - Prossiga - Expandir Modelo de Widget (fazer um backup)

Passo 2. Pesquisa (CTRL + F) para este código:

• Para sistema de comentários anteriores: 

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

• Para comentários de rosca:

<div class='post-footer-line post-footer-line-3'>

. Passo 3 Adicione o código abaixo logo acima dele
(para comentários, adicione o código depois):

<b:if cond='data:blog.pageType == "item"'>
<div style=' width: 450px; text-align: left; border: 1px dashed #0084ce; background: transparent; padding: 10px; color:#000000; font-weight:bold; '>
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjidunWgV8VfSvvCszCE4WEZSiSNWUisOPTfVlMAfI3hfpMhpMq3mpaLXsnmMaAtuy3mvx5bBUUtSmKkqmFkx5sxOoHIisKGVeOaFzK25OgfMLZZQVU5LOZNAcne3tajMsV1tuKzWwpblep/s1600/helplogger.blogspot.com(1).gif'/> :a
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPg2vVj8Qn8VT90rJWB0ZcI7S2rOBkNUyLJkTZfoEzIH1Taz1Yli929ztoLcwLblVGPKaDF91DzknaX9YiiZhDZihVG9u3ETuLYorDTRItnA7YyN04EDpLWvVSvTJQau6jsKDTkz3eueuJ/s1600/helplogger.blogspot.com+(2).gif'/> :b
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwrZjAqDMPWz6N0OFq_HaNE50ju9k1zUjBRx6PqZwj5mzuppP1WR8Jw8kgPJwCN-6STZlBdcdHX27UXQm3rMCPGdrCwrB3CkJCja7HeAvYgQkUD6o8kP-79JYLjnLTRwCXam3w8-AFwRqP/s1600/helplogger.blogspot.com(3).gif'/> :c
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvcutGOG005l2zguG-xmx7jJuqmzGAYoqKQGxCxtqOIGUmR-0EmZjUeIPO-GhZWdqmzbbaMpCWes7zgt4O5DG7hVqJ7w5zK6yNZmkN8Jdb4b96Bi7ysbXprnS15LGj9W0fIRnJYbF1WI6C/s1600/helplogger.blogspot.com(4).gif'/> :d
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRu2t-9mMlvKBtgdnMOzW3IRCvaArflsTjzURjbFUz3YmvMCl85JIccDqYOyqDtok1NaO8R8HkNuZPexdrWrJUJjKEWQrlGofBUKuVjZb1p7TCDSvuvny3w2AMu3HDo1q5XfCf9cHZ2kNE/s1600/helplogger.blogspot.com(5).gif'/> :e
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtoODYxArNR04wCZiCGfQt12QwlUFJP7ryAnMiDpg4mmIVahrvVDQQJzz_nx1pl4_hY4AaVDbmyjUJp-nkB5em4_hW0fZ5gz4BwnqLJ0oUYI7ZUfyKQFSTgP8VKWjHQnB5SLpn6_cyE7JZ/s1600/helplogger.blogspot.com(6).gif'/> :f
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6oq_k6LuOA7LDuVOntgwIyoiS-tneKGhxckYCTR6p_toYmLmNBxz4KMCt_OqdKziYnu2U0Wa8ncP9vemIkCqt5txr3QPGvKY53zn1Lq53lfh9r-R38OXd0hMksbgBOwFV4s7_l5bIXQ_q/s1600/helplogger.blogspot.com(7).gif'/> :g
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAemLzENJFL5lTz8baowDogFxXs-7Io1feNMLuWCCJcz0HrI4Q4wujqPzVvngJkKcO_yZTshAzuocPFWb7HOvqpqn-W1i83iphXB9npcw_UjOX_SbGJ_JVmx9s4aKExP_OUtXwczEAIgjP/s1600/helplogger.blogspot.com(8).gif'/> :h
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEife0qLJubDFWN733SzFl24Z4hs3oD2gHL_sGpz2mLkm2O8ucTzFcFWmeFf-PvExfcB0Cm8cqGhAGFHO-HEyWvZLZyi4xUwiRIwuBdlT6skAEBQb6H5Oiurpo4_MzSJ9MFUm9lbjoWKOeaK/s1600/helplogger.blogspot.com(9).gif'/> :i
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigW-0NBwWn8kMfR_hX5ozAz7nDuaxJGTFf0Uqz0855YTfA7rRO16Twd6L1vQl3y9_zVBPHwV3JlzOc58E_7J1nk9Wv6ZjD5jvX0w4Uf8TYAXUJHIlWDuZWHSVzSilMp0hH1FynNpUiqtJ9/s1600/helplogger.blogspot.com(10).gif'/> :j
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhbXiQ7d_uiTydSgCFyMmX9syabRKB8Fy5yAxQ71Tx-ARkNEvHjIP5S-FfaPef26IiyJQiQJYZIJ6TYws_l2AogvUM0irNG5t7PkAlqlOzBWTHeyUqQSR2gnAWhx71wThK2pGQX2MikoLx_/s1600/helplogger.blogspot.com(11).gif'/> :k
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgFwX_IcdTz54-NiZy_7EQ3LcVp3eYih-c0AoApmNg0Q5E-_R13WmIW9IlZk7v58Og-M1iRsVYrRIhsWcDOvcnzQl4lzhyphenhyphennxTOklj5hYzRj4snJf8iSwQeSGBO_1WhXmVOkkKOShRm8yxPH/s1600/helplogger.blogspot.com(12).gif'/> :l
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgUiC380d_3J968062iXszUo2nLcKeVrKLbu_R3RAu9Do54F4Q7cwHYsfLbzlM_xpsjKyJgcrw3aZkYYslLQ9Y-PLQf6e7ke2D5sVSKyFAU6c9AA4bKU0qQRTTiPNRdcNihYqcAxZGpX4DJ/s1600/helplogger.blogspot.com(13).gif'/> :m
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQm9wZVRNtnYyzlZwcft3iEmdlgVH0KbsWpnKR-rZTW8LBFelV5Va0hIeYiBIqCf_06PW5Q7iM1ZDxsvloGCf-GjmRfiftaJP5SRNj_tzT_4P2Xa6HYGw1-vd55UFWx3Za-0VKfswJnI-d/s1600/helplogger.blogspot.com(15).gif'/> :n
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjon4p0XGpc8TWq9dHvb4wOFEAcXnuiESmZv0bMzi0v7jLhJU7TB_u7Zb9nUH7nPbwiEghi00O1E3VRAUkeAdW0cNBuxSzIe9vuBAf915Pnj_7Bni8ESsRfp3GFV3dzbh4Sxfkb195DmBOf/s1600/helplogger.blogspot.com(16).gif'/> :o
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjecCZ0EkTZyParqxo_skld5XuNHrDLSfM9ZyR6YLfO1IQriT_sZH_Z5tMi3yzs9oxHyk_0NEYWp7QXRYEBhN7J0tOnrPl3qwbut1bU52y52yxyG4x3xk2ZbiujUu9CSVs1LGKOuiEm5fOt/s1600/helplogger.blogspot.com(14).gif'/> :p
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrQTvOLEDQ_9rALOyGjEOjqhNbTT6p7DVPET2hi0moaOvTd6d6uE2V-uUwp2hv5uzOHAeUwtYlh4XKHZRXBOxIPH1fLSQnxPuhWx0gxUr57fkJ0ikdQl_KudjrwtZL1gsLrgwHvrZExrNd/s1600/helplogger.blogspot.com(17).gif'/> :q
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh75GFWOMzjw_XWPH6FzvjUDDnXAOM_03ZI4U93zHrr1GQ_T5XPaK8vTYQAJyJWZx5-3yFwLYhzubuuqpH8xZTDxsFEXdNviJDmSb4iIC0M_XOy0EMw_1RzT7OQkAg7QxX-cPpSvP3rj3ce/s1600/helplogger.blogspot.com(18).gif'/> :r
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZhhq07h70WQWFGXdN2zGhsqreLBIuez8VtyYV7zROBDhzaPmMT4_kkE4Qt0KtX0Dk4qSlc-bby38QGO9vWmkx10iQT_z4blm6DEQbS58B8sz9ghk7H17dHxIFMpliKYstl4xC1t2es2Ia/s1600/helplogger.blogspot.com(19).gif'/> :s
&#160; 
<img border='0' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgA-HFDmEe6qSrHTS8obD4xE483vPoWpEfo4yTCXKuWFXthW2YGyRCRjBAKzswAqHcHJFeSsXA4JKk1FPElvV0iTmyZFNDkuDSyoXeJqB0buo94Rzmk-SxdcYF4kpOwBjaX70oH5hnG9qgw/s1600/helplogger.blogspot.com(20).gif'/> :t   <a href='http://dicasblogpro.blogspot.com/2013/01/adicionar-emoticons-no-comentarios-do.html' style='color: rgb(30, 122, 183); font-size: x-small;'>Add smileys to Blogger + </a>
</div></b:if>

. Passo 4 Agora, procure por este pedaço de código:

</ Body>

Passo 5. E adicione o seguinte código imediatamente acima dele:

• Para sistema de comentários anteriores:

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons.js"/>

• Para comentários de rosca: 

<script type='text/javascript' src="http://helplogger.googlecode.com/svn/trunk/facemood emoticons threaded.js"/>

Passo 6. salvar o modelo. E desfrutar de seus comentários:>

Leia mais »»

Como Adicionar "Formulário De Inscrição E-Mail" Para O Blogger Blogspot !

Se você estiver fornecendo informações úteis em seu blog, em seguida, cada visitante vai querer receber as últimas atualizações de seu blog. Para esse efeito, é necessário um formulário de inscrição e-mail em seu blog, para que os visitantes interessados ​​podem facilmente receber as últimas atualizações. E para adicionar e-mail ou formulário de subscrição de alimentação para seu blog blogger (blogspot) é uma coisa muito fácil de fazer. Então, vamos começar: 1. Entrar para o Blogger, então vá para Design> Elementos da página> clique em "Adicionar um gadget" link. 2. A partir da janela pop-up, clique em "HTML / JavaScript" gadget. 3. Cole o seguinte código dentro da caixa vazia:

sem repetir 0px 12px; width: 300px; padding: 10px 0 0 55px; float: left; font-size: 1.4em; peso-font: bold; margin: 10px 0 0 -1px 1px rgba (0,0,0,0.25); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; font: 12px sans-serif; } . hl-emailsubmit : hover { background: # E98313; }. textarea { padding: 2px; margin: 2px 2px 6px 6px; background: # f9f9f9; border: 1px solid # ccc;redimensionamento: none; box-shadow: 1px 1px inset 1px rgba (0 , 0,0,0.1); -moz-box-shadow: 1px 1px inset 1px rgba (0,0,0,0.1); -webkit-box-shadow: 1px 1px inset rgba 1px (0,0,0,0.1 ); font-size: 13px; width: 130 px; color: # 666;} </ style> <div class="hl-email"> inscrever através do email <form action = "http://feedburner.google.com / fb / a / "id =" mailverify feedform "method =" post "target =" popupwindow "onsubmit =" window.open (' http://feedburner.google.com/fb/a/mailverify?uri=dicasblogpro ' , 'popupwindow', 'scrollbars = yes, largura = 550, altura = 520'); return true "><input gtbfieldid = "3" class = "textarea" name = "" onblur = "e-mail if (this.value = = "") {this.value = "Digite o endereço de e-mail aqui";} "onfocus =" if (this.value == "Digite o endereço de e-mail aqui") {this.value = "";} "value =" Digite o endereço de e-mail aqui "type =" text "/> <input type = "" valor = "hidden helplogger "name =" uri "/> <input type =" "name =" hidden "value =" loc en_US "/><input class="hl-emailsubmit" value="Submit" type="submit" /> </ form> </ div>

Configurações 

• Substitua o endereço url em verde se você quiser mudar o ícone de e-mail
• Aumentar / diminuir o 130 valor de largura para uma área mais ampla de texto
• Substitua http://feedburner.google.com/fb/a/mailverify?uri=dicasblogpro com o seu link de alimentação Feedburner e-mail. Você pode obtê-lo acessando sua conta do FeedBurner em seguida, navegue para divulgar e depois para Assinaturas e-mail.
• Substitua dicasblogpro com o seu título de feed. Ele aparecerá no final do seu link de alimentação. No meu caso é http://feedburner.google.com/fb/a/mailverify?uri =dicasblogpro

4. Salve o seu widget e verificar o seu blog.

Leia mais »»

Hoje eu vou explicar como adicionar atraente 
slides barra de navegação de estilo para estilo blogger.Slide 
amazing. This olhar não é um jquery, im usando CSS3 
e HTML. 

1. Entrar na conta Blogger e clique cair.

2. Agora selecione " Template "como abaixo.

3. Agora você pode ver ao vivo no blog, clique em EDIT HTM botão L " 4. Agora clique em Continuar botão. 5.Encontre esta tag usando Ctrl + F    ]]> </ b: skin> . 6 Cole o código abaixo antes de ]] > </ b: skin> tag

    

/ * O Código CSS para o menu começa aqui bloggertrix.com * /
navrotatebt {
        max-width:! 900px importante;
            margin: auto 100px;
            margin-top: 20px;
        }
        navrotatebt ul {
            list-style: none;
            overflow: hidden;
        }
        navrotatebt li a {
            background: # D8D8D8;
            border-right: 1px solid # fff;
            color: # fff;
            display: block;
            float: left;
            font: 13px 400 'Alternativas de Montserrat ", Arial;
            padding: 10px;
            text-align: center;
            text-decoration: none;
            texto transformar-: maiúsculas;
            width: 80px;
            -Webkit-transição: transformar 1s;
            -Moz-transição: transformar 1s;
        }

        navrotatebt # nojquery li a:. pairar, girar {
            -Moz-animação: 2s animrotate; 
            -Webkit-animação: 2s animrotate; 
            background: # 222;
        }
        @-Moz-keyframes animrotate {
            100% {background: blue;-moz-transform: perspectiva (200px) rotateY (360deg);}
        }

        @-Webkit-keyframes animrotate {
            100% {background: blue;-webkit-transform: perspectiva (200px) rotateY (360deg);}
 }

7. Vá para o Blogger e clique em Layout de 

8. Clique Adicionar gadget e selecione 'HTML / Javascript 

9. Colar código abaixo.

<navrotatebt id="nojquery">

   <ul>
     <li> <a href="#"> Home </ a> </ li>
     <li> <a href="#"> Sobre </ a> </ li>
     <li> <a href="#"> Portfolio </ a> </ li>
     <li> <a href="#"> Serviços </ a> </ li>
     <li> <a href="#"> Blog </ a> </ li>
     <li> <a href="#"> contato </ a> </ li>
   </ Ul>
</ Navrotatebt>

Substituir # com seus links. 10. Agora salve o seu HTML / Javascript '.     Está feito ... 

Creditos: Dicas Blog Pro

Leia mais »»