Mostrando postagens com marcador Tutoriais Blog. Mostrar todas as postagens
Mostrando postagens com marcador Tutoriais Blog. Mostrar todas as postagens

16 de abr. de 2009

Texto deslizando

Topo da Página

Texto rolante, texto deslizando, texto móvel, subindo, fazer uma faixa de texto... Existem dezenas de modos de descrever o texto que se move na pagina, mas o código para fazer isso é o marquee.
O texto acima foi feito com o seguinte código:

Gostou? Então Copie esse Post para seu Blog:

Contagem Regressiva

Topo da Página

O código estava sendo modificado quando era publicado neste blog, por isso foi colocado em outro lugar, clique aqui para ver o código do contador regressivo.

Esse código faz aparecer no seu blog uma contagem regressiva. Isto pode ser útil para quem está programando algum evento, quer mostrar quantos dias faltam para seu aniversario ou aniversario do blog, enfim para qualquer coisa que precisa contar quantos dias, horas, minutos e segundo faltam para determinado dia.

Tem algumas coisas que você precisa mudar para usar essa contagem regressiva no seu blog, procure por setcountdown(2008,10,03) isto é a data limite da contagem está no formato(ano,mês,dia) e lembre-se de usar o numero zero no caso de precisar(01, 02, 03,...). Outras coisas para alterar são as frases "Data especial", "É hoje!!!" e "Já passou ! ! !", elas também podem ser trocadas, você pode escrever o que desejar, mas coloque entre aspas igual está aqui.

Gostou? Então Copie esse Post para seu Blog:

Adicionar aos Favoritos

Topo da Página

Código para adicionar aos favoritos

Existem vários códigos para adicionar seu site aos favoritos, mas estes códigos funcionam diferentes dependendo do navegador(Internet Explorer, Firefox, Opera). Esse script funciona em todos eles, mas somente é um link no Internet Explorer, nos outros aparece a mensagem clique Ctrl+D para adicionar aos favoritos.
Para usar esse código no seu site você deve alterar as linhas:
var url="http://jornaljd.blogspot.com";
var title="Meu Jornal";
Que são respectivamente o endereço e o nome do site. Se você tiver dificuldades para visualizar o código clique na imagem. O código acima foi testado e funcionou no Internet Explorer 7, Firefox 2 e Opera 2.10.

Gostou? Então Copie esse Post para seu Blog:

Aleatórios

Topo da Página

Já publiquei esse texto no meu outro blog, mas como resolvi fazer esse com coisas úteis para blogs coloquei aqui também, afinal muita gente quer fazer colocar no blog uma lista de links aleatórios e não sabe como fazer, o script abaixo faz isso. Com esse código a lista de links aparecerá de forma aleatória cada vez que o site for visitado, claro que todos os links apareceram, mas cada vez em uma ordem diferente, é o que uso neste blog, veja meus links, se você entrar novamente neste blog verá que a ordem da lista é outra.

Código para fazer links aleatórios

Se tiver dificuldade para ver o código na imagem clique nela que abrirá uma pagina com o texto e para fazer alterações no script basta colocar a url dos sites que deseja onde está escrito lnk[0]="siteum.htm"; seguindo a seqüência de um para cada linha você pode colocar quantos quiser, mas não esqueça de acompanhar a numeração, exemplo: lnk[0], lnk[1], lnk[3], etc... E fazer o mesmo com o nome do site desc[0]="Site 1";. Na parte final dsp[0]=""; não precisa alterar em nada somente colocar o mesmo numero dos demais, ou seja, se você colocar 30 sites, deverá fazer até o dsp[30]="";. Outra coisa que não pode ser esquecida é mudar essa linha: var nr_of_links = 5; O numero 5 varia conforme o numero de links que você colocar. Se tiver alguma duvida é só perguntar pelo meu e-mail, orkut ou mesmo aqui pelo blog. Abraços a todos e esperam que gostem dos links aleatórios.

Gostou? Então Copie esse Post para seu Blog:

Código das Cores

Topo da Página

