Como configurar o modelo do Amazen Blogger

Índice

Como configurar produtos no Amazen?

• Tutorial: Como configurar produtos no modelo do Amazen Blogger 

1. Logotipo do Cabeçalho

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget Logotipo do Cabeçalho (Imagem).      

Exemplo:

INFORMAÇÃO:  Se você ocultar o logotipo, o título do site será exibido.

2. Menu de Cabeçalho

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget do Menu do Cabeçalho .      

Exemplo de link padrão:  Features
Exemplo de nível 1 de sublink: _Level 1  “Antes do título, adicione 1 sublinhado ” Exemplo de nível 2 de sublink: “Antes do título, adicione 2 sublinhado ” 
 __Level 2  

Exemplo:

INFORMAÇÕES:  Os links de nível 2 devem estar entre ou abaixo dos links de nível 1.

3. Barra de cabeçalho

Acesse o Layout do seu blog > e clique no Ícone Editar > nos gadgets da Barra de Cabeçalho .      

3.1. Links de navegação

3.2. Links sociais

Ícones suportados: google ,  blogger,  apple,  amazon,  microsoft,  facebook,  facebook-f,  twitter,  rss,  youtube,  skype, ,  stumbleupon,  ,  tumblr,  vk,  stack-overflow,  github,  linkedin,  dribbble,  soundcloud,  behance,  digg,  instagram, pinterestpinterest-p, twitch, steam, delicious, codepen, flipboard, reddit, whatsapp, telegram, messenger, snapchat, discord, quora, tiktok, email, share, external-link

Código curto: {getSocial}

INFO: Um item com o shortcode deve ser adicionado para que o Gadget funcione corretamente.

Exemplo:

4. Cabeçalho ADS

Acesse o layout do seu blog > e clique em Add a Gadget > HTML/JavaScript , Image or AdSense > na seção Header ADS .           

Exemplo:

5. Seção de introdução

Acesse o layout do seu blog > e clique em Add a Gadget > Image > na seção Intro Section .        

NOTA:  Somente os primeiros 5 gadgets serão exibidos.

Configurações do gadget:

6. Seção de Produto 1/2

Acesse o Layout do seu blog > e clique em Add a Gadget > HTML/JavaScript > na Seção Produto 1 ou Seção Produto 2 .          

Shortcode:  Opções de rótulo: ou{getPosts} $results={Number of Results} $label={Your Label}
 Label Name  recent

O que são nomes de etiquetas?

Exemplo:

7. Anúncios entre gadgets da seção de produtos

Acesse o Layout do seu blog > e clique em Adicionar um Gadget > HTML/JavaScript ou AdSense > na Seção Produto 1 ou Seção Produto 2 .           

Código curto: {ads}

Shortcode é necessário para gadgets HTML/Javascript .  

Exemplo:

8. Postagens principais

Acesse o Layout do seu blog > e clique no ícone Editar > no gadget Postagens principais/Postagens do blog .      

Exemplo:

8.1. 3 colunas

Para alterar o estilo dos posts principais para grade, acesse Tema > Personalizar > Avançado > Produtos > 3 Colunass > e altere o valor para 1.

8.2. Configurações de comentários

As configurações de comentários são intuitivas como nunca antes vistas. Os shortcodes devem ser adicionados em >  Layout  >  Blog Posts  >  Comment Format .

Código curto do Blogger: Código curto do  $type={blogger}
Disqus  $type={disqus}
: Código curto do Disqus personalizado:  Código curto do  Facebook: Idioma personalizado do Facebook: Códigos de idioma do Facebook: ,  , ,  ,  ,  ,  ,  ,  , ,  , $type={disqus} $shortname={Your Shortname}
 $type={facebook}
 $type={facebook} $lang={Language Code}
 en_USes_ESar_ARid_IDth_THvi_VNpt_BRfr_FRru_RUde_DEit_IT

INFORMAÇÃO:  Para utilizar outros idiomas deverá verificar se é suportado pelo facebook. ( Idiomas do Facebook ).

Exemplo:

9. Índice

Esta função está disponível para postagens e páginas e pode ser adicionada facilmente via shortcode.

Código curto: {getToc} $title={Table of Contents}

INFORMAÇÃO:  Depois de adicionar um Shortcode, aplique o  estilo Bold  .

Exemplo:

10. ADS no artigo na "Página de postagem"

Acesse  o Layout do seu blog  > e clique em  Adicionar um Gadget  >  HTML/JavaScript ,  Imagem  ou  AdSense  > nas seções  Post ADS 1  e  Post ADS 2 .

Exemplo:

10.1. Mova os anúncios para dentro do conteúdo da postagem

ADS 1 Shortcode:  $ads={1}
ADS 2 Shortcode: $ads={2}

INFORMAÇÃO:  Depois de adicionar um Shortcode, aplique o  estilo Bold  .

Exemplo:

11. Caixa do autor

O widget recebe as informações do perfil do blogueiro automaticamente, desde que seu perfil esteja marcado como público. Os ícones são exibidos se houver links na introdução.

Ícones suportados: google , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , blogger apple amazon microsoft facebook facebook-f twitter rss youtube skype stumbleupon tumblr vk stack-overflow github linkedin dribbble soundcloud behance digg instagram pinterest pinterest-p twitch steam delicious codepen flipboard reddit whatsapp telegram messenger snapchat discord quora tiktok email share external-link

