Bem-vindo à documentação oficial do Fyzo Music. Neste guia, você aprenderá passo a passo como instalar o seu novo tema, realizar edições básicas diretamente no código e publicar suas músicas da maneira correta para aproveitar ao máximo o design do template.

1. Como Instalar o Template

Para garantir que o tema funcione perfeitamente e evitar bugs do Blogger, a instalação deve ser feita copiando e colando o código fonte. Siga os passos abaixo:

  1. Abra o arquivo do template que você recebeu (o arquivo .xml ou .txt) usando o Bloco de Notas no seu computador.
  2. Selecione todo o código (aperte Ctrl + A) e copie (aperte Ctrl + C).
  3. Acesse o painel do seu Blogger e clique no menu "Tema" na barra lateral esquerda.
  4. (Recomendado) Faça um backup do seu tema atual clicando na setinha ao lado do botão "Personalizar" e escolhendo "Fazer backup".
  5. Clique novamente na setinha e escolha a opção "Editar HTML".
  6. Clique em qualquer lugar dentro da caixa preta de código que vai abrir. Aperte Ctrl + A para selecionar todo o código antigo e aperte a tecla Delete para apagar tudo (a caixa deve ficar completamente vazia).
  7. Aperte Ctrl + V para colar o novo código do Fyzo Music e clique no ícone de Salvar (um disquete no canto superior direito).
SUGESTÃO DE IMAGEM: Print do editor de postagens do Blogger, destacando a chavinha que altera para 'Visualização em HTML'.

2. Como Editar o Tema (Logo e Links)

Como o Fyzo Music é um tema profissional e de alta performance, suas edições principais são feitas diretamente no código-fonte. Não se preocupe, é bem simples!

Vá até Tema > Editar HTML. Clique dentro da caixa de código e aperte Ctrl + F para abrir a barra de pesquisa (Search).

  • Para mudar a Logo:
    Pesquise por: <div class='header-logo'>. Logo abaixo dessa linha, você verá a tag da imagem (<img src="..."/>). Basta trocar o link que está dentro das aspas do src="..." pelo link da sua nova logomarca.

  • Para editar Menus e Botões:
    Pesquise pelo nome que aparece no botão do site (ex: pesquise por "Comprar Agora" ou "Suporte"). Você achará uma linha assim: <a class='btn' href='#'>Nome do Botão</a>. Substitua o símbolo # dentro do href='' pelo link que você quer que a pessoa seja direcionada ao clicar.
SUGESTÃO DE IMAGEM: Print do editor de postagens do Blogger, destacando a chavinha que altera para 'Visualização em HTML'.

3. Como Postar uma Música (Código Padrão)

Para que o Player de Áudio e a Capa fiquem com o visual de "Aplicativo" idêntico ao da demonstração, você precisa usar uma estrutura HTML específica na hora de criar uma Nova Postagem.

Siga este processo:

  1. No Blogger, clique em "Nova Postagem".
  2. No canto superior esquerdo do editor de texto, clique no ícone de lápis e mude de "Visualizar em Escrever" para "Visualização em HTML".
  3. Copie o código abaixo e cole no seu editor de postagem.
  4. Substitua os links e os textos em maiúsculo com as informações da sua música.
SUGESTÃO DE IMAGEM: Print do editor de postagens do Blogger, destacando a chavinha que altera para 'Visualização em HTML'.

Código Estrutural para Postagem:

Copie todo o bloco abaixo:

<div class="separator" style="clear: both; text-align: center;">
<img border="0" src="COLE_O_LINK_DA_CAPA_AQUI" alt="Título da Música - Nome do Artista" />
</div>

<div style="display:none;">
<a href="COLE_O_LINK_DO_AUDIO_MP3_AQUI">Audio</a>
</div>

<div class="meta-artist" style="display:none;">NOME DO ARTISTA AQUI</div>
<div class="meta-lyrics" style="display:none;">
COLE A LETRA DA MÚSICA AQUI
</div>

<div style="display:none; visibility:hidden;">keywords: Nome do Artista, Título da Música, tags, separadas, por, virgula</div>

Onde hospedar suas músicas (MP3)?

Como o Blogger não aceita upload direto de arquivos de áudio, você precisará hospedar o seu arquivo .mp3 em servidores externos. Recomendamos serviços gratuitos e que fornecem "Links Diretos", como:

  • Google Drive: (Necessário gerar um link de download direto usando ferramentas gratuitas online).
  • Archive.org: Excelente e gratuito para hospedar arquivos MP3 definitivos.
  • Dropbox: Alterando o final do link de compartilhamento de dl=0 para dl=1.

Precisa de mais ajuda? Entre em contato com nosso suporte via WhatsApp fornecendo o link do seu blog registrado.