Como inserir informações na coluna lateral Blog UOL

Uma pergunta que considero simples e fácil mas que não me lembro de ter escrito aqui nada a respeito. Entrei recentemente em uma comunidade onde um membro fez esta pergunta, e lá eu não consegui explicar 100%, então resolvi escrever aqui o mais detalhado possível.

Inserir informações além das que estão na coluna lateral do Blog Uol é uma coisa que faz muitas pessoas felizes, é talvez o primeiro passo para o blogueiro personalizar por completo seu blog. Se você é do tipo que prefere não pensar muito ou tem preguiça de procurar coisas, procure alguém que saiba HTML pra inserir estas modificações no seu blog [eu ahsuahsuahu], mas se você deseja saber, então:

Logado(a) no seu blog UOL, vá em Configurações, depois Modelo. No final da página você encontrará Editor HTML. É necessário saber que em cada blog os lugares que demarcam a coluna lateral se encontra em um local diferente,então nem sempre adianta copiar do visinho. (a partir do momento que você encontra as partes do seu blog isso não faz muita diferença).

Nesta nova página que abriu, há muitas palavras e coisas que talvez sejam estranhas.

As vezes quando a coluna lateral vem do lado esquerdo, as primeiras informações depois da tag < / head > pertence a ela, quando não, as primeiras informações são padrão. Esta coluna é uma DIV identificada ( div id=), então lá no início da sua página no estilo CSS deve mencionar alguma coisa sobre ela. Se desejar localize todas as divs da página logo no inicio e depois CTRL+F para procurar ela na página, as vezes é mais prático e a DIV do post normalmente está escrito posts, como na imagem.

Outra forma de se encontrar a coluna lateral é encontrar no HTML as informações que aparecem lá como Perfil e histórico. A partir do momento que você encontrar estas informações, fica mais fácil fazer tudo. Neste exemplo, vou inserir um contador personalizado na coluna lateral:

Observe que as partes grifadas em azul representam a abertura (em forma de comentário, pois estas palavras não aparecem na tela do seu computador, só na página HTML) e o fechamento da parte correspondente a celular, o que facilita quando queremos editar somente a parte por exemplo do celular, basta encontrar celular e editar, e assim é com a parte do perfil , histórico e etc. A parte em vermelho é o código encontrado na internet de um contador diferente iniciando em INICIO CONTADOR e vai até FIM CONTADOR, alguns fechamento tem o sinal '/' e outros a palavra FIM.

Após ter feito as alterações, não se esqueça de clicar no disquete escrito Salvar e depois no círculo verde escrito republicar, para validar seus novos feitos.

Para toda informação adicional, basta olhar no blog onde você quer
que ela apareça e procurar o lugar correspondente no HTML do seu blog e inserir, é sempre aconcelhável que você crie uma cópia do seu blog sem alterar nada e salvar, como se fosse um backup, pois você pode errar de tal forma que seja impossível reverter.