Como configurar o modelo de Blogger VTrick Plus - VTrick+Plus

Como configurar o modelo de Blogger VTrick Plus

VTrick Plus é um modelo para Blogger simples, limpo, flexível e poderosamente responsivo. Nesta documentação, fornecemos todas as etapas necessárias para configurar e personalizar este modelo de Blogger.


configurar_modelo_vtrickplus

Principais ANÚNCIOS

Acesse o layout do seu blog > e clique no Adicionar um gadget > HTML/JavaScript, Imagem ou AdSense na seção Header ADS.

Exemplo:

configurar_modelo_vtrickplus

Ocultar na página do post

Acesse o tema > do seu blog Personalizar > Avançado > Header ADS > Mostrar na página do blog > e altere o valor para. 0

configurar_modelo_vtrickplus

Logotipo de cabeçalho

Acesse o layout do blog > e clique no ícone editar > no gadget logotipo de cabeçalho (Imagem).

Exemplo:

configurar_modelo_vtrickplus

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

Menu de cabeçalho

Acesse o layout do seu blog > e clique no ícone editar > no gadget Header Menu.

Links padrão e sub-links

    Exemplo de link padrão:
  • SubLink Nível 1 Exemplo: "Antes que o título adicione 1 sublinhado"
  • SubLink Nível 2 Exemplo: "Antes que o título adicione 2 sublinhados" Features _Level 1 __Level 2

Exemplo:

configurar_modelo_vtrickplus

INFORMAÇÃO: Os links de nível 2 devem estar entre ou abaixo dos links do nível 1.

Mega Menu

  • Shortcode: Opções de rótulo: ou {getContent} $label={Seu rótulo}
  • Shortcode rótulo: label(recent) ou qualquer rótulo(tag) que você queira colocar.

O que são rótulos?

configurar_modelo_vtrickplus

Exemplo de Mega Menu

  • Exemplo de Shortcode: {getContent} $label={Laptops}

Configurações do Mega Menu abaixo:

configurar_modelo_vtrickplus

INFORMAÇÃO: Os links do tipo Mega Menu devem estar no primeiro nível! Não há valor limite predefinido.

Postagem em destaque(Featured Post).

Acesse o layout do seu blog > e e edit o gadget > post em destaque > na seção Post em destaque.

Exemplo:

configurar_modelo_vtrickplus

🔥Notícias Quentes: Ticker News

Um recursos que você pode editar para mostrar os principais artigos do seu blog

Exemplo:

configurar_modelo_vtrickplus

Tendências deste mês(Trending This Month)

Recurso dentro do Layout do VTrick Plus, onde mostra um cartão de artigos interessantes em seu blog, você pode definir a quantidade

Exemplo:

configurar_modelo_vtrickplus

Principais Posts(Main Posts)

Acesse o layout do seu blog > e clique no ícone editar > no gadget Posts principais/Posts do Blog.

Exemplo:

configurar_modelo_vtrickplus

Caixa do Autor

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

  • Ícones apoiados: google blogger apple amazon microsoft facebook facebook-f twitte rrss youtube skype tumblr linkedin dribbble soundcloud behance instagram pinterest pinterest-p twitch whatsapp telegram messenger snapchat discord quora tiktok email share external-link

Configurações do blogueiro: Acesse Este Link Encontrar informações adicionais > introdução > e adicione sua descrição com links HTML.

    Link HTML:
  • Exemplo de link HTML: <a href="Seu link aqui">Icon Nome</a> <a href="https://facebook.com/vtrickpluss">facebook</a>
configurar_modelo_vtrickplus

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

Posts relacionados

Acesse o layout do seu blog > e clique no ícone editar > no gadget Posts Relacionados.

  • Código-curto: $results={Número de Resultos}

Exemplo:

configurar_modelo_vtrickplus

Ícones sociais na Barra Lateral

Acesse o layout do seu blog > e clique na lista adicionar um gadget > Lista de links > na seção Barra Lateral. Ou edite o que já vem padrão no modelo.

  • Exemplo de Link: https://www.facebook.com/vtrickpluss #Facebook

INFORMAÇÃO: Deve ser adicionado o simbolo como Hashtag (#) seguido do nome da rede social após o seu link para que tudo funcione.

configurar_modelo_vtrickplus

Sobre a Seção

Acesse o layout do seu blog > e clique no ícone de edição nos gadgets sobre seção. (ABOUT SECTION)

Sobre nós

configurar_modelo_vtrickplus.webp

Direitos autorais da Footer.(Premium)

Acesse o layout do seu blog > e clique no > de ícone de edição no gadget Footer Copyright.

Exemplo:

configurar_modelo_vtrickplus

Menu do Rodapé

Acesse o layout do seu blog > e clique no ícone editar > no gadget menu footer.

Exemplo:

configurar_modelo_vtrickplus

Consentimento do Cookie

Acesse o layout do seu blog > e clique no ícone editar > no gadget Cookie Consent.

  • Código-curto: $ok={Aceitar!} $days={7}

Exemplo:

configurar_modelo_vtrickplus

Como personalizar o modelo VTrick Plus?

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

  • Opções disponíveis: Modo Encaixotado, Larguras, Fontes, Cores e muito mais.

configurar_modelo_vtrickplus

Caixa de Doação(DONATION)

Se você quiser que as pessoas façam doações em seu blog você pode ativar e personalizar com suas informações de banco.

Acesse Layout do Tema > Vá até FOOTER COL2 > Editar Widget de Doação.

Exemplo:

configurar_modelo_vtrickplus

Como configurar a caixa?

Copie todo o código abaixo e mude as URLs com suas informações:

<div class='donation'><a target='_blank' href='LINK_DA_IMAGEM_AQUI' rel='nofollow noopener noreferrer'>
<span class='vendor'>Use o QR Code do Pix para doar</span>
<img class='lazyload' alt='doação' data-src='URL_IMAGEM_QRCODE_PIX_AQUI' width='80' height='80'/></a>
<a target='_blank' class='coffee' rel='nofollow noopener noreferrer' href='LINK_DO_BOTÃO_AQUI'>Compre-me um café ☕</a>
</div>

<style>
.donation{display:block;border-radius: 24px;
background:#fff;padding:2rem;text-align: center;}
.donation a {
    display: block;
    color: #1c1d1f;
font-weight:bold;font-size:12px;
}
.donation .coffee{margin-top:1rem;padding:1rem;border-radius:8px;color:#1c1d1f;background-image: -webkit-linear-gradient( 
135deg
 , #fbd0b8 0%, #fcdcbe 48%, #fcdcbe 49%, #fceac3 100%);}
.donation .vendor{display:block;font-size: 1.1em;font-weight:bold;color:#a50064;margin-bottom:0.5rem}</style>

Resultado

configurar_modelo_vtrickplus

Design: Imagem no Rodapé

Oferecemos também uma personalização no rodapé do tema, que por padrão vem um tom GRADIENTE, e que você pode mudar com as cores da sua marca.

Vá em Tema > Editar HTML > e no editor HTML, após a tag de nome </style> você encontra o código como abaixo:

</style>
	<div class='particle' data-image='URL_DA_SUA_IMAGEM_AQUI' id='particle'>
		<span class='particle-item'/><span class='particle-item'/><span class='particle-item'/><span class='particle-item'/><span class='particle-item'/>

Nessa parte onde esta escrito URL_DA_SUA_IMAGEM_AQUI<div class='particle' data-image='URL_DA_SUA_IMAGEM_AQUI' id='particle'> você coloca o link da sua imagem, e depois salve.

INFORMAÇÃO: a resolução da URL da imagem do rodapé tem que ter 72x72px.