00000 #003300 #006600 #009900 #00CC00 #00FF00
#000033 #003333 #006633 #009933 #00CC33 #00FF33
#000066 #003366 #006666 #009966 #00CC66 #00FF66
#000099 #003399 #006699 #009999 #00CC99 #00FF99
#0000CC #0033CC #0066CC #0099CC #00CCCC #00FFCC
#0000FF #0033FF #0066FF #0099FF #00CCFF #00FFFF
#330000 #333300 #336600 #339900 #33CC00 #33FF00
#330033 #333333 #336633 #339933 #33CC33 #33FF33
#330066 #333366 #336666 #339966 #33CC66 #33FF66
#330099 #333399 #336699 #339999 #33CC99 #33FF99
#3300CC #3333CC #3366CC #3399CC #33CCCC #33FFCC
#3300FF #3333FF #3366FF #3399FF #33CCFF #33FFFF
#660000 #663300 #666600 #669900 #66CC00 #66FF00
#660033 #663333 #666633 #669933 #66CC33 #66FF33
#660066 #663366 #666666 #669966 #66CC66 #66FF66
#660099 #663399 #666699 #669999 #66CC99 #66FF99
#6600CC #6633CC #6666CC #6699CC #66CCCC #66FFCC
#6600FF #6633FF #6666FF #6699FF #66CCFF #66FFFF
#990000 #993300 #996600 #999900 #99CC00 #99FF00
#990033 #993333 #996633 #999933 #99CC33 #99FF33
#990066 #993366 #996666 #999966 #99CC66 #99FF66
#990099 #993399 #996699 #999999 #99CC99 #99FF99
#9900CC #9933CC #9966CC #9999CC #99CCCC #99FFCC
#9900FF #9933FF #9966FF #9999FF #99CCFF #99FFFF
#CC0000 #CC3300 #CC6600 #CC9900 #CCCC00 #CCFF00
#CC0033 #CC3333 #CC6633 #CC9933 #CCCC33 #CCFF33
#CC0066 #CC3366 #CC6666 #CC9966 #CCCC66 #CCFF66
#CC0099 #CC3399 #CC6699 #CC9999 #CCCC99 #CCFF99
#CC00CC #CC33CC #CC66CC #CC99CC #CCCCCC #CCFFCC
#CC00FF #CC33FF #CC66FF #CC99FF #CCCCFF #CCFFFF
#FF0000 #FF3300 #FF6600 #FF9900 #FFCC00 #FFFF00
#FF0033 #FF3333 #FF6633 #FF9933 #FFCC33 #FFFF33
#FF0066 #FF3366 #FF6666 #FF9966 #FFCC66 #FFFF66
#FF0099 #FF3399 #FF6699 #FF9999 #FFCC99 #FFFF99
#FF00CC #FF33CC #FF66CC #FF99CC #FFCCCC #FFFFCC
#FF00FF #FF33FF #FF66FF #FF99FF #FFCCFF #FFFFFF

Gostou? Então Copie esse Post para seu Blog:

Marcadores

Topo da Página

Esse texto somente será útil para quem já mudou ou tem blog beta, estou publicando isso, pois muita gente ainda está com duvidas sobre como separar suas postagens por temas e uma vez que adoro mexer em layout e fazer testes, resolvi fazer um blog beta para ver como é rsrs. Aos que não tem blog, eu peço desculpas por publicar esse texto que para eles não terá o menor sentido nem utilidade, mas semana que vem eu volto com um texto de interesse geral, isso se eu já consegui escrever algo de interesse geral rsrs.

Mas vamos lá: como separar os textos por tema no blog beta?
Não é tão difícil só precisa de um pouco de paciência, quando você entrar no site do blogger, clique em layout, na tela que aparecer tem um quadrado com varias caixas e uma delas é adicionar elemento de página clique nela e na janela que abrir clique em Marcadores para adicionar ao blog, isso vai fazer aparecer outra tela onde você só precisa clicar em salvar alterações nessa parte está pronto. Observação: não adianta visualizar o blog agora, pois ainda não vai aparecer nada, é preciso fazer a próxima etapa antes de ver o resultado.

Agora vamos para a parte mais chata, pelo menos para aqueles que já tem muitas postagens, agora você precisa editar suas postagens, uma a uma, vá até editar postagens e clique para editar a postagem que você quer classificar por tema, quando aparecer a janela com a postagem para você editar, na parte de baixo está escrito:
Marcadores para esta postagem:
Exemplo, patinetes, férias, outono
E na frente disso tem um campo para digitar, é justamente nesse campo que colocamos a classificação, o que for digitado nesse local aparecerá na separação por temas. Depois que escrever a classificação que quiser, clique em publicar postagem. É necessário fazer isso em todas as postagens que você deseja classificar por tema. Para novas postagens é só não esquecer de digitar a classificação, pois a janela de nova postagem é igual a janela de edição. "

Espero que isso seja útil para alguém e obrigado pela compreensão daqueles que não tem blog ou tem blog em outro lugar que não seja o blogger. Semana que vem eu volto fazendo as mesmas criticas boas e perigosas de sempre, talvez eu faça até uma autocrítica, a ultima que escrevi algumas pessoas disseram que quase morreram de rir. Abraços...


Gostou? Então Copie esse Post para seu Blog:

10 de abr. de 2009

Criando um Feedburner para seu blog

Topo da Página

Alguns amigos tem me perguntado como fazer um campo daqueles onde o usuário coloca o seu e-mail para receber atualizações feitas no blog. Então resolvi ensinar aqui como criar inserir um formulário desses no blog e utilizaremos o serviço mais usado no universo "blogal", o Feedburner.

