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
Como colocar smiles nos comentários do Blogger EmptyQui Jul 02, 2015 9:31 am por blogsdox

» Onde aprender JavaScript?
Como colocar smiles nos comentários do Blogger EmptyQui Jul 02, 2015 9:26 am por blogsdox

» GANHE DÓLARES VIA PAYPAL COM O YROO!!!
Como colocar smiles nos comentários do Blogger EmptySex Maio 29, 2015 8:34 am por LAZAROPLA

» 10 Templates Responsivos WordPress de 2015
Como colocar smiles nos comentários do Blogger EmptySex Fev 06, 2015 8:26 am por blogsdox

» Registro de domínios grátis
Como colocar smiles nos comentários do Blogger EmptySex Dez 12, 2014 9:41 am por blogsdox

» Como publicar no Facebook o post do blog (BLOGGER) com a imagem correta??
Como colocar smiles nos comentários do Blogger EmptySeg Mar 17, 2014 5:34 pm por blogsdox

» As principais dicas de SEO - seu site na primeira pagina! [TUTORIAL]
Como colocar smiles nos comentários do Blogger EmptyQui Out 10, 2013 2:54 am por JJJacinta333

» O que é Tumblr?
Como colocar smiles nos comentários do Blogger EmptyQui Out 10, 2013 2:52 am por JJJacinta333

» melhor VPN para jogos online!
Como colocar smiles nos comentários do Blogger EmptyQui Out 10, 2013 2:50 am por JJJacinta333

» HTML5 APIs para Mobile com Zeno Rocha
Como colocar smiles nos comentários do Blogger EmptySab Set 28, 2013 6:43 pm por blogsdox

» nova interface do blogger
Como colocar smiles nos comentários do Blogger EmptySex Set 13, 2013 7:01 pm por blogsdox

» Dicas para Blogs - Programas de Afiliados e Google Adsense
Como colocar smiles nos comentários do Blogger EmptyQua Ago 28, 2013 1:16 pm por blogsdox

» Conteúdo não é o REI, como diz o GOOGLE
Como colocar smiles nos comentários do Blogger EmptySeg Ago 26, 2013 5:07 am por eu

» Como excluir um blog do Blogger [Atualizado]
Como colocar smiles nos comentários do Blogger EmptyQui Ago 08, 2013 10:59 am por blogsdox

» Como divulgar as postagens do seu blog no dihitt
Como colocar smiles nos comentários do Blogger EmptyQui Ago 08, 2013 7:28 am por blogsdox

» Como usar Google Analytics no Blog, Site ou Aplicativo
Como colocar smiles nos comentários do Blogger EmptyQua Ago 07, 2013 11:16 am por blogsdox

» [Video Aula] Como gerar anúncios do Adsense e publicar no Wordpress
Como colocar smiles nos comentários do Blogger EmptyQua Jul 24, 2013 2:46 pm por blogsdox

» [Video Aula] Como Instalar o WordPress em Servidores com Cpanel
Como colocar smiles nos comentários do Blogger EmptySab Jul 06, 2013 11:08 am por blogsdox

» [Vídeo] Como reconquistar seus clientes
Como colocar smiles nos comentários do Blogger EmptySab Jun 22, 2013 8:11 am por blogsdox

» Pedro Dias, da Engeeno.com fala sobre Search Engine Optimization (SEO)
Como colocar smiles nos comentários do Blogger EmptySab Maio 18, 2013 9:54 am por blogsdox

» Segredo dos Milionários: Solução para o seu Marketing de Rede
Como colocar smiles nos comentários do Blogger EmptyQui Maio 09, 2013 9:47 pm por juliomoney

» Como colocar templates no Blogger ( 2013 )
Como colocar smiles nos comentários do Blogger EmptySeg Abr 29, 2013 11:36 am por blogsdox

» O que é Cloud Computing? - Hostnet
Como colocar smiles nos comentários do Blogger EmptySab Abr 13, 2013 10:48 am por blogsdox

» Mundo Tecnologico
Como colocar smiles nos comentários do Blogger EmptyDom Abr 07, 2013 1:35 pm por lincolnszebeni

» Quanto cobrar pelas publicidades no seu blog?
Como colocar smiles nos comentários do Blogger EmptySab Mar 16, 2013 8:15 am por blogsdox

» [Video Aula] Como criar Slideshow em Flash
Como colocar smiles nos comentários do Blogger EmptyQui Mar 14, 2013 5:04 pm por blogsdox

» Top 10 melhores Agregadores de Links
Como colocar smiles nos comentários do Blogger EmptySex Mar 01, 2013 4:15 pm por carlosluiz

» Templates para Blogger e Sites otimizados
Como colocar smiles nos comentários do Blogger EmptyQua Fev 20, 2013 4:38 pm por blogsdox

» Campanhas Avançadas - Search / Introdução
Como colocar smiles nos comentários do Blogger EmptyQua Fev 20, 2013 7:02 am por blogsdox

» O que é Plágio?
Como colocar smiles nos comentários do Blogger EmptyQua 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

blogsdox
ADMIN
Como colocar smiles nos comentários do Blogger Smile-296x300 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:
Como colocar smiles nos comentários do Blogger Smiles

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 https://ajudablogueiros.forumeiros.com

andrehp

andrehp
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