Mensagem ao entrar no blog

Embora não seja recomendável algumas pessoas gostam e procuram como colocar uma mensagem ao entrar no blog, aquela caixinha de texto escrito bem vindo ou algo parecido com isso.
O código para fazer isso é:

<script>alert('texto do alerta');</script>

Primeiro altere o texto da mensagem(texto do alerta) para o que deseja depois entre na página editar HTML e coloque esse código antes de</body> , e já está pronto é só clicar para salvar.


Marcadores: ,


Apagar Gadgets pelo HTML do Blogspot

Quando queremos apagar alguma coisa que colocamos no blog é bem simples entre na página layout clique sobre o gadget então clique no botão excluir na janela que abre e já está pronto o gadget sumiu.

Porém algumas vezes isso apresenta um erro e quando clicamos no botão excluir nada acontece em certas ocasiões parece que trava a janela outras ela fecha, mas o gadget não desaparece do blog. Para resolver esse problema temos que apagar esse gadget pela pagina editar HTML.

O primeiro passo é identificar o que vamos apagar então troque o titulo desse gadget que deseja excluir coloque um titulo diferente, fácil de achar, por exemplo: apagar esse, excluir ou qualquer outra coisa e clique para salvar. Agora entre na pagina editar HTML e procure por algo desse tipo:

<b:section class='sidebar' id='novabarra' preferred='yes'>
<b:widget id='LinkList1' locked='false' title='amigos' type='LinkList'/>
<b:widget id='Followers1' locked='false' title='Seguidores' type='Followers'/>
<b:widget id='HTML3' locked='false' title='publicidade' type='HTML'/>


No seu blog não será exatamente igual, mas repare que aparece nas linhas acima title='amigos' e title='publicidade', esses são os títulos dos gadgets, então é só achar aquele que vamos excluir procurando pelo titulo (apagar esse, excluir) e apague a linha inteira. No caso acima se quiser tirar o gadget amigos, apague:
<b:widget id='LinkList1' locked='false' title='amigos' type='LinkList'/>


Sugerimos clicar primeiro para visualizar o blog antes de salvar as alterações apenas para ter a certeza que apagou realmente o gadget certo, se tudo estiver certo clique para salvar modelo e pronto.

Marcadores:


Navegar Dentro da Página - Criar links na mesma pagina

Quando temos uma pagina com muitas coisas ela acaba ficando longa demais e alguns usuários se atrapalham na hora de encontrar alguma coisa, uma solução para isso é colocar links que facilitem a navegação dentro de nosso blog.

Para fazer isso é bem simples você pode colocar um link no começo do blog que levará até o código do seu banner (caixinha link-me), então faça da seguinte forma: vá até a pagina layout, adicionar gadget, html/javascript e coloque esse código:

<a href="#banner">Caixinha Link-me</a>

Deixe isso no começo do blog, pois esse é o link que aparecerá para clicar e ir até a caixinha link-me do seu blog. Depois clique para editar onde colocou a caixinha link-me e coloque esse código no começo:

<a name="banner"></a>

Pois quando alguém clicar essa linha que irá para o topo da página e não se preocupe esse código não aparece no blog. Agora é só salvar e testar.

Para fazer outros links apenas altere no código o texto e nome dos links: a palavra banner deve ser troca por qualquer outra, mas nas duas partes do código e Caixinha Link-me é o texto que vai aparecer no topo da sua pagina onde está montando uma espécie de guia de rápido acesso para facilitar a navegação. Quando colocar mais de um link acrescente no final de cada um
isso faz mudar de linha assim cada link ficará numa linha sozinho, então para vários links fica assim a primeira parte do código:

<a href="#banner">Caixinha Link-me</a><br/>
<a href="#banner">Caixinha Link-me</a><br/>
<a href="#banner">Caixinha Link-me</a><br/>

E não se esqueça de colocar a segunda parte do código em cada um dos destinos que criar.

Marcadores: , , ,


Imagens Semi Transparentes no Blogspot

Um efeito legal de usar é deixar as imagens meio transparentes quando colocamos o mouse sobre elas, e o código para fazer isso pode ser usado em cada imagem separadamente ou em todas as imagens das postagens ou das colunas de menu do blog e ainda no blog inteiro se preferir.

O código pra deixar a imagem transparente você deve colocar na página editar html, depois de body{...}, mas cuidado para não colocar dentro das chaves do body porque tudo que estiver entre elas modifica a página inteira, veja na imagem:



no exemplo modificamos todas as imagens das postagens, caso esteja ruim de ver o código na imagem ele está aqui:

.post img{opacity:1;
-moz-opacity: 1;
filter: alpha(opacity=100);}

.post a:hover img{opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);}


