Atualizando Itens Disponíveis em Principais Cupons de Desconto

https://www.segredosdoscupons.com


Agora que já criamos todas as postagens necessárias, precisamos atualizar o conteúdo desta área em destaque:






Para isto ser feito será necessário algumas alterações no código do tema, mas não se preocupe pois são poucas linhas que serão alteradas e nada muito complexo será feito.


Acesse o Blogger e clique no menu lateral esquerdo em "Tema":





Agora clique em "Editar HTML":




Clique dentro da área de exibição do código, e pressione simultaneamente as teclas "Ctrl" e "F", será aberta uma caixa de busca no navegador. Digite "Principais Cupons de Desconto" e aperte "Enter":






Role a tela para baixo e na linha onde "PRINCIPAIS CUPONS DE DESCONTO" está selecionado, clique nas "reticências":






Na linha de "id='main'", clique nas reticências:






Pronto, agora temos acesso ao trecho do código que precisamos alterar:




Para quem não está familiarizado com HTML pode parecer um pouco complicado, mas não é. Na prática está tudo bem organizado e separado pelas chamadas tags de abertura e de fechamento.


Basicamente você precisará mudar três coisas em cada link, sempre que você quiser atualizar o conteúdo dos "Principais Cupons de Desconto":
<a href='alterar aqui' style='margin-left: 20px; margin-right: 20px'><img alt='alterar aqui' src='alterar aqui'/></a>


Com estas alterações você poderá atualizar sempre que quiser estas postagens destacadas.


Vamos então fazer as atualizações necessárias:


Primeiro precisamos obter a url das postagens que foram criadas e o link dos logotipos delas.

Abra o item "Postagens" no menu lateral esquerdo em uma nova aba para facilitar, clicando com o botão direito em "Postagens" e depois em "Abrir link em uma nova guia":





Na nova guia do navegador, para obter a url da postagem, abaixo de "Cupons de Desconto Ricardo Eletro", clique com o botão direito do mouse em "Visualizar" e depois com o botão esquerdo do mouse em "Copiar endereço do link":




Volte a primeira guia do navegador e cole o conteúdo no trecho dentro da primeira tag <a href=' ', entre as aspas simples(não remova as aspas no início e no final), no lugar do link anterior, usando o botão direito do mouse e depois o botão esquerdo em "Colar" ou usando simultaneamente as teclas "Ctrl+V":




Altere também o conteúdo dentro das primeiras aspas simples da tag <img alt=' ' de "Cupom de Desconto Ricardo Eletro" para "Cupons de Desconto Ricardo Eletro":






Agora precisamos do endereço do logotipo que será ali inserido, para isto vá até a segunda guia do navegador, e na postagem do "Ricardo Eletro" e clique em "Editar":





Clique em "HTML:




Agora copie o endereço do logotipo que está dentro da tag <img alt=" ">, entre as aspas em src="", selecionando o que está ali, clicando com o botão direito e depois com o botão esquerdo em "Copiar" ou usando simultaneamente as teclas "Ctrl+C":






Retorne a primeira guia, e cole o conteúdo dentro da tag <img alt=' ', dentro de src=' ', substituindo o endereço anterior, usando o botão direito do mouse e depois botão esquerdo em "Colar" ou usando simultaneamente as teclas "Ctrl+V":




Pronto, a primeira postagem em destaque está atualizada, agora precisamos atualizar as restantes.


Na segunda guia, clique em "Fechar" e depois em "Ok", caso esta opção apareça:









Dica: É melhor neste caso clicar em "Fechar" do que atualizar, por que se você acabou por engano removendo algum trecho do código, ele não será salvo e não causará problemas.


Agora na Postagem das "Lojas Americanas", clique com o botão direito do mouse em "Visualizar" e depois em "Copiar o endereço do link":




Retorne a primeira guia do navegador, e cole o , dentro da segunda tag <a href=' '>, substituindo o link anterior:




Altere também o conteúdo dentro das primeiras aspas simples da tag <img alt=' ' de "Cupom de Desconto Lojas Americanas" para "Cupons de Desconto Americanas":



Dica: Este é um ajuste opcional, porém útil para melhorar o SEO(Search Engine Optimization) desta imagem, algo que será melhor explicado em um outro tópico do curso.


