Olá Amigos,
Estava procurando este recurso há algum tempo, mas não encontrava uma forma fácil de explicar.
Estes dias encontrei como fazer e de uma forma bem fácil que até já apliquei aqui no TPV.
Gostei tanto que resolvi publicar antes de outros artigos que estão no forno.
Trata-se da condicional
isFirstPost que também serve para você configurar o CSS do primeiro post do blog deixando-o mais atrativo. Mas isso é assunto para um outro artigo.
É uma boa opção para colocarmos anúncios Adsense abaixo do 1º Post mantendo o destaque para o post mais recente do seu blog e aproveitar para colocar uns anúncios Adsense num local bem estratégico.
Neste artigo vou ensinar como colocar um anúncio Adsense abaixo do 1º Post do seu blog como está aqui no
TPV e no
Demoplate2010-2 Vamos lá:
1º Passo: Adicionando o Código Abaixo do 1º Post
Para ajudar: »Leia:
Como Acessar o Editor de HTML e Ativar o Search Encontre a linha
Cole este código▼ abaixo desta linha▲
Cole o Código do Anúncio Adsense Aqui♦ Clique em Salvar modelo.
Seu código ficará parecido com este:
Observação:
Note que no bloco de códigos você tem a opção de configurar as margens superior e inferior do seu bloco de anúncios do Adsense.
Nesta linha a margem superior está representada por margin-top:0px; e a margem inferior por margin-bottom:10px;
Configure da forma que achar necessário.
2º Passo: Cole o Código Adsense no Local Indicado da Forma Correta
Para que o anúncio Adsense funcione corretamente no seu blog você deve converter o código HTML para XML.
Veja o exemplo:
» → HTML
» <code> → HTML convertido para XML → Claro que não são apenas as chaves < > do código do anúncio Adsense que devem ser alteradas, mas a idéia é essa.
Como Converter códigos HTML
Encontrei 4 sites na internet que fazem isso automaticamente.
Você deverá copiar o código HTML do seu anúncio Adsense e colar em um destes sites abaixo para convertê-lo.
Cada site tem uma forma de converter o seu código:
1-
Blogcrowds - Recurso Parse No Blogcrowds você deve colar o código HTML na caixinha e clicar em
PARSE.
Depois copie o código convertido e cole no local indicado da condicional isFirstPost
2-
HTML to XML Parser Neste site ao colar o código HTML, este já será convertido automaticamente.
3-
Freebits Aqui você cola o HTML na primeira caixa clica em Convert Code e seu código está pronto para ser usado no seu template.
4-
Conversos HTML Este site é em português e não tem segredo nenhum como fazer para converter o seu código.
Fonte: http://helplogger.blogspot.com.br/
©2009
Templates para Você Aproveite que você assina o nosso Feed e me acompanhe no
Twitter ;)