Da mesma maneira que fizemos isso com as postagens poderíamos fazer com a coluna lateral de menu, apenas trocando a palavra post por sidebar ou o nome que tiver a coluna do seu blog. Porém se quiser colocar esse efeito em apenas algumas imagens por exemplo nos banners que mostra no seu blog, faça da seguinte forma em vez da palavra post coloque no código banner, isso é apenas um exemplo poderia ser quaisquer outras palavras desde que você não tenha usado a mesma para nenhum outro estilo CSS. Isso também na página editar html. Então o código ficará assim:

.banner img{opacity:1;
-moz-opacity: 1;
filter: alpha(opacity=100);}

.banner a:hover img{opacity:0.65;
-moz-opacity: 0.65;
filter: alpha(opacity=65);}


Depois entre na página layout, clique em adicionar gadget, html/javascript e coloque o código das imagens (neste caso os banners), porém o código das imagens tem que estar entre divs (podem ser quantas imagens quiser), deste modo:

<div class="banner">Código das Imagens</div>


Isso fará que apenas as imagens que estiverem neste trecho fiquem semitransparentes quando colocar o mouse sobre elas. Seguindo a idéia de um comentário feito nesta postagem coloquei esse código no blog Meu Jornal, vocês podem ver que ao passar o mouse sobre as imagens das postagens elas ficam semitransparentes. Outra opção é deixar o fundo das postagens e menus semi transparentes isso dá um efeito muito legal, mas cuidado para não ficar ruim para ler os textos.

Marcadores: , , ,


Retirar o Links das Imagens das Postagens


Depois de colocar alguns códigos que bloqueiam o botão direito do mouse, teclado e outras coisas surge um novo problema nas imagens das postagens é possível clicar nelas e abrir numa nova janela onde é possível copiar facilmente, então precisamos impedir que a imagem da postagem tenha um link para a própria imagem. Para resolver isso é bem simples: basta trocar o link para a imagem por # no código gerado pelo blogspot.
No caso da imagem postada acima o código original quando postei a imagem era:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s1600-h/imagem.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 300px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>

Então no começo dele depois de href=" troque esse endereço por #, apague cursor:pointer; cursor:hand; e coloque no lugar cursor: default; isso faz não aparecer a mãozinha no lugar do cursor, o código fica desse jeito:

<a onblur="try {parent.deselectBloggerImageGracefully();} catch(e) {}" href="#"><img style="display:block; margin:0px auto 10px; text-align:center;cursor: default;width: 300px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" /></a>

E pronto agora mesmo que clicar sobre ela nada acontecerá.

Outra maneira de fazer isso é deixar apenas a parte do código que é a imagem e retirar o link, no caso do exemplo acima deixe apenas o que está entre , e apague cursor:pointer; cursor:hand; neste caso basta apagar não é preciso colocar nada pois o mouse não muda ao passar sobre a imagem, ficando assim o código:

<img style="display:block; margin:0px auto 10px; text-align:center;width: 300px; height: 100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCwQbGlp08wkKSNnjCWX0U_GnDpUl0SHlWX8z50g6NVrgrvx4wjig00eDwo1wmA812hlHqPiVlDTCJ7mmm1vu1VxK19CCmjzg0O9Xf6mSLHkbXQRVMCbLTUUKRDErFCytCTCGYKOidyto/s320/imagem.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5292708043065404642" />

As duas explicações funcionam do mesmo jeito é apenas uma questão de qual achar mais fácil fazer, porém no caso de postar uma imagem maior que será reduzida automaticamente pelo blogspot não tem como usar essa explicação. O que resta a fazer então é publicar em um site de hospedagem de imagem (Photobucket ou ImageShack) e depois colocar o código aqui, claro se a largura do seu blog for suficiente para isso senão terá mesmo que reduzir o tamanho da imagem.

Marcadores: ,


Publicar Código

Postar um texto no blogspot é muito fácil, porém as coisas complicam um pouco quando por algum motivo decidimos publicar um código HTML, javascript ou coisa parecida, porque em vez de mostrar o código o blog executa. A solução para esse problema é transformar texto do código em HTML antes de publicar, por exemplo, o código do banner do nosso blog Frases Curtas é:

<a href="http://frasecurta.blogspot.com" target="_blank"><img border="0" src="http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg"/></a>

Mas se colocar desse jeito na postagem vai aparecer o banner em vez de mostrar o código, então usamos um programa para editar HTML e resolvemos o problema. Colocamos o código no programa como se fosse um texto qualquer e depois usarmos o HTML gerado para postar no blog, o código fica desse jeito:

&lt;a href=&quot;http://frasecurta.blogspot.com&quot; target=&quot;_blank&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i55.photobucket.com/albums/g138/robertojd/banner-1.jpg&quot;/&gt;&lt;/a&gt;