Vá até a segunda guia do navegador, e na postagem da "Americanas" e clique em "Editar":




Agora copie o endereço do logotipo que está dentro da tag <img alt=" ">, entre as aspas em src=" ", selecionando o que está ali entre as aspas, clicando com o botão direito e depois com o botão esquerdo em "Copiar" ou usando simultaneamente as teclas "Ctrl+C":




Retorne a primeira guia, e cole o conteúdo dentro da tag <img alt=' ', dentro de src=' ', substituindo o endereço anterior, usando o botão direito do mouse e depois o botão esquerdo em "Colar" ou usando simultaneamente as teclas "Ctrl+V" :




Na segunda guia do navegador, clique em "Fechar" e depois em "Ok":




Agora na Postagem da "Centauro", clique com o botão direito do mouse em "Visualizar" e depois em "Copiar o endereço do link":




Retorne a primeira guia do navegador, e cole o endereço da postagem, dentro da terceira tag <a href=' '>, substituindo o link anterior:






Altere o conteúdo dentro das primeiras aspas simples da tag <img alt=' ' de "Cupom de Desconto Centauro" para "Cupons de Desconto Centauro":
Dica: Este também é um ajuste opcional, porém útil para melhorar o SEO.




Vá até a segunda guia do navegador, e na postagem da "Centauro" e clique em "Editar":




Agora copie o endereço do logotipo que está dentro da tag <img alt=" ">, entre as aspas em src=" ", selecionando o que está dentro, clicando com o botão direito e depois com o botão esquerdo em "Copiar" ou usando simultaneamente as teclas "Ctrl+C":




Retorne a primeira guia do navegador, e cole o conteúdo dentro da tag <img alt=' ', dentro de src=' ', substituindo o endereço anterior, usando o botão direito do mouse e depois o botão esquerdo em "Colar" ou usando simultaneamente as teclas "Ctrl+V" :




Na segunda guia do navegador, clique em "Fechar":


Atualização 15/05/2019: O Walmart Brasil recentemente anunciou o fim da suas vendas online. Recomendo que você siga o passo a passo abaixo, mas que no lugar coloque outro grande anunciante, uma sugestão é a Amazon BR, que está ativa na CityAds Media e na Lomadee.


Agora na Postagem do "Walmart", clique com o botão direito do mouse em "Visualizar" e depois em "Copiar o endereço do link":




Retorne a primeira guia do navegador, e cole o endereço da postagem, dentro da quarta tag <a href=' '>, substituindo o link anterior:




Altere o conteúdo dentro das primeiras aspas simples da tag <img alt=' ' de "Cupom de Desconto Walmart" para "Cupons de Desconto Walmart":


Dica: Mais um ajuste opcional como foco no SEO.



Vá até a segunda guia do navegador, e na postagem do "Walmart" e clique em "Editar":




Agora copie o endereço do logotipo que está dentro da tag <img alt=" ">, entre as aspas em src=" ", selecionando o que está ali, clicando com o botão direito e depois com o botão esquerdo em "Copiar" ou usando simultaneamente as teclas "Ctrl+C":




Retorne a primeira guia, e cole o conteúdo dentro da tag <img alt=' ', dentro de src=' ', substituindo o endereço anterior, usando o botão direito do mouse e depois botão esquerdo em "Colar" ou usando simultaneamente as teclas "Ctrl+V" :




Clique em "Salvar Tema":




Para sair da edição do Tema, clique no menu lateral esquerdo em "Postagens":




Pronto finalizamos as alterações necessárias.


Importante: Depois que seu blog estiver funcionando a um tempo provavelmente as postagens que irão gerar mais vendas serão diferentes destas, quando isto ocorrer altere as postagens disponíveis em Principais Cupons de Desconto para elas, seguindo o passo a passo aqui demonstrado.


Acesse o endereço do seu blog de cupons de desconto e confira as alterações:






O seu blog de cupons de desconto está oficialmente criado, agora precisamos fazer o cadastro nas redes de afiliações para podermos conseguir os cupons de desconto e ofertas que serão disponibilizados nele, isto será tratado no próximo tópico!


Clique aqui para acessar a próxima Aula: Atualizando os Links para as Páginas no Menu

Comentários