Pesquisar

Adicionar manualmente um gadget Disqus para o Blogger


Adicionar manualmente um gadget Disqus para o Blogger

Se o instalador do aparelho Disqus não está funcionando, você tem a opção de instalar manualmente o gadget em seu site Blogger.

Isso exigirá a edição do seu modelo "HTML" Blogger, 
por isso não vai trabalhar com dinâmicas Visualizações modelos.
 

Adicionar um novo gadget

  1. Vá para a sua seção Blogger "Layout" e clique em Adicionar um gadget na barra lateral
  2. No Adicionar um Gadget pop-up, role para baixo para encontrar o HTML / Javascript no botão gadget e clique em +
  3. Digite o Disqus como o título,   e, para o conteúdo,  o código a seguir:
      <- Disqus gadget de comentários ->
  4. Clique em Salvar e fechar a janela
  5. Clique em Salvar arranjo no visualizador de layout



"Adicione o código Disqus ao seu modelo"

  1. Vá até o seu blog Template seção, clique em "Editar HTML" e clique no botão "Editar modelo"
    Edite botão modelo dentro Blogger editor de modelo
  2. Clique dentro da área de texto e pesquisa para o widget que você acabou de criar no seu modelo de HTML, pressionando Ctrl-F (Command-F em OSX), em seguida, digitando Disqus . Você deve encontrar a seguinte linha:
      <b:widget id='HTML1' locked='false' title='Disqus' type='HTML'>
  3. Altere essa linha para adicionar = móveis 'sim' para carregar Disqus no seu modelo de celular. Ele vai ficar assim quando estiver pronto:
      <b:widget id='HTML1' locked='false' mobile='yes' title='Disqus' type='HTML'>
  4. Abaixo disso localizar e APAGAR o seguinte código logo antes da tag de fechamento. A seção que você está excluindo deve ficar assim:
      id='main'> <b:includable
      <- Único título de exibição, se é não-vazio ->
      <b:if cond='data:title != ""'>
        <h2 class='title'> <data:title/> </ h2>
      </ B: if>
      <div class='widget-content'>
        <data:content/>
      </ Div>
      <b:include name='quickedit'/>
    </ B: includable>
  5. Antes do fechamento </ b: Widget> tag, adicione o seguinte código Disqus (lembre-se de substituir EXEMPLO "com o seu nome abreviado fórum e não se esqueça de deixar'' 'na frente do seu nome abreviado e''; 'depois).:
      id='main'> <b:includable
                <script type='text/javascript'>
                    var disqus_shortname = 'Exemplo';
                    var disqus_blogger_current_url = "<data:blog.canonicalUrl/>";
    
                    if (disqus_blogger_current_url.length!) {
                        disqus_blogger_current_url = "<data:blog.url/>";
                    }
    
                    var disqus_blogger_homepage_url = "<data:blog.homepageUrl/>";
                    var disqus_blogger_canonical_homepage_url = "<data:blog.canonicalHomepageUrl/>";
                </ Script>
    
                <b:if cond='data:blog.pageType == "item"'>
                    <style type='text/css'>
                        # comments {display: none;}
                    </ Style>
    
                    <script type='text/javascript'>
                        (Function () {
                            var bloggerjs = document.createElement ('script');
                            bloggerjs.type = 'text / javascript';
                            bloggerjs.async = true;
                            bloggerjs.src = 'http://' + disqus_shortname + '.disqus.com / blogger_item.js';
                            (Document.getElementsByTagName ('head') [0] | | document.getElementsByTagName ('body') [0]) appendChild (bloggerjs).;
                        }) ();
    
                    </ Script>
                </ B: if>
                    <style type='text/css'>
                        . Pós-comment-link {visibility: hidden; }
                    </ Style>
    
                    <script type='text/javascript'>
                    (Function () {
                        var bloggerjs = document.createElement ('script');
                        bloggerjs.type = 'text / javascript';
                        bloggerjs.async = true;
                        bloggerjs.src = 'http://' + disqus_shortname + '.disqus.com / blogger_index.js';
                        (Document.getElementsByTagName ('head') [0] | | document.getElementsByTagName ('body') [0]) appendChild (bloggerjs).;
                    }) ();
    
                </ Script>
    </ B: includable>
  6. Clique em Salvar modelo Assumindo que não há erros, Disqus deve mostrar corretamente em seu site agora.
  7. (Opcional) Verifique se as meta tags em seu Blogger Template não forçar o Internet Explorer para carregar usando padrões IE7. Para mais informações, consulte Solução de problemas Disqus no Internet Explorer 8/9/10

Artigos relacionados

fonte:helpdisqus


Aprendendo: ...como "Mudar o estilo" de "Formulário de Contato para blogger"

Aprendendo: 

...como "Mudar o estilo" de "Formulário de Contato para blogger"


..." agora temos um novo gadget que vem com o Blogger." 
 Este é um 
 "Gadget" 
"formulário Contatopara Blogger.
 

◄Este é um formulário de contato que permiteenviar uma mensagem para o administrador do blog. 






"Mudando o estilode seu formulário de contato no blogger"




Novidade!..."blogger"..."Introduzido um novo "Formulário de contato" " widget "

 

Introduzido  um novo "Formulário de contato"   

" widget " .

 

Se um leitor entra em um

nome válido,

endereço de e-mail

e mensagem no formulário,

o proprietário do blog

vai receber a mensagem

através do seu e-mail de registro.

Para instalar o "widget" do
Blogger


... dashboard,


...selecione:

Layout>

adicionar um gadget.


O Widget de formulário de contato

está localizado na aba

"Mais Gadgets".

Formulário de contato Formulário de contato Novidade! Adicionar
Adicione um widget de formulário de contato a seu blog.
Por Blogger 






 

Compartilhada publicamente - 
por

Blogger




Sobre o novo  gadget 
 
... não é configurável 
... segue as cores predominantes do template.
 
 Para adicionar  
novo  gadget    
"formulário de contato" ->
...no "lay-out" 
...clicar em 
"adicionar gadget". 
 
- Escolha mais gadgets
  
...clicar em 
   formulário de contato
...Salvar.




O formulário de contato para seu website com proteção anti-spam integrada!

você está em>>Home>>website, anti-spam integrada ,formulário de contato simples, dicas, blog, blogger






O formulário de contato para seu website com proteção anti-spam integrada!

faça um para você colocar em seu blog/site,com antispam
                     
clique aqui 





Você escolhe seu modelo!




* O nosso formulário de contato ficou assim:                                                     



formulário de contato

Responder Comentário Padrão do Blogger em "templates personalizados"...saiba como ativar opção





Responder Comentário 
Padrão 
do Blogger 
em 


"templates personalizados"

...saiba como ativar opção...                                    




Nos templates padrão, antigo blogger, e/ou templates personalizados...                                 




Veja os passos a seguir:

"Opção de respostas nos "comentários de blogs" do "blogger"



template (inglês)=modelo (potuguês)

 Em Blogs  mais antigos,   para que essa função funcione,
 a troca é realizada em  parte de um código no HTML,
de seus blogs/modelos.

Os comentários que tem a opção de resposta aos comentários ,
a comentários feitos,  por outra pessoa/comentador, no blog da gente; a resposta aparecerá  logo abaixo do comentário da outra pessoa/comentador, ocorrendo assim um debate,  entre comentaristas nos "blogs".

Então:

Para que a opção de "responder comentários" funcione em "blogs/ sites,  que utilizam  a plataforma blogger.

Passo 1:

A opção de "responder comentários",
para funcionar direitinho...
...necessário se faz, que seja trocada parte de um código no HTML de seu template, sendo que deve ser prestada atenção, em virtude do mesmo, se encontrar em dois lugares  no HTML
para trocá-los, nos dois lugares em que ocorre o código supra

Daí,
para quem utiliza  versão de interface antiga do blogger, e/ou templates personalizados:



    Logar em seu blog... (blogger.com), na interface antiga.

 
    Clicar  em Design;


    Clicar em Editar HTML;


    Executar um  backup de teu código, clicando em Baixar Modelo completo;


    Na caixinha, do lado direito, superior,clicar em Expandir modelos de Widget.



    Encontre  os códigos 

     

<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>

    Pressione, ao mesmo tempo,  as  teclas de atalho , em seu teclado:

Ctrl 
F  
e use parte do código para encontrá-los.
    


Passo 2


No local encontrado, código acima , troque
pelo código a seguir:   

     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
  
Pronto!
Visualize
Estando tudo certinho!
Salve!


NOTA:

Não encontrando o código:

 <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:include data='post' name='comments'/>
            </b:if>



Buscar por:

<b:include data='post' name='post'/> 

ao encontrá-lo,
cole-o
logo após:



     <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
            <b:if cond='data:blog.pageType == &quot;item&quot;'>
              <b:if cond='data:post.showThreadedComments'>
                <b:include data='post' name='threaded_comments'/>
              <b:else/>
                <b:include data='post' name='comments'/>
              </b:if>
            </b:if>
  
 Visualize!
Estando tudo certinho!
Salve!













    ... Intensedebate ... Mensagens / Recados / Comentarios...









    Older Posts


    twitter-timeline

    © Copyright Traduzido Por: Mais Template | Designed By Code Nirvana
    Back To Top