Manual de como personalizar esse pequenino site

 Oii! Eu investi um tempo em fazer esse template já que gabinho falou que vocês gostariam de ter um e eu poderia ajudar, espero que ele possa ser útil de alguma forma. Espero que dê pra perceber que eu tentei fazer um agradinho me baseando nas referências em foto e no link do bloguinho lá da brahkie, mas admito que nem eu acho que ficou parecido... só dei o meu melhor para lembrar um site simples dos anos 2000s. Simples mesmo, porque vocês ainda podem construir em simples, caso considerem aprender html, eu escolhi o blogger, justamente por isso, por ser uma plataforma com a qual eu sou acostumada e garanto que é fácil de usar.

Mas o objetivo dessa página em específico é que vocês entendam cada um dos gadgets daqui (basicamente tudo o que está do lado) e como poderão alterar os que já existem ou adicionar mais. Junto com isso vou dando instruções, já que estou contando que nunca tiveram contato com html antes.

Ainda não é um tutorial de como instalar ou como de fato usar, só considerando que você está na parte de personalizar, para que configurem tudo certinho. E depois, claro, podem ir alterando como preferirem.

Começando com: Onde controlar tudo isso?

Ao entrar no blogger, você já entra direto na plataforma de controle.

Agora, em seu menu direito haverá caminhos e o que usamos para essa personalização rápida é Layout.

(Tema também personaliza, mas normalmente ele é para ou escolher um modelo pronto do próprio blogger ou mexer no próprio código, adicionando coisas a ele ou seja, outros 500. Por enquanto só precisamos mexer na parte simples)

A página de layout deve se parecer com isso:

Essa parte mapeia tudo o que tem no blog e fica fácil de saber onde você está mexendo.

Apenas clique em editar dentro da parte que quer mudar e o resto tende a ser intuitivo.

Agora para as alterações:

Navbar: recomendo deixar desativada, o que seria a última opção depois de editar.

Cabeçalho: Pelo o que vi, só de baixar o modelo ele já vem junto, mas vocês podem mudar a qualquer hora, fazendo o upload da imagem que quiserem.

Recomendo deixar reduzir para ajustar ativado e manter sem título ou descrição.

E EM SEGUIDA O QUE PARECE COMPLICADO, MAS NÃO É!

Os "HTML/JavaScript" à esquerda são os gifs.

Se o blogger tem um modo de colocar gifs diretamente, não me contaram. Então precisei de uma gambiarra pra colocar eles lá.

Gifs: Pra adicionar mais um você escolhe Adicionar um gadget >> Rolaa as opções até achar HTML/JAVASCRIPT e só cole o código dentro:

O código deles e com o qual vocês podem sempre adicionar mais um, é o seguinte:

<style>

    #HTML4 {

        background-color: transparent !important;

        border: none !important;

    }

</style>

<div>

    <img src="https://brahkie.neocities.org/nosepick.gif" alt="Descrição do GIF" style="width:100%; height:auto;" />

</div>

A parte em negrito é o seu gif, substituam com a url do que preferem usar. Sem mexer nas aspas. Deixe as aspas!!!!!!!!

Agora, a parte de cima que começa em <style> e termina com </style> é o que usei para deixar o fundo transparente, por motivos de estética mesmo.

Mas uma parte não tão importante, mas que vocês devem pelo menos lembrar é que esse #HTML4 representa um gadget ESPECÍFICO, pois cada um tem um nome diferente. Na hora que você tenta criar um novo, se coloca esse mesmo código em outro gadget é provável que não fique transparente.
Maaaaasss sinceramente, por algum motivo silly às vezes o blog se esquece disso e só pega.

De qualquer forma, caso aconteça de você querer o gadget transparente e não ficar, o problema pode ser esse. Pra resolver você pode só ir aumentando gradativamente o número após o html, se não é 4 tenta 5 tenta 6.