GrooveBlog > Embed Ads > Barra Lateral

Vídeo Explicativo: https://www.loom.com/share/89f46e3a8a17425d8e01cc5cbbf1af15

by Daniel Gualberto

HTML

<script src="https://cdn.tailwindcss.com/"></script>
<!-- GrooveBlog > Configurações > Embed Ads > Código de anúncios (barra lateral) -->
<!-- #1 INÍCIO DO BANNER PERFIL -->
<div class="rounded border border-grey-1 bg-white py-6 mb-4">
  <div>
    <!-- INÍCIO DO CONTEÚDO DO BANNER PERFIL -->

    <!-- INÍCIO DA IMAGEM -->
    <div class="flex items-center justify-center px-6">
      <img src="SUA_IMAGEM_AQUI" class="w-20" alt="" />
    </div>
    <!-- FIM DA IMAGEM -->

    <!-- INÍCIO DO TÍTULO -->
    <h4 class="text-center px-6 my-5" style="color: var(--link-color);"><b>Groove</b></h4>
    <!-- FIM DO TÍTULO -->

    <!-- INÍCIO DA DESCRIÇÃO -->
    <p class="text-center px-6">Groove inclui tudo que você precisa para vender seus produtos e serviços online em um único ambiente 100% integrado.</p>
    <!-- FIM DA DESCRIÇÃO -->

    <hr class="my-3">

    <!-- INÍCIO FACEBOOK -->
    <div class="px-6 mb-3">
      <!-- CÓDIGO DO BOTÃO DO FACEBOOK (Pode excluir esta linha totalmente) -->
    </div>
    <!-- FIM FACEBOOK -->

    <!-- INÍCIO YOUTUBE -->
    <div class="px-6">
      <!-- CÓDIGO DO BOTÃO DO YOUTUBE (Pode excluir esta linha totalmente) -->
    </div>
    <!-- FIM YOUTUBE -->

    <!-- FIM DO CONTEÚDO DO BANNER PERFIL -->
  </div>
</div>
<!-- #1 FIM DO BANNER PERFIL -->

<!-- #2 INÍCIO DA PÁGINA FB -->
<!--
	CÓDIGO DO FACEBOOK (Plugin de Página)
	Lembre-se de adicionar a classe Rounded para arredondar o bloco e Margem, caso queira:
	<iframe class="rounded mb-4" ...</iframe>
	Obs.: Pode excluir este comentário por completo.
-->
<!-- #2 FIM DA PÁGINA FB -->

<!-- #3 INÍCIO DO BANNER LdM -->
<div class="rounded border border-grey-1 bg-white pb-6 mb-4">
  <div>
    <!-- INÍCIO DO CONTEÚDO DO BANNER LdM -->

    <!-- INÍCIO DA IMAGEM COM LINK -->
    <a class="" href="#">
      <div class="flex items-center justify-center">
        <img src="SUA_IMAGEM_AQUI" class="rounded-t w-full" alt="" />
      </div>
    </a>
    <!-- FIM DA IMAGEM COM LINK -->

   ...