Pular para o conteúdo

2 métodos para colocar o Hotwords no Blogger

O Kbaus Tutoriais essa semana começou uma parceria com a Hotwords, que é mais ou menos parecida com o Google Adsense, ou seja, ambas são plataformas para monetizar o site e retornar lucros ao editor em na forma de anúncios em meio ao conteúdo.

Assim que fomos aceitos como “Parceiros Hotwords“, iniciamos a implementação dos anúncios aqui no site, mas devido à termos um template editado (não padrão do blogger), tivemos alguns problemas com o não aparecimento dos anúncios do Hotwords.
Pensando nisso, estamos aqui para ajudar vocês à colocar o Hotwords no Blogger, mostrando 2 métodos diferentes, e um destes métodos é o que utilizamos aqui, que é fora do padrão utilizado normalmente.
HotWords no Blogger

1º Método para colocar o Hotwords no Blogger

Templates padrões do Blogger
Para colocar os anúncios do Hotwords em templates padrões do Blogger é necessário seguir os passos abaixo:
Acesse seu blog normalmente e aperte a combinação de teclas “Ctrl+U” e na janela que se abrir aperta a combinação “Ctrl+F” para pesquisar pelo seguinte termo.
Pesquise por: Entry-content

Se achar esta entrada em seu html, prossiga e use o código script 1, do contrário use o script o 2º, ambos citados mais adiante.
1º – Faça login em sua conta do blogger, e vá até o painel de controle
2º – No menu lateral direito, clique na opção “Layout” e em seguida clique em “Adicionar um Gadget”.
3º – Na janela que se abrir, escolha a opção “HTML/Javascript”.
4º – Cole o script abaixo substituindo XXXXX pelo seu id e clique em salvar
LEGENDA: XXXXX = Seu ID do Hotwords
Código SCRIPT 1 (com entry-content)

<script src=”http://adsXXXXX.hotwords.com/show.jsp?id=XXXXX&cor=005F00&tag=div&atr=class&vatr=post-body entry-content”></script>

Código SCRIPT 2 (sem entry-content)

<script src=”http://adsXXXXX.hotwords.com/show.jsp?id=XXXXX&tag=div&atr=class&vatr=post-body”></script>

Pronto, tendo clicado em salvar, seus anúncios deverão começar à aparecer em no máximo 2 horas.

Obs: É Aconselhável limpar os cookies do seu navegador para que você possa acompanhar as alterações, e evitar que seu navegador carregue seu blog sem o código.

2º Método para colocar o Hotwords no Blogger

Templates editados do blogger

Este método é indicado para templates que foram editados e que fogem dos padrões do blogger, contendo algumas modificações nos nomes das classes.

1º – Procurando o código utilizando o Google Chrome !

1º – Acesse um artigo qualquer de seu blog
2º – Clique com o botão direito sobre o a primeira linha do seu artigo e escolha a opção “Inspecionar Elemento”.
Note que abaixo irá se abrir a ferramenta de inspeção do Google Chrome, e você irá anotar o nome da  < Div class = ” NOME ” > que aparecer, como mostrado na imagem abaixo.
Clique na imagem para ampliar
Localizando código usando Google Chrome
Note que a primeira linha do nosso artigo é ” hoje vou trazer uma dica….
No caso do nosso template, a primeira div class encontrada quando clicado na primeira linha do artigo foi ” < div class = ” forads ” > Mas em seu template o nome desta div poderá ser outro. e como nos casos acima, geralmente é post, post-atc, ou post-body entry-content.

Anote o nome da div encontrada e Guarde-a, pois o um dos códigos será colocado acima dela !

2º – Inserindo o Script

Insira o Script Abaixo utilizando os passos: 1, 2, 3 e 4 do 1º método. Sempre substituindo XXXX pelo seu id do Hotwords.

<script src=”http://adsXXXXX.hotwords.com/show.jsp?id=XXXXX&tag=div&atr=class&vatr=post-body”></script>

3º – Colar a div no HTML do Blogger

1º – Faça login em sua conta do blogger, e vá até o painel de controle
2º – No menu lateral direito, clique na opção “Modelo” e em seguida clique em sobre o botão “Editar Html” na janelinha ao lado direito.
3º – Marque a caixa “Expandir modelos de Widgets” e aperte “Ctrl + F”. e procure pelo nome “<div class=”NOME ENCONTRADO PARTE 1“> em nosso caso foi “<div class=”forads”>
4º – Acima da div encontrada, cole o seguinte código:

<div id=”HOTWordsTxt” name=”HOTWordsTxt”>

5º – Agora você irá fechar a div pesquisando por “<div class=”Post-Footer”>, e colar o seguinte código acima dela

</div> <!– Fechamento do HOTWords –>

Obs: Mantenha o comentário “fechamento do Hotwords  para poder achar o código pesquisando caso haja algum erro ao salvar o template.
Pronto ! Os anúncios do Hotwords deverão aparecer em no máximo 2 horas em seu blog.
Como pudemos ver, o único problema para adicionar o código do Hotwords em alguns templates do Blogger, é porque o código foi alterado para personalização de seu template, fazendo com que o padrão “Post-body Entry-content” seja alterado por outros nomes.
Qualquer dúvida, deixe seu comentário sobre o assunto, ou possíveis problemas para colocar o código do Hotwords em seu blog do Blogger.

Este artigo pertence ao Kbaus Tutoriais.
Plágio é crime e está previsto no artigo 184 do Código Penal.

Deixe uma resposta