Como Criar um Site ou Blog de sucesso [Fórum BlogsDox]
O fórum Ajuda Blogueiros é uma grande comunidade de blogueiros com o foco no compartilhamento de ideias e ajudar uns aos outros.
Como Criar um Site ou Blog de sucesso [Fórum BlogsDox]

O Fórum BlogsDox é uma grande comunidade de blogueiros com o foco no compartilhamento de ideias e ajudar uns aos outros. Como criar um blog | criar site grátis

Social bookmarking
Social bookmarking delicious  Social bookmarking reddit  Social bookmarking stumbleupon  Social bookmarking slashdot  Social bookmarking yahoo  Social bookmarking google  Social bookmarking blogmarks  Social bookmarking live      

Espalhe o Ajuda Blogueiros por ai!

Conservar e compartilhar o endereço de Como Criar um Site ou Blog de sucesso [Fórum BlogsDox] em seu site de social bookmarking

Receba por e-mail:

Digite seu e-mail:

Últimos assuntos
» Como escrever postagens ótimas para seu blog
Qui Jul 02, 2015 9:31 am por blogsdox

» Onde aprender JavaScript?
Qui Jul 02, 2015 9:26 am por blogsdox

» GANHE DÓLARES VIA PAYPAL COM O YROO!!!
Sex Maio 29, 2015 8:34 am por LAZAROPLA

» 10 Templates Responsivos WordPress de 2015
Sex Fev 06, 2015 8:26 am por blogsdox

» Registro de domínios grátis
Sex Dez 12, 2014 9:41 am por blogsdox

» Como publicar no Facebook o post do blog (BLOGGER) com a imagem correta??
Seg Mar 17, 2014 5:34 pm por blogsdox

» As principais dicas de SEO - seu site na primeira pagina! [TUTORIAL]
Qui Out 10, 2013 2:54 am por JJJacinta333

» O que é Tumblr?
Qui Out 10, 2013 2:52 am por JJJacinta333

» melhor VPN para jogos online!
Qui Out 10, 2013 2:50 am por JJJacinta333

» HTML5 APIs para Mobile com Zeno Rocha
Sab Set 28, 2013 6:43 pm por blogsdox

» nova interface do blogger
Sex Set 13, 2013 7:01 pm por blogsdox

» Dicas para Blogs - Programas de Afiliados e Google Adsense
Qua Ago 28, 2013 1:16 pm por blogsdox

» Conteúdo não é o REI, como diz o GOOGLE
Seg Ago 26, 2013 5:07 am por eu

» Como excluir um blog do Blogger [Atualizado]
Qui Ago 08, 2013 10:59 am por blogsdox

» Como divulgar as postagens do seu blog no dihitt
Qui Ago 08, 2013 7:28 am por blogsdox

» Como usar Google Analytics no Blog, Site ou Aplicativo
Qua Ago 07, 2013 11:16 am por blogsdox

» [Video Aula] Como gerar anúncios do Adsense e publicar no Wordpress
Qua Jul 24, 2013 2:46 pm por blogsdox

» [Video Aula] Como Instalar o WordPress em Servidores com Cpanel
Sab Jul 06, 2013 11:08 am por blogsdox

» [Vídeo] Como reconquistar seus clientes
Sab Jun 22, 2013 8:11 am por blogsdox

» Pedro Dias, da Engeeno.com fala sobre Search Engine Optimization (SEO)
Sab Maio 18, 2013 9:54 am por blogsdox

» Segredo dos Milionários: Solução para o seu Marketing de Rede
Qui Maio 09, 2013 9:47 pm por juliomoney

» Como colocar templates no Blogger ( 2013 )
Seg Abr 29, 2013 11:36 am por blogsdox

» O que é Cloud Computing? - Hostnet
Sab Abr 13, 2013 10:48 am por blogsdox

» Mundo Tecnologico
Dom Abr 07, 2013 1:35 pm por lincolnszebeni

» Quanto cobrar pelas publicidades no seu blog?
Sab Mar 16, 2013 8:15 am por blogsdox

» [Video Aula] Como criar Slideshow em Flash
Qui Mar 14, 2013 5:04 pm por blogsdox

» Top 10 melhores Agregadores de Links
Sex Mar 01, 2013 4:15 pm por carlosluiz

» Templates para Blogger e Sites otimizados
Qua Fev 20, 2013 4:38 pm por blogsdox

» Campanhas Avançadas - Search / Introdução
Qua Fev 20, 2013 7:02 am por blogsdox

» O que é Plágio?
Qua Fev 20, 2013 2:31 am por andrehp

Publicidade

Você não está conectado. Conecte-se ou registre-se

Ver o tópico anterior Ver o tópico seguinte Ir em baixo  Mensagem [Página 1 de 1]

blogsdox

avatar
ADMIN
Hoje irei ensinar aqui um truque muito simples, com Puro CSS3 e Jquery, para colocar “carinhas”, Smiles ou Emoticons, como queiram chamar (rss) nos comentários. Eu as acho muito simpáticas e, apesar de chamadas de “firulas infantis” por muitos, pra mim são carinhos ou expressões que “economizam” muitas palavras quando queremos compartilhar nossas emoções. Só isso!

Irá ficar assim:

Faça login ► Clique na opção “Modelo” depois em “Editar HTML”

Vamos instalar o CSS. Procure por
Código:
]]></b:skin>

e cole o seguinte código ACIMA dela:
Código do hack para para emoticons

Feito isso, procure pela tag no final do documento XML .
Copie o código abaixo e cole ACIMA.

Código:
<script src='http://dl.dropbox.com/u/684300/jquery.cssemoticons.min.js'type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ $('.comment-body p').emoticonize({ //delay: 800, //animate: false, //exclude: 'pre, code, .no-emoticons' }); }) </script>

Salve o template.
Copie o endereço abaixo, que são as imagens que editei para esse exemplo e cole em um bloco de notas.

Código:
<img border='0' src='http://2.bp.blogspot.com/_DCJ4PAWLOdE/TLbcdwvITLI/AAAAAAAAE60/9xNKzhbaqbM/s1600/Emoticons.png'/></img>

Volte a página “Editar HTML” , clique na opção “Expandir modelos de widgets” e procure pelo seguinte trecho:

Código:
<data:blogCommentMessage/></p>

Cole EXATAMENTE ABAIXO dele, o endereço das imagens que você copiou em seu bloco de notas.
Visualize e se estiver tudo bem, salve o template.

OBS.: No Internet Explorer que ainda não lê CSS3 os emoticons aparecerão quadradinhos, mas não perdem muito a graça, veja:


____________________________________________________________
Templates para Blogger e Wordpress

Guia de Como Anunciar
Ver perfil do usuário http://ajudablogueiros.forumeiros.com

andrehp

avatar
Mini Blogueiro
Mini Blogueiro
Simples e útil. Adorei o tutorial!

Ver perfil do usuário http://x-tudonline.blogspot.com.br/

Ver o tópico anterior Ver o tópico seguinte Voltar ao Topo  Mensagem [Página 1 de 1]

Permissão deste fórum:
Você não pode responder aos tópicos neste fórum