Como colar sem dar erro:No Blogger, vá em Tema > Editar HTML.Clique dentro do código, aperte Ctrl + F e digite </body> (se não achar, procure por </body>).Cole o código acima exatamente na linha acima de </body>.Se ainda der erro ao salvar, tente colar o código logo abaixo da tag <head> (perto do topo do código) Troque aonde tem WhatsApp por o teu número.<!-- Início do Código do Botão do WhatsApp -->
<a href='https://whatsapp.com' class='whatsapp-btn-float' rel='noopener noreferrer' target='_blank'>
<svg class='whatsapp-icon' viewBox='0 0 32 32'>
<path d='M16 2a13 13 0 0 0-11.27 19.53L3 29l7.73-2A13 13 0 1 0 16 2z' fill='#25d366'/>
<path d='M12.5 9.5c-.3 0-.6 0-.9.4-.3.4-1.2 1.2-1.2 3s1.3 3.5 1.5 3.8c.2.2 2.5 3.9 6.1 5.4.9.4 1.5.6 2 .8.9.3 1.7.2 2.3.1.7-.1 2.2-.9 2.5-1.8.3-.9.3-1.6.2-1.8-.1-.2-.4-.3-.9-.6-.5-.2-2.7-1.3-3.1-1.5-.4-.1-.7-.2-1 .2-.3.4-1.2 1.5-1.5 1.8-.3.3-.6.4-1.1.1a14 14 0 0 1-4-2.5 15.6 15.6 0 0 1-2.8-3.5c-.3-.5 0-.8.2-1a18 18 0 0 0 1-1.4c.1-.3 0-.6-.1-.8s-1-2.5-1.4-3.3c-.4-1-.8-1-1.1-1z' fill='#fff'/>
</svg>
</a>
<style>
.whatsapp-btn-float {
position: fixed !important;
width: 60px !important;
height: 60px !important;
bottom: 20px !important;
right: 20px !important;
background-color: #25d366 !important;
border-radius: 50px !important;
text-align: center !important;
box-shadow: 2px 2px 10px rgba(0,0,0,0.3) !important;
z-index: 999999 !important;
display: flex !important;
align-items: center !important;
justify-content: center !important;
transition: transform 0.3s !important;
}
.whatsapp-btn-float:hover {
transform: scale(1.1) !important;
}
.whatsapp-icon {
width: 38px !important;
height: 38px !important;
}
</style>
<!-- Fim do Código do Botão do WhatsApp -->
0 Comentários
Sua opinião é muito importante