Como personalizar tamanhos de miniaturas blogger

Blogger é um programa on-line no Google que permite às pessoas para se inscrever para uma conta no site do Blogger e criar um blog pessoal. Quando uma pessoa faz um blog no site, eles também têm a opção de carregar uma fotografia para o seu blog. A fotografia pode ser uma imagem do autor do blog ou pode ser qualquer outra imagem, enquanto a imagem não viola os termos do site. A fotografia será exibido como uma imagem em miniatura no blog. O tamanho da miniatura pode ser personalizado e feito maior ou menor.

  • Clique em "Dashboard" no topo da página para ir ao seu painel.

  • Clique em "Design" na lista de opções abaixo o título do blog na página do painel.

  • Clique em "Editar HTML". Esta opção está localizada perto da parte superior esquerda; canto da tela, dentro da segunda linha de opções abaixo do título do blog.

  • Clique em "Baixar modelo completo" para salvar uma cópia do seu modelo antes de fazer quaisquer alterações ao mesmo. Dessa forma, se você cometer um erro e quer voltar para o jeito que era antes, você terá uma cópia salva do modelo anterior.



  • Olhe para o código CSS ""Dentro do corpo do molde.

  • Cole o código CSS ".profile-img {width: Valuepx; height: Valuepx}" diretamente acima do outro código CSS. Se houver um código CSS adicional no topo do outro código CSS, em seguida, cole o novo código CSS entre os dois. Dentro do CSS, a mudança "Valor" colado ao número de pixels que você quer em sua imagem em miniatura. A quantidade de pixels irá determinar o tamanho da imagem. O primeiro "Valor" no código será alterado para largura desejada da imagem. O segundo "Valor" será alterado para altura desejada da imagem. Por exemplo, se você quiser a imagem em miniatura para ser 200 pixels de largura e 150 pixels de altura, então o código CSS será ".profile-img {width: 200px; height: 150px}."

  • Clique no botão "Salvar modelo".

  • Clique em "Ver Blog" para ver a nova imagem em miniatura em seu blog. Se não for o tamanho que você quer que ele seja, e depois voltar para a página "Editar modelo" e alterar os números que você inseriu no código CSS.

De esta maneira? Compartilhar em redes sociais:

LiveInternet