Como adicionar um botão "Topo da página" no blog

Em páginas muito extensas um botão para voltar ao topo da página pode ser muito útil. Isto evita que o visitante/leitor tenha que arrastar a barra de rolagem ou girar excessivamente a "rodinha" do mouse. Aqui temos o código bem interessante de um botão desse tipo. Ele só aparece depois que rolamos a página um pouco para baixo e desaparece quando ela está quase no topo novamente. É possível alterar o ponto em que isso ocorre. Além disso, quando clicamos no botão, a página rola suavemente em um tempo também configurável.

Como ocultar a hora das postagens no blog

Para quem posta pouco (menos de uma vez ao dia) a hora da postagem deixa de ter sentido. Para ocultá-la é muito simples: no canto superior direito de seu blog clique em Design. A seguir clique em Layout, como mostrado na figura abaixo.

Como ocultar o título das páginas estáticas

Para ocultar o título das páginas estáticas no Blogger, cole o código abaixo no template do blog antes da tag </head>.

<b:if cond='data:blog.pageType == "static_page"'>
    <style type="text/css"> 
 h3.post-title {
    display: none;
    visibility: hidden;
}
    </style>
</b:if>

Como colocar uma imagem popup no blog

Tem coisa mais irritante do que aquela janelinha popup que se abre automaticamente logo no carregamento de uma página com a pergunta: "Gostou do nosso site? Então curta a nossa página no Facebook." Ora, como o leitor pode dar sua opinião se ainda nem começou a ler? Ainda mais com aquela janelinha atrapalhando?

Como colocar uma imagem aleatória no blog

É fácil inserir uma imagem aleatória, como esta ao lado, em uma página ou postagem do blog (recarregue a página para ver). Para isto, utilize o código abaixo:

<a href="#" title="">
<script language='JavaScript'>
pics = new Array(4)
pics[0] = "<img src='#' />"
pics[1] = "<img src='#' />"
pics[2] = "<img src='#' />"
pics[3] = "<img src='#' />"
random = Math.random() * (pics.length)
random = Math.floor(random)
document.write(pics[random])
</script>
</a>

Como inserir uma imagem fixa no blog

Para inserir uma imagem fixa no blog, como esta ao lado, devemos adicionar o atributo style na tag <img /> com os valores display:scroll; position:fixed; top:0px; right:0px;. Assim:

<img src="#" style="display:scroll; position:fixed; top:0px; right:0px;" />

Vá no seu blog em:

Modelo --> Editar HTML --> Prosseguir

Como adicionar música no perfil do Orkut

São várias as maneiras de colocar música no perfil do Orkut. Escolhi esta por considerá-la mais adequada e também mais fácil de implementar. Este método consiste em utilizar o player do site 4shared e pode ser utilizado em outros locais onde seja possível adicionar HTML, como blogs.^[Nota] Veja um exemplo:

Como adicionar uma área de texto para códigos HTML

Às vezes temos que inserir códigos em uma postagem (HTML, CSS, etc.) e a melhor maneira de se fazer isso é através de uma área de texto (text area). Tal método tem a vantagem de ocupar menos espaço na página e ainda a seleção do conteúdo, e até mesmo a cópia, pode feita por um clique na área de texto facilitando a sua cópia.

As tags HTML utilizadas para criar uma área de texto são: <textarea></textarea>.

Como adicionar HTML na assinatura do Gmail

O editor rich text do Gmail nos permite a criação de uma assinatura bastante elaborada mas não nos possibilita editar diretamente o código HTML. Mas é possível contornar esse problema da seguinte maneira: crie a assinatura em um programa editor de HTML e salve com a extensão .html.

Como personalizar o cursor do mouse no blog

Um cursor personalizado no blog pode ter um efeito muito interessante e chama muito a atenção do leitor desde que, é claro, seja uma imagem bem criativa e original.

Personalizar o cursor é fácil. Para isso precisaremos de duas imagens: uma do cursor normal e outra do cursor quando estiver sobre um link. Podemos criar as imagens em um programa editor de imagens qualquer mas devemos salvá-las em dois formatos (PNG e CUR), totalizando quatro imagens.