Configurações do Blogger:  Acesse https://www.blogger.com/edit-profile.g Encontre Informações adicionais > Introdução > e adicione sua descrição com links HTML . 
      

Link HTML:  Exemplo de Link HTML:<a href="Your Link Here">Icon Name</a>
 <a href="https://facebook.com/probloggertemplates">facebook</a>

Exemplo:

INFORMAÇÕES:  O texto “ Introdução ” é necessário para que a caixa do autor seja exibida! Mas os links não são necessários.

12. Produtos Relacionados

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget Produtos Relacionados .      

Código curto: $results={Number of Results}

Exemplo:

13. Ícones sociais na barra lateral

Acesse o Layout do seu blog > e clique em Adicionar um gadget > Lista de links > na seção Barra lateral .        

Ícones suportados: google , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , blogger apple amazon microsoft facebook facebook-f twitter rss youtube skype stumbleupon tumblr vk stack-overflow github linkedin dribbble soundcloud behance digg instagram pinterest pinterest-p twitch steam delicious codepen flipboard reddit whatsapp telegram messenger snapchat discord quora tiktok email share external-link

Código curto: {getSocial}

INFORMAÇÃO:  Um item com o shortcode deve ser adicionado para que o Gadget funcione corretamente.

Exemplo:

14. Gadget de produto na barra lateral

Acesse  o Layout do seu blog  > e clique em  Adicionar um gadget  >  HTML/JavaScript  > na  seção Barra lateral  .

Código curto: {getPosts} $results={Number of Results} $label={Your Label}

Exemplo de postagens:

15. Anúncios da barra lateral

Com esse recurso, você poderá exibir anúncios personalizados na barra lateral sem o estilo do gadget.

Código curto: {ads}

Exemplo:

16. Formulário de inscrição do Mailchimp

Acesse  o Layout do seu blog  > e clique em  Adicionar um Gadget  >  HTML/JavaScript  > nas  seções Barra Lateral  ou  Rodapé  .

Código curto: {getMailchimp} $title={Gadget Title} $text={Gadget Text}

Atributos do gadget:  os  atributos $title={}  e  $text={}  são opcionais.

Exemplo:

16.1. Como obter o URL do formulário de inscrição do Mailchimp?

Você pode obter o link facilmente seguindo as etapas abaixo.

A  – Crie uma conta gratuita no Mailchimp – Crie agora 

B  – Após criar sua conta vá em Público > Formulários de inscrição > Criador de formulários .     

C  – Crie e personalize seu formulário de acordo com suas necessidades.

D  – Copie e acesse a URL do formulário de inscrição . 

E  – Após o carregamento da página, copie o URL final do formulário de inscrição na barra de endereços do navegador.    

SUCESSO:  Agora você pode configurar corretamente seu gadget de assinatura.

17. Rodapé ADS

Acesse o Layout do seu blog > e clique em Add a Gadget > Image > na seção Footer ADS .        

NOTA:  Apenas os 2 primeiros gadgets serão exibidos.

Configurações do gadget:

18. Sobre a Seção

Acesse o Layout do seu blog > e clique no Ícone Editar > nos gadgets da Seção Sobre .      

18.1. Sobre nós

18.2. Ícones sociais

Ícones suportados: google , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , , blogger apple amazon microsoft facebook facebook-f twitter rss youtube skype stumbleupon tumblr vk stack-overflow github linkedin dribbble soundcloud behance digg instagram pinterest pinterest-p twitch steam delicious codepen flipboard reddit whatsapp telegram messenger snapchat discord quora tiktok email share external-link

Código curto: {getSocial}

INFORMAÇÃO:  Um item com o shortcode deve ser adicionado para que o Gadget funcione corretamente.

Exemplo:

19. Direitos Autorais do Rodapé

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget Rodapé Copyright .      

Exemplo:

20. Menu de Rodapé

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget do Menu do Rodapé .      

Exemplo:

21. Consentimento de Cookies

Acesse o layout do seu blog > e clique no ícone Editar > no gadget de consentimento de cookies .      

Código curto: $ok={Button Text} $days={Expires Days}

Exemplo:

22. Alimentação do site

Acesse as configurações do seu blog > e vá para Site Feed > Permitir feed do blog .     

Exemplo:

INFORMAÇÕES:  Para {getPosts} Gadgets e Posts Relacionados funcionarem normalmente, você deve configurar o feed do site para “ Completo ”.  

23. Opções de Tema

23.1. Miniatura padrão

Acesse o Layout do seu blog > e clique no Ícone Editar > nas Opções do Tema > Gadget Miniatura Padrão .        

Exemplo:

INFORMAÇÕES:  Esta imagem será exibida para postagens que não tenham imagem ou vídeo do youtube.

23.2. Variáveis ​​JSON

Acesse o Layout do seu blog > e clique no Ícone Editar > no gadget Opções do Tema > Variáveis ​​JSON .        

{
     viewAllText : "Ver tudo" }

viewAllText:  o padrão é View all

Exemplo:

24. Como personalizar o modelo Amazen?

Acesse o Tema do seu blog > e clique no botão Personalizar > e encontre as opções Fundo e Avançado .        

Opções Disponíveis:  Fundo, Opções de Tema, Larguras, Fontes, Cores e muito mais.

Modo Escuro Personalizado:  Agora você pode criar seu próprio Modo Escuro.

25. Vídeo Tutorial