Vamos começar passo-a-passo. É importante que nenhuma das etapas sejam "puladas". Qualquer dúvida, deixe um comentário! Boa sorte!

Pra que serve?

Bom, o Feedburner possui dezenas de funcionalidades que podem ser inseridas em seu site/blog, mas a ferramenta que iremos usar é o "Subscribe feed for mail", onde o usuário simplesmente recebe uma sinopse (resumo) de todas as postagens criadas por dia, em seu blog.
É muito últil para usuários que desejam simplesmente ter as notícias de seu blog no e-mail dele, sem necessariamente precisar acessar seu blog. Caso ele ache uma notícia interessante, clique no link enviado pelo Feedburner e acessa o seu blog na notícia escolhida.

Quero instalar um formulario deste em meu blog, o que preciso?
Precisa simplesmente se cadastrar no Feedburner, e vou ensinar a fazer isso passo-a-passo.

1 - Acesse a página de idiomas do FB e escolha Português, clicando aqui

2 - No canto superior direito da página, clique em "Registrar"
3 - Preencha todas as informações e clique em "Sign In"
4 - Pronto! Você está cadastrado e poderá começar a "Queimar o feed do seu blog".


Como queimar o feed do meu blog?
Queimar o feed, é o mesmo que "reprocessar", ou seja, todo o conteúdo criando por você em seu blog, passará através do feed, no nosso caso o Feedburner.
Quando você fez o logon, foi mostrado a seguinte tela:

Basta incluir neste campo o endereço do feed do seu blog, gerado pelo próprio Blogger. Para conseguir este endereço, acesse o seu blog.
1 - Vá até o rodapé do blog
2 - Copie o endereço do link "Assinar: Postagens (Atom)". (ex.: http://meublog.blogspot.com/feeds/posts/defalt).

Cole o endereço copiado dentro do campo "Queime um feed agora mesmo" e clique em "Próximo".

Nesta tela, seu feed do Blogger foi identificado com sucesso e será mostrado o Título do Blog, também o novo Feed dele, agora oferecido pelo FeedBurner, no campo "Feed Address". Você poderá mudar este endereço, porém, precisa ser um singular, que ainda não exista. (É recomendado deixar como está).

Clique em "Ativar Feed".
Na próxima tela, clique em "Próximo".
Novamente clique em "Próximo" na outra tela..
Pronto! Você está queimando o feed do seu blog no Feedburner a partir de agora.

Clique no canto superior esquerdo em "Meus Feeds".
Nesta tela deverá aparecer o nome do seu blog e o número de assinantes do seu feed.

Inserindo o formulário de atualizações por e-mail no blog (Blogger).
Estamos na última etapa para incluir o bendito formulário de inscrição de e-mail para recebimento de atualizações do blog.


1 - Na tela "Meus Feeds", clique no título do seu blog.
2 - Clique em "Publicar".


3 - Agora iremos ativar a função para o seu feed. No menu esquerdo, clique na opção "Email Subscriptions". Na tela que se abriu, mantenha selecionado "Feedburner" e clique em "Ativar".


4 - Serão mostradas mais quatro opções após a ativação. Vamos por partes:

- Subscription management - Escolha o idioma do seu feed. Copie o código do campo maior (acima) e cole no HTML do seu blog!

- Communications preferences - Todo usuário que se cadastrar em seu feed para receber atualizações irá receber primeiramente um e-mail de boas vindas com a confirmação de inscrição. Você poderá alterar essas informações, mudando o "Assunto do e-mail de confirmação" e também o conteúdo da mensagem (ex.: "Olá amigo (a)! Obrigado por se inscrever em meu blog! Peço que confirme sua inscrição para receber atualizações diárias em seu e-mail clicando no link abaixo...") ATENÇÃO: Não apague a linha que contém o código ${confirmlink}, pois aí aparecerá o link de confirmação...


- Email branding - Nesta parte você poderá personalizar os e-mails contendo as atualizações do seu blog. Não há muitas opções de formatação.


- Delivery opitions - Escolha o fuso horário do seu feed e o melhor horário para que suas atualizações diárias sejam enviadas para os inscritos.


Dentro de Subscription management, copie o código do campo superior.
1 - Acesse o painel do seu blog.
2 - Clique em "Layout"
3 - Clique em "Elementos de Página"
4 - Clique em "Adicionar Gadget"
5 - Escolha uma gadget do tipo "HTML/ Javascript"
6 - Cole o código aí dentro e clique em "Salvar".
7 - Visualize o blog. Dimensione onde desejar o formulário..
Obrigado. by Vinicios

Gostou? Então Copie esse Post para seu Blog:
- Seja Sempre Bem Vindo - Inicio