Mostrando postagens com marcador Códigos Blogger. Mostrar todas as postagens
teste do eddy
Estilo de postagens da Bcrete Templates (Editado)
°o0Kakshi0o°
Bom gente Hoje irei ensinar a por o estilo de postagens parecido com o da Bcreate template.
Muito fácil!
vamos lá:
1°- vá no Painel do blog / Nova postagem / Editar HTML
2°- Copie esse código abaixo e cole!
<div id="noneimg">
<img border="0" src="http://3.bp.blogspot.com/--AHqUfLGirY/TrcOqGmOonI/AAAAAAAACLA/jKDwX-RxBWk/s1600/sig+irtual.png" /></div>
<div style="text-align: center;">
<img border="0" height="400" src="http://3.bp.blogspot.com/--AHqUfLGirY/TrcOqGmOonI/AAAAAAAACLA/jKDwX-RxBWk/s1600/sig+irtual.png" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;" width="331" />
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFWRViRnfwLLqGE6MB3khbO160DfHVoe2RAkH4Vwv9UzdI0dTwbcuwP7htpNdB2caANdbGqUpL5MMhvYjS3g3u6mDAJmwGqsGZR21TuhyphenhyphenMUNO1X3aA51AchY3C-S7h01Nhp5EcJDlrMw/s400/nome.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" /> <span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">NomeDoTemplate Aqui:</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img407.imageshack.us/img407/7407/preo.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">ValorDoTemplate</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img26.imageshack.us/img26/3313/autor.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">NomeDoAuthor</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img border="0" height="60" src="http://img13.imageshack.us/img13/3985/plataformai.png" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;" width="150" />
<span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">BL,WP,WEB</span></span></div>
<div style="font-family: Arial,Helvetica,sans-serif;">
<img height="60" src="http://img524.imageshack.us/img524/7052/descrio.png" width="150" /> <span style="font-size: large;"><span style="font-family: Arial, Helvetica, sans-serif;">Descrição do arquivo
</span></span></div>
<a href="http://www.lnk-de_download.com/" target="_blank" title="°o0Kakshi0o° - Tutoriais: REALIZAR DOWNLOAD"><img border="0" src="http://1.bp.blogspot.com/-hX0KYFMiS60/Trn26UP_NKI/AAAAAAAACdA/b-_KHZsLIJY/s200/Blank.png" /></a> </div>
3°-Editando e Conhecendo o código
1° troque os links das imagens pela de sua preferencia.
2° edite os textos! Muito cuidado para não destruir o código.
quando editamos um código e normal que "sem querer acabamos apagando uma (,) ou (') isso pode fazer o código não funcionar".
3° use sua imaginação edite as imagens de (Nome,Preço,Autor,Plataforma,Descrição..)
você por por exemplo:
"Criar nomes para site de designer..!!!"
4° esse código serve para postar muitas coisas.... não se limite só para Templates!
não se esqueça que isso significa!
height: Altura da imagem
width: Largura da imagem
"Para mim poder trazer mais desses código, e necessário que você COMENTE ,e SIGA..esse Blog."
Como colocar botão seguidor flutuante
Bom gente hoje trago a vocês um tutorial muito pedido.
botar um Button Flutuante na tela! ele pode fica onde você quiser ! basta editar umas pequenas partes que irei citar.
Vamos la:
1°- Design > Elementos da página > Adicionar um Gadget> HTML/JavaScript.
aconselho a por dentro de um Gadget já criado!
2°- Cole o seguinte código:
<a href="http://www.blogger.com/follow-blog.g?blogID=SEU ID" style="display:scroll;position:fixed;top:10px;left:12px;" target="_blank" title="Clique Para Seguir "NOME DO SEU SITE">
<img src="http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png" /></a>
3°- editando o código:
1°- blogID=SEU ID: a ID do seu blog aqui...ela esta no topo de navegação
2°- 10px;" : isso que dizer distância do topo,quanto maior for o valor em px, maior será a em relação ao topo!
3°- left : isso quer dizer a sua ESQUERDA, e onde o Button vai fica, você pode mudar essa posição:right: quer dizer a sua direita.left: quer dizer a sua esquerda.
4°- 12px; : essa e a distância em relação a lateral; quando maior for o valor em px; maior sera sua distância.
5°- title="Clique Para Seguir " : essa e a mensagem que ira aparecer quando passar o mouse, você pode inventar esse texto!
6°- NOME DO SEU SITE"> : ponha o nome do seu blog.
5°- http://th1010.photobucket.com/albums/af230/daianepiva/th_seguir.png : você pode edite essa imagem.
4°- Salve e proto!
by:
Como Remover a Navbar do Blogger
Bom gente navegando por ai, reparei que muitos blogs ainda tem aquela barrinha no topo da tela, chamada de Navbar.
Hoje irei ensinar como remover essa barra!!
Vamos ao Tutorial:
1º - Acesse o painel do seu blog e clique na Guia Modelo.
2º - Em seguida clique em Editar Modelo.
3º - Em seguida segure as Teclas CTRL + F (Atalho de busca na página) e na caixa de texto que irá abrir procure por:
4º - ACIMA↑↑ dele cole o seguinte código:↓↓
5º - Em seguida clique em Salvar Modelo.
Prontinho feito!! Nevbar removida!
Como remover o "Assinar Postagens (Atom)"
Hoje vamos ensinar como remover
aquela mensagem que fica geralmente no rodape do blog.
"Assinar Postagens (Atom)"
Vamos ao Tutorial:
1º - Acesse o painel do seu blog e clique na Guia Modelo.
2º - Em seguida clique no Botão Editar HTML.
3º - Em seguida segure as Teclas CTRL + F (Atalho de busca na página) e na caixa de texto que irá abrir procure por:
4º - ACIMA↑↑dele cole o seguinte código: ↓↓
5º - Em seguida clique em Salvar Modelo.
Remover Mensagem "Mostrar todas as postagens"
Bom gente mais um tutorial, Hoje irei mostra como remover a quela mensagem de:"Mostrar todas as postagens"
Vamos ao Tutorial:
1º - Acesse o painel do seu blog e clique na Guia Modelo
2º - Em seguida clique no Botão Editar HTML.
3º - Em seguida segure as Teclas CTRL + F (Atalho de busca na página) e na caixa de texto que irá abrir procure por:
4º - ACIMA dele cole o seguinte código:
5º - Em seguida clique em Salvar Modelo.
Como Remover Bordas da Cx de Busca
Olá Pessoal, hoje vim dar um código bem prático para remover umas bordas bem indesejáveis que aparecem quando clicamos em caixas de texto, na imagem acima é mostrada como é antes e depois da alteração, aquela borda indesejada que aparece no Google Chrome é removida, então estou estudando muito mais propriedades CSS e acabei descobrindo essa propriedade que faz isso facilmente. Com base nessa propriedade eu criei um código que se aplica à todas as caixas automaticamente.
Vamos ao Tutorial:
1º - Acesse o painel do seu Blog e clique na Guia Modelo.
2º - Em seguida segure as teclas CTRL+F e procure por:
3º - E ACIMA dela cole o seguinte código:
4º - Em Seguida clique em Salvar Modelo.
Como Trocar Barra lateral do Blogger
Exclusivo para o Google Chrome!
No tutorial de hoje iremos aprender à personalizar a barra de rolagem do nosso blog
Vamos ao Tutorial:
1º - Acesse o painel do seu blog e clique na Guia Modelo.
2º - Despois clique no Botão Editar HTML.
3º - Em seguida segure as teclas CTRL+F (teclas de atalho na página) e procure por:
4º - E ACIMA dele cole o seguinte código:
5º - Depois clique em Salvar Modelo.
Assinar:
Postagens