Agora temos uma super novidade pra vocês, nos criamos um fórum de perguntas e respostas para vocês que querem saber de algum determinado assunto, qual quer assunto, como dúvidas,filmes,musicas,jogos,blogs,livros entre outros...
Segue o link para o cadastro no fórum: http://perguntaserespostas.umforum.net/
0
O Como Criar Um Bom Blog tem como principal objetivo, ajudar você a personalizar seu blog da maneira mais simplificada possível para que todos possam fazer os tutoriais com facilidade. Além de oferecermos tutoriais, também oferece dicas. E nesse artigo darei mais uma de nossas belas dicas de como personalizar seu blog de maneira simples. Muitos que tentam modificar seus blogs acabam fazendo besteira por não ter conhecimento sobre as linguagens que o template exige, no caso, CSS e HTML. Se você já tem algum conhecimento prévio das linguagens, não terás problema em adquirir esta dica, caso ao contrário recomendo que baixem apostila na internet e comece a estudar em casa gratuitamente. Mas voltando ao principal objetivo dessa postagem, mostrar como editar seu template de maneira fácil, não será necessário instalar nenhum programa específico no computador, mas sim no navegador. Se você usa o Firefox, terás que baixar uma extensão chamado “Firebug”. O firebug é uma ferramenta de grande utilidade para programadores web,, assim como é de grande utilidade para min criar templates. Com ele podemos identificar erros e editar qualquer site. Sendo assim, ele pode servir para interpretar sua página antes que de você alterar qualquer código no seu HTML original. 
Clicamos no botão com o desenho de uma lupa; 
No painel de inspeção, do lado direito, onde editamos o CSS do elemento que acabamos de inspecionar, podemos deletar, modificar e acrescentar códigos. Como exemplo, vamos colocar uma cor de fundo e uma borda interna (background e border). Sendo assim, vamos ter que que acrescentar código. Para acrescentar um novo código, apenas damos dois cliques abaixo do último código da coluna. Veja:
Ao dar dois cliques, digite um código, aperte ENTER, acrescente um valor e aperte ENTER novamente.
Lembrando que a alteração é instantâneo, ou seja, ao acrescentar o código, você já vai ver como vai ficar.
Vá até o HTML do seu blog (na primeira guia), aperte CTRL + F e em seguida CTRL + V pra colar a ID, o navegador vai pesquisar a ID no seu HTML.
Saiba como editar seu template facilmente
Se você usar o Google Chrome, não será necessário instalar o firebug, apensar de existir uma versão para o Chrome, o navegador dispensa a necessidade dele, pois no próprio Chrome já vem contido uma ferramenta semelhante ao firebug.
Vamos a aula prática pra você ver como funciona a ferramenta e como você pode usar para editar seu template.
Vou usar a própria ferramenta do Google Chrome pra fazer as modificações, mas você pode estar usando o firebug também.
Para começar, temos que deixar uma aba do navegador na página no Editor HTML do seu blog. Sendo assim, abra o seu navegador e na primeira guia entre no blogger, faça o login e vá até o Editor HTML do blog que você quer fazer alterações.
Agora abra outra Guia no seu navegador e entre no seu blog. Deixe seu blog carregar totalmente. Clique em qualquer lugar do seu blog com o botão direito e clique na opção “inspecionar elemento”.
Repare que na parte inferior do seu navegador abriu uma janela, nesta janela são exibidos os códigos do seu blog em duas partes, do lado esquerdo mostra o HTML e do lado direito o CSS.
Vamos usar apenas o CSS que é a parte do estilo e da sua página.
Nesta área podemos alterar toda a parte do designer do elemento inspecionado. Suponha que você queira fazer algumas alterações na coluna, então faremos o seguinte:
Posicionamos o cursor sobre a coluna até ela ficar azul, e damos um clique.
No painel de inspeção, do lado direito, onde editamos o CSS do elemento que acabamos de inspecionar, podemos deletar, modificar e acrescentar códigos. Como exemplo, vamos colocar uma cor de fundo e uma borda interna (background e border). Sendo assim, vamos ter que que acrescentar código. Para acrescentar um novo código, apenas damos dois cliques abaixo do último código da coluna. Veja:
Ao dar dois cliques, digite um código, aperte ENTER, acrescente um valor e aperte ENTER novamente.
Agora coloque os códigos ‘background e border’ e seus respectivos valores de acordo com a imagem abaixo:
Lembrando que a alteração é instantâneo, ou seja, ao acrescentar o código, você já vai ver como vai ficar.Depois de ter deixado o elemento como você queria, no nosso caso a coluna, você terá que copiar a ID da coluna (CTRL + C).
Vá até o HTML do seu blog (na primeira guia), aperte CTRL + F e em seguida CTRL + V pra colar a ID, o navegador vai pesquisar a ID no seu HTML.
Volte para a segunda guia e copie os códigos CSS da coluna modificada, selecione os códigos e copie (CTRL + C).
Vá no HTML, selecione tudo estiver entre “{ }” (sem aspas) da ID cole o código apertando
CTRL + V.
CTRL + V.
Visualize, se estiver tudo em ordem, salve!
Pronto, agora faça o mesmo com as próximas modificações que você fizer. Viu como é fácil? Agora você poderá modificar seu template sozinho, apenas entre no seu blog, modifique as partes e instantânea veja como vai ficar, depois é só aplique no HTML do seu blog.
Você usa outra forma para editar seu template? Conte-nos.
0
E se você perdesse todas as imagens do seu blog?
As imagens de um post são bastante importantes. Elas entretêm os leitores e o fazem querer ler o post. Usamos as imagens para dar um ar menos sério ao post, ou mesmo para mostrar algum detalhe da informação.
Existem também blogs que são criados usando apenas imagens em seus posts. Normalmente são blogs de humor em que as imagens contêm tirinhas. Mas o importante é que a imagem é o foco principal desses blogs.
Agora o que aconteceria se o seu blog perdesse todas as imagens, ou ao menos metade delas? Será que os posts ficariam tão bons? Ou você seria capaz de achar as mesmas imagens para atualizar os posts?
Infelizmente isso já aconteceu comigo. Utilizava um servidor gratuito para as imagens e de um dia para o outro o servidor decidiu “fechar as portas”.
Por isso perdi cerca de 100 imagens que tive que procurar uma a uma e depois fazer o upload. Foram praticamente dois dias inteiros somente fazendo upload das imagens.
Desde aquele dia sempre faço backup das minhas imagens. E não é só com servidores desconhecidos que acontecem esse problema. Recentemente perdi 6 imagens que estavam hospedadas nos servidores do Google.
Quando for fazer o backup das imagens lembre-se de salvá-las com o nome do post, pois fica mais fácil de achar. Além de não salvá-las apenas no seu computador e salvar também em outros servidores de armazenamento como SkyDrive e Dropbox.
Existem também blogs que são criados usando apenas imagens em seus posts. Normalmente são blogs de humor em que as imagens contêm tirinhas. Mas o importante é que a imagem é o foco principal desses blogs.
Agora o que aconteceria se o seu blog perdesse todas as imagens, ou ao menos metade delas? Será que os posts ficariam tão bons? Ou você seria capaz de achar as mesmas imagens para atualizar os posts?
Infelizmente isso já aconteceu comigo. Utilizava um servidor gratuito para as imagens e de um dia para o outro o servidor decidiu “fechar as portas”.
Por isso perdi cerca de 100 imagens que tive que procurar uma a uma e depois fazer o upload. Foram praticamente dois dias inteiros somente fazendo upload das imagens.
Desde aquele dia sempre faço backup das minhas imagens. E não é só com servidores desconhecidos que acontecem esse problema. Recentemente perdi 6 imagens que estavam hospedadas nos servidores do Google.
Quando for fazer o backup das imagens lembre-se de salvá-las com o nome do post, pois fica mais fácil de achar. Além de não salvá-las apenas no seu computador e salvar também em outros servidores de armazenamento como SkyDrive e Dropbox.
1
Olá pessoal, bem vindo a mais um tutorial. Nesta aula estarei ensinando a aumentar o tamanho da largura no seu blog, seja pra corrigir algum erro ou para ajustar conforme desejado. Para realizar este procedimento vamos apenas alterar uns número que determina a largura da sua página na folha de estilo (CSS). Mas pra isso, também será necessário alterar o tamanho de outras coisas como a área das postagens e a colunas.
Então vamos lá, primeiramente acesse o“Editar HTML” do seu blog e procure por:
Perceba que abaixo da linha que você procurou têm o seguinte atributo:
Este elemento determina a largura de uma ‘div’, no caso, a página. Claro que na sua folha de estilo não vai estar escrito “VALOR” como mostrado acima, pois ali pode conter qualquer número em px (pixels), como por exemplo: “900px”. Sendo assim, para alterar a largura, apenas altere o valor de“width” para um número em pixels maior.
Caso não tenha o elemento “Width: VALOR;” é só acrescentar ele abaixo das linhas pesquisadas lá em cima.
Agora que você já sabe o que significa o “width”, vamos alterar a largura da coluna ou da postagem, alterando os valores deles. Sendo assim procure por:
Altere o valor do atributo width para um numero maior. O recomendado é acrescentar a quantidade que você colocou no corpo, ex: se você aumentou 50px no corpo da página, aumente 50px na coluna também ou coloque 25px para a área da postagem e 25px para a coluna.
Se for alterar o tamanho da área das postagens, procure pela linha abaixo e altere o width:
Uma vez alterado o valor de uns dos atributos, clique em visualizar, veja se realmente ficou como desejado e salve. Existe casos que os códigos acima não estarem presentes em seus blogs, caso isto aconteça, deixe um comentário.
Ajudei? Então deixe um comentário! Até!
Como aumentar a largura da página do blog
Olá pessoal, bem vindo a mais um tutorial. Nesta aula estarei ensinando a aumentar o tamanho da largura no seu blog, seja pra corrigir algum erro ou para ajustar conforme desejado. Para realizar este procedimento vamos apenas alterar uns número que determina a largura da sua página na folha de estilo (CSS). Mas pra isso, também será necessário alterar o tamanho de outras coisas como a área das postagens e a colunas.
Então vamos lá, primeiramente acesse o
Perceba que abaixo da linha que você procurou têm o seguinte atributo:
Este elemento determina a largura de uma ‘div’, no caso, a página. Claro que na sua folha de estilo não vai estar escrito “VALOR” como mostrado acima, pois ali pode conter qualquer número em px (pixels), como por exemplo: “900px”. Sendo assim, para alterar a largura, apenas altere o valor de“width” para um número em pixels maior.
Caso não tenha o elemento “Width: VALOR;” é só acrescentar ele abaixo das linhas pesquisadas lá em cima.
Agora que você já sabe o que significa o “width”, vamos alterar a largura da coluna ou da postagem, alterando os valores deles. Sendo assim procure por:
Altere o valor do atributo width para um numero maior. O recomendado é acrescentar a quantidade que você colocou no corpo, ex: se você aumentou 50px no corpo da página, aumente 50px na coluna também ou coloque 25px para a área da postagem e 25px para a coluna.
Se for alterar o tamanho da área das postagens, procure pela linha abaixo e altere o width:
Ajudei? Então deixe um comentário! Até!
0
Depois de muitas tentativas e muitos fracassos, finalmente conseguir montar um código e dar um novo visual no seu blog. Elaborei um belo sistema que permite que seus leitores comentem em seu blog de uma forma bem criativa a partir de uma lightbox. Pronto! Agora é só visualizar pra ver se não tem nenhum erro, em seguida salvar. Espero que tenham gostado na modificação que promete deixar seu blog mais interativo.
Sistema de comentário em ligthbox para o blogger
Juntei alguns trechos de códigos do lightbox Pirobox com os os códigos de comentário do blogger. Confesso que foi difícil obter o devido funcionamento, mas consegui e agora você pode aplicar essa nova forma de fazer comentários em seu blog de uma forma diferente da que estamos acostumado. Apenas siga os passos abaixo:
1. Entre no blogger e acesse o painel principal do seu blog.
2. Clique em “Modelo” –> “Editar HTML” e marque a opção “Expandir Modelos de Widgets”.
3. Cole o seguinte código acima de </head>
5. Agora procure por:
6. Cole o seguinte código abaixo da linha procurada.
7. Um pouco mais abaixo você vai encontrar o seguinte trecho:
Depois de </b:if> cole a tag: </div>
8. Agora procure por:
9. Cole o código abaixo depois dessa linha.
0
Dias atrás eu ensinei como alterar a cor da barra de rolagem do blog, disponibilizei o cógigo e ensinei como colocar no blog. Mas desta vez, irei disponibilizar alguns códigos que vão deixar seu blog mais criativo com uma barra de rolagem personalizada. 
Barras de rolagem personalizadas para seu blog
Para colocar em seu blog, apenas entre no Editar HTML do mesmo e procure por:
Agora cole uns dos códigos abaixo acima dessa tag, em seguida salve. Lembrando que só testei no Google Chrome.
Estilo 1
Estilo 2
Estilo 3
0
Novas colunas para seu blog em abas e com efeito de transição
){kind=link}
){kind=link}
){kind=link}
Quando falamos em abas, falamos em organização e espaço. Um blog que possui menus em abas, aparenta mais organização e muito mais espaço para colocar seus gadgets sem problemas. Mas neste tutorial, não irei ensinar como colocar um simples menu em abas, mas sim, acrescentar novas colunas em seu blog, separados por abas e ainda por cima, um belíssimo efeito de transição.
Clique aqui para ver uma demo
Quer deixar seu blog mais espaçoso com esta ? Então siga os passos abaixo:
1. Entre no “Editar HTML” do seu blog.
2. Procure por </head>
3. Acima dela cole:
3. Agora procure por <div id='content-wrapper'>
4. Acima dessa linha cole:
Agora modifique as partes em vermelho no código colocando um nome para os painéis, em seguida salve.
E para acrescentar gadgets é fácil, apenas acesse a guia “Layout” e acrescente gadgets normal mente. Cada local para adicionar um novo gadget corresponde a uma aba.
Assinar:
Postagens (Atom)