Colocando ele assim na postagem aparecerá o código em vez do banner. Você pode baixar vários programas para editar HTML gratuitamente no Baixaki ou Superdownload, olhando os dois sites e levando em consideração a quantidade de downloads e notas dadas pelos usuários, achamos que os melhores programas grátis para editar HTML são: Nvu 1.0, Sothink HTML Editor 2.5 e MAX's HTML Beauty++.

Marcadores: , ,


Bonecos (palitos) Animados

Para quem gosta bonequinhos animados o programa Pivot é uma boa opção porque é fácil de usar e podemos baixar gratuitamente. A descrição abaixo foi feita pelo site Baixaki onde você pode fazer o download grátis desse programa.

Você já pensou em criar lutas entre bonecos palitos diretamente em animações super leves no formato GIF? Pivot Stickfigure Animator trabalha facilmente com pequenas animações para quem não possui muitas habilidades artísticas. Movendo os objetos de quadro a quadro é possível criar uma cadeia de animação dinâmica, de uma forma tão fácil que até as crianças vão se divertir.

Além de criar os tradicionais bonequinhos, use sua criatividade para montar figuras como veículos, animais e tudo o que puder imaginar! Na opção Edit o boneco e suas respectivas articulações são exibidos, possibilitando ajustes ou até mesmo desenvolvimento de outras formas com círculos e linhas. Para completar há uma barra de controle de velocidade.

Veja esse exemplo que retiramos do blog Pivoteiros

Marcadores:


Parar de Fumar

O assunto tabagismo não tem nada a ver com blogs, certo? Não é bem assim, porque atualmente cada vez mais pessoas têm ou visitam blogs, portanto além de publicar nossos textos, fotos, vídeos e outras coisas, poderíamos ser mais úteis divulgando idéias que ajudem a melhorar a vida das pessoas e conseqüentemente o mundo que estamos.
Por isso fizemos alguns banners sobre esse tema que além de ser um problema para a saúde do fumante também prejudica todos a sua volta. Se gostou da idéia copie o código embaixo da imagem que mais gostou e coloque no seu blog ou site.




















Outros Banners


Veja alguns dados do INCA - Instituto Nacional de Câncer

Por que cigarros, charutos, cachimbo, fumo de rolo e rapé fazem mal à saúde?
Todos esses derivados do tabaco, que podem ser usados nas formas de inalação (cigarro, charuto, cachimbo, cigarro de palha), aspiração (rapé) e mastigação (fumo-de-rolo), são nocivos à saúde. No período de consumo destes produtos são introduzidas no organismo mais de 4.700 substâncias tóxicas, incluindo nicotina (responsável pela dependência química), monóxido de carbono (o mesmo gás venenoso que sai do escapamento de automóveis) e alcatrão, que é constituído por aproximadamente 48 substâncias pré-cancerígenas, como agrotóxicos e substâncias radioativas (que causam câncer).

Como o cigarro atua quimicamente no organismo?
A fumaça do tabaco, durante a tragada, é inalada para os pulmões, distribuindo-se para o sistema circulatório e chegando rapidamente ao cérebro, entre 7 e 9 segundos. Além disso, o fluxo sangüíneo capilar pulmonar é rápido, e todo o volume de sangue do corpo percorre os pulmões em um minuto. Dessa forma, as substâncias inaladas pelos pulmões espalham-se pelo organismo com uma velocidade quase igual a de substâncias introduzidas por uma injeção intravenosa.

Quais são as doenças causadas pelo uso do cigarro?
O tabagismo é diretamente responsável por 30% das mortes por câncer, 90% das mortes por câncer de pulmão, 25% das mortes por doença coronariana, 85% das mortes por doença pulmonar obstrutiva crônica e 25% das mortes por doença cerebrovascular. Outras doenças que também estão relacionadas ao uso do cigarro são aneurisma arterial, trombose vascular, úlcera do aparelho digestivo, infecções respiratórias e impotência sexual no homem. Estima-se que, no Brasil, a cada ano, 200 mil pessoas morram precocemente devido às doenças causadas pelo tabagismo, número que não pára de aumentar.

Veja outras perguntas e respostas os males causados pelo cigarro e como parar de fumar.

Organizar postagem(ocultar data, comentarios...)

Às vezes perdemos muito tempo procurando coisas no lugar errado, como por exemplo, como retirar a data das postagens, mudar o texto "postado por", mudar o lugar onde aparecem os comentários, marcadores, a imagem da cartinha para enviar essa postagem, escolher a forma que a data e hora aparecem sobre as postagens. Esses podem parecer assuntos bem diferentes, mas todos você muda pelo mesmo lugar.
Entre na pagina layout e clique na palavra editar que está no quadro postagens do blog



E aparecerá uma janela parecida com essa onde você pode modificar tudo que citei no começo dessa explicação e também trocar a posição de algumas coisas, veja na parte de baixo (postado por, 5 comentários, às 14:14) que se clicar sobre elas é possível arrastar e assim mudar o lugar onde aparecem no seu blog.

Marcadores: ,