Quando queremos mudar o template ou mesmo fazer pequenas alterações no modelo do blog quase sempre precisamos achar algum código HTML para resolver um problema, por exemplo: retirar um espaço em vazio, descobrir o código de uma cor de fundo ou borda(Código das Cores) ou simplesmente localizar algum trecho do código para poder fazer qualquer outra edição. Mas nem sempre é fácil por isso vamos mostrar como visualizar trechos do HTML diretamente no seu blog como ela é visualizada na internet.
ferramentas uteis para blogs
Vamos mostrar como achar códigos HTML usando o navegador Google chrome, mas outros navegadores como internet Explorer e Firefox tem funções parecidas e recomendamos que façam testes para descobrir qual você mais gosta.
No chrome entre na pagina do seu blog depois entre em ferramentas (do chrome) > ferramentas para desenvolvedor e você verá uma janela que mostra o HTML do seu blog e ao passar o mouse sobre o código HTML você notará que destaca partes do seu blog mostrando o que cada trecho do HTML faz no seu site.
Mas podemos fazer o contrario também, ou seja, clicar diretamente no blog e ver o código HTML daquele trecho. Para fazer isso clique na ferramenta que parece uma lupa no rodapé da pagina e depois clique no seu blog para ver o HTML daquela parte da pagina e não se preocupe enquanto estiver usando a lupa o clique não vai para o link da pagina só mostra o HTML.
Nas janelas laterais você pode ver o estilo CSS utilizado naquela parte do seu blog e assim descobrir como retirar bordas, trocar cor de fundo ou qualquer outra alteração na formatação do seu template.
Então depois que tiver uma idéia de qual código quer modificar entre na pagina editar HTML do blogger e use o Ctrl+F para achar o HTML no seu blog. Porém o blogger usa tags próprias no HTML então os trechos podem não ser exatamente iguais. Portanto procure pelo nome dos estilos, por exemplo: body{ e não pelo conteúdo deles: font: normal normal 12px Arial, Tahoma, Helvetica, FreeSans, sans-serif; color: #222. Isso porque no html do seu blog tem tags do blogger e pode ser diferente de quando visualizamos a pagina.
Sobre modificar templates e alterar códigos html veja também:
Onde colocar os códigos no blog
Designer de modelo - Layout e Configurações Avançadas
Mudar template do blog - Designer do modelo
Erros no Blogger - Códigos Duplicados
Sabemos que isso não resolverá todos os problemas justamente por isso recomendamos testar as ferramentas para desenvolvedores de outros navegadores também, pois são um pouco diferentes e assim você poderá descobrir com qual delas consegue trabalhar melhor, mas certamente esse método para localizar partes do HTML do blog é muito útil para fazer alterações de template e localizar códigos de maneira rápida e bem mais simples.
As imagens que usamos neste tutorial foram feitas em nosso outro blog: Frases Curtas.
terça-feira, 21 de fevereiro de 2012
html do nosso xat
Xat Death-Portais
Para Pega Html Do Nosso Xat é Muito Simples
Basta Clicar Aqui
Faça o Download.
domingo, 25 de dezembro de 2011
Deixando o xat sem fundo
Para remover ou deixar o seu xat sem nenhum fundo siga as instruções abaixo :
Primeiro você precisará ser Onwer / Main Onwer do xat escolhido .
Vá em Edit Your Chat (Editar seu xat) , depois em Extra Features , abrirá uma página com todas as configurações do seu xat .
Dê um CRTL + F e pesquise a frase : Transparent background , quando achar a frase , marque a caixinha , agora baixe um pouco a página e clique no botão Update these options .
Depois é só copiar o NOVO código embed e colar no seu site .
Note que o novo código virá com o seguinte código wmode="transparent"
Depois para adicionar o fundo novamente , desmarque a caixinha , adicione o fundo e pegue o novo código embed.
Primeiro você precisará ser Onwer / Main Onwer do xat escolhido .
Vá em Edit Your Chat (Editar seu xat) , depois em Extra Features , abrirá uma página com todas as configurações do seu xat .
Dê um CRTL + F e pesquise a frase : Transparent background , quando achar a frase , marque a caixinha , agora baixe um pouco a página e clique no botão Update these options .
Depois é só copiar o NOVO código embed e colar no seu site .
Note que o novo código virá com o seguinte código wmode="transparent"
Depois para adicionar o fundo novamente , desmarque a caixinha , adicione o fundo e pegue o novo código embed.
Banner Em Todos Post
Descrição : Tutorial Ensinando a Como Colocar um Banner Logo Após Cada Post do Seu Blog.
Tutorial bem Fácil e Rápido Créditos : NewPortais
1°Acesse Seu Blog.
2°Vá em Layout e Clique em Editar HTML.
3°Clique em : Expandir modelos de widgets
4° Feito Isso Aperte Ctrl+F e Cole esse Código :
<*div class='*post-footer-line post-footer-line-1*'>
obs : nao esqueça de tirar os *
6°Onde Está Escrito LINK DO SEU BANNER Voce coloca o link do Seu Banner
e Onde Está Escrito LINK DO SEU SITE Voce Coloca o Seu Site
7°Salve e Pronto
Tutorial bem Fácil e Rápido Créditos : NewPortais
1°Acesse Seu Blog.
2°Vá em Layout e Clique em Editar HTML.
3°Clique em : Expandir modelos de widgets
4° Feito Isso Aperte Ctrl+F e Cole esse Código :
<*div class='*post-footer-line post-footer-line-1*'>
obs : nao esqueça de tirar os *
5°Cole Esse Código Acima do Código que Você Procurou :
6°Onde Está Escrito LINK DO SEU BANNER Voce coloca o link do Seu Banner
e Onde Está Escrito LINK DO SEU SITE Voce Coloca o Seu Site
7°Salve e Pronto
MuEditaveis
[ Novo ] Servidor Editavel !
Fontes
Aew galerinha, estou disponibilizando um pacote com 180 fontes muito usadas por mim, e outras pessoas na Area de Design, espero que gostem e usem bastante.
[Download]
Bom Vou começar a disponibilizar aki na DP alguns recursos que eu uso de photoshop espero que gostem abraço.
[Download]
[Download]
Fontes Tierra Blanca,Danube
[Download]
Assinar:
Postagens (Atom)
