Essa é uma versão mais fácil de usar para colocar uma imagem seguindo o cursor do mouse no seu blog. Tudo que você precisa fazer é colocar a url de uma imagem no lugar indicado no código e pronto essa imagem vai aparecer junto com o ponteiro do mouse e se move junto com o mouse para qualquer lugar na tela.
Quanto ao numero 5 é o numero de vezes que a imagem se repete, então pode modificar como quiser. Para fazer a imagem apenas seguir o mouse use o numero 1.
Cuidado para não apagar nada além do endereço da imagem, pois se apagar uma das aspas o código não funciona. Para colocar esse efeito no seu blog entre na pagina layout, adicionar gadget, html/javascript e cole o código já modificado com a imagem que você quiser, esse gadget com o código pode ficar em qualquer parte da página que funcionará na página toda, ou seja, a imagem segue o mouse por todo o blog.
Se for utilizar uma imagem redonda ou outro formato sugerimos que use uma imagem no formato gif com fundo transparente, porque o fundo da imagem vai aparecer também, mesmo que seja da mesma cor de fundo do seu blog, quando passar o mouse sobre o texto ou qualquer outra coisa dá pra notar o real formato da imagem, por isso achamos que o gif transparente é melhor opção.
Cursor do Mouse
Muita gente procura como mudar ou trocar o cursor do mouse por uma imagem, encontramos um jeito bem fácil de fazer isso. Usando os cursores que o site Totally Free Cursors oferece, e como o próprio nome diz são grátis.
Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.
A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.
Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.
Veja também como colocar uma imagem seguindo o ponteiro do mouse.
Você só precisa entrar no site e escolher qual imagem quer usar no lugar do cursor do mouse, veja que no menu tem muitas opções, quando achar uma que goste, clique sobre ela, então vai aparecer uma pagina com o código desse cursor, onde além de pegar o código poderá visualizar o cursor em funcionamento.
A pagina diz MySpace Codes, mas testei e funcionou perfeitamente aqui no blogspot e apareceu a imagem em vez do ponteiro do mouse, apenas quando passar o mouse sobre vídeos e alguns anúncios o cursor volta ao modelo padrão, mas na maior parte fica com a imagem que escolheu.
Então copie esse código e coloque no seu blog pela pagina layout, adicionar gadget, html/javascript e cole o código que pegou no site. Não importa o lugar da pagina que ficará isso ele funcionará normalmente.
Veja também como colocar uma imagem seguindo o ponteiro do mouse.
Criar Barra de Ferramentas
Vamos criar uma barra de ferramentas para o blog, deste tipo que as pessoas instalam no navegador (Internet Explorer, Firefox, Chrome e outros), você pode colocar diversos acessórios na sua barra inclusive as últimas atualizações do seu blog, esta é uma boa maneira de conseguir mais divulgação e visitas para seu blog.
Para fazer isso utilizamos o Conduit, depois de fazer um cadastro simples então irá para a tela onde vai criar a barra de ferramentas para o seu blog, lá encontrará coisas básicas como colocar o seu logotipo na barra (basic components, your logo) e muitas outras funções é um site relativamente simples de utilizar.
Note na imagem acima que no topo da pagina tem Your toolbar's download page esse é o endereço para download da sua barra de ferramentas, então crie um link para essa pagina e coloque no seu blog, este link pode ser de texto ou imagem o jeito que você achar melhor para divulgar sua barra de ferramentas e claro seu blog junto com ela, veja o exemplo com o link da barra de ferramentas Dicas para Blogs:
Instale nossa Barra de Ferramentas
Naturalmente se quiser poderá editar sua barra quantas vezes desejar e a pagina de instalação se atualiza automaticamente. Agora que já está tudo pronto você ainda pode acompanhar as estatísticas da sua barra de ferramentas, ou seja, saber quantas pessoas baixaram, estão utilizando a barra, note que no menu principal do site Conduit tem a opções analytics, como o próprio nome sugere são as estatísticas da barra de ferramentas.
Para fazer isso utilizamos o Conduit, depois de fazer um cadastro simples então irá para a tela onde vai criar a barra de ferramentas para o seu blog, lá encontrará coisas básicas como colocar o seu logotipo na barra (basic components, your logo) e muitas outras funções é um site relativamente simples de utilizar.
Note na imagem acima que no topo da pagina tem Your toolbar's download page esse é o endereço para download da sua barra de ferramentas, então crie um link para essa pagina e coloque no seu blog, este link pode ser de texto ou imagem o jeito que você achar melhor para divulgar sua barra de ferramentas e claro seu blog junto com ela, veja o exemplo com o link da barra de ferramentas Dicas para Blogs:
Instale nossa Barra de Ferramentas
Naturalmente se quiser poderá editar sua barra quantas vezes desejar e a pagina de instalação se atualiza automaticamente. Agora que já está tudo pronto você ainda pode acompanhar as estatísticas da sua barra de ferramentas, ou seja, saber quantas pessoas baixaram, estão utilizando a barra, note que no menu principal do site Conduit tem a opções analytics, como o próprio nome sugere são as estatísticas da barra de ferramentas.
Criar XAT
Site : WWW.XAT.COM
1° Acesse o Site
2° Clique em Make a Chat Box Escolha uma imagem de fundo.
3° Pronto Xat Criado Agora Copie o mesmo código da Imagem.
Creditos:www.centralalien.com
1° Acesse o Site
2° Clique em Make a Chat Box Escolha uma imagem de fundo.
3° Pronto Xat Criado Agora Copie o mesmo código da Imagem.
4° Acesse Seu Blog Clique Em : Layout>>Elementos Da Página
Agora : Adicionar um Gadget >> HTML/JavaScript
Coloque o Código do XAT e Clique e Arraste o Gadget
Pra onde Quiser .Creditos:www.centralalien.com
Modificar Blog
Vamos começar uma serie de postagens para blogueiros iniciantes, nós sabemos que ao criar o primeiro blog as pessoas têm vontade de mudar tudo do seu novo blog no primeiro dia, mas certamente isso não é possível afinal é preciso aprender a dar os primeiros passos antes de começar a correr. Já publicamos algumas coisas para iniciantes até criamos um marcador para isso em nosso guia rápido, aqui estão algumas delas:
Programas grátis para editar imagens
Onde e como hospedar imagens
Formatar o texto das postagens ou colunas (sidebar)
Criar ou modificar bordas
Mas como já dissemos é preciso começar por algum lugar, então vamos falar sobre trocar a cor de fundo do blog. Quando entrar no painel do blog clique em layout e depois em fontes e cores.
Normalmente nesta pagina basta procurar no menu por cor do plano de fundo da pagina, clicar nele e depois clicar na cor desejada e pronto. Você visualizará a mudança no seu blog que aparece na parte inferior da tela. Esse texto plano de fundo pode variar um pouco pode ser fundo da pagina ou background. Outra coisa se você não gostar das cores que aparece pode colocar o código de outra cor na caixa Editar código de cor hexadecimal, onde na imagem acima aparece ffffff, veja aqui o código hexadecimal das cores.
Se por acaso no seu blog não funcionar entre na janela editar html e procure por body{...} está logo no começo do código, veja se tem algo parecido com isso lá:
body {background-color: #0000FF;
...
...
Caso não tenha pode colocar se já tiver background mais alguma coisa altere para ficar igual o exemplo acima e a cor no final novamente usando código hexadecimal das cores você pode colocar a cor que desejar. Para colocar uma imagem de fundo use esse código:
body {background-color: #0000FF;
background-image: url(endereço da imagem)
Mesmo usando uma imagem é bom colocar a cor, assim caso haja algum problema e a imagem de fundo não aparecer o blog ficará com um fundo numa cor próxima da imagem. Veja mais detalhes sobre imagens de fundo.
Talvez alguns achem essa postagem simples demais, mas devemos lembrar aos mais experientes como foi difícil começar e quantas perguntas simples sofremos tanto para descobrir a resposta.
Programas grátis para editar imagens
Onde e como hospedar imagens
Formatar o texto das postagens ou colunas (sidebar)
Criar ou modificar bordas
Mas como já dissemos é preciso começar por algum lugar, então vamos falar sobre trocar a cor de fundo do blog. Quando entrar no painel do blog clique em layout e depois em fontes e cores.
Normalmente nesta pagina basta procurar no menu por cor do plano de fundo da pagina, clicar nele e depois clicar na cor desejada e pronto. Você visualizará a mudança no seu blog que aparece na parte inferior da tela. Esse texto plano de fundo pode variar um pouco pode ser fundo da pagina ou background. Outra coisa se você não gostar das cores que aparece pode colocar o código de outra cor na caixa Editar código de cor hexadecimal, onde na imagem acima aparece ffffff, veja aqui o código hexadecimal das cores.
Se por acaso no seu blog não funcionar entre na janela editar html e procure por body{...} está logo no começo do código, veja se tem algo parecido com isso lá:
body {background-color: #0000FF;
...
...
Caso não tenha pode colocar se já tiver background mais alguma coisa altere para ficar igual o exemplo acima e a cor no final novamente usando código hexadecimal das cores você pode colocar a cor que desejar. Para colocar uma imagem de fundo use esse código:
body {background-color: #0000FF;
background-image: url(endereço da imagem)
Mesmo usando uma imagem é bom colocar a cor, assim caso haja algum problema e a imagem de fundo não aparecer o blog ficará com um fundo numa cor próxima da imagem. Veja mais detalhes sobre imagens de fundo.
Talvez alguns achem essa postagem simples demais, mas devemos lembrar aos mais experientes como foi difícil começar e quantas perguntas simples sofremos tanto para descobrir a resposta.
Mural de Recados
Veja como é fácil colocar um mural de recados ou chat no seu blog, isso pode servir como uma forma de manter contato mais direto com seus leitores ou ainda como uma sala de bate papo no blog, afinal como todos podem ler os recados poderão conversar uns com os outros. Além disso, se não quiser deixar o mural no blog para que não demore para carregar o site cria automaticamente uma pagina individual para o seu mural.
O primeiro passo é entrar no site http://www.cbox.ws, clicar para criar uma conta (sign up), se já tiver cadastro é só fazer login. Para fazer o cadastro escolha bem o que vai digitar na primeira linha no campo Cbox name, porque esse será o endereço do seu mural de recados se quiser usar separadamente do blog.
Após fazer um cadastro simples verá uma mensagem dizendo que foram enviados alguns detalhes sobre seu cadastro para o email que usou e já está pronto. Agora é só fazer login e pegar o código do seu mural de recados, clique em Publish! e verá essa tela:
Nela você pode escolher se colocará o mural aparecendo no blog ou como um link para um pop up (janelinha com o mural, como em alguns blogs usam os comentários) para isso marque a opção Popup Cbox que está sobre a caixa do código. Depois é só copiar o código e colocar no blog pela pagina layout, adicionar gadget, html/javascript.
Mas ainda na pagina onde pegou o código do mural veja no final daquela pagina Remember that you..... na linha abaixo tem o link da pagina do mural, ou seja, se quiser pode criar um link para esse endereço como se fosse para qualquer outra pagina na internet e assim usar o mural em uma pagina individual separadamente do blog.
Agora que já está tudo instalado e funcionando se quiser pode navegar no site Cbox e certamente achará muitas opções interessantes para personalizar esse mural de recados que acabamos de criar. Por exemplo, clicando em LooK & Feel >> Style Gallery poderá achar vários modelos só precisa clicar sobre um deles e confirmar (botão aparece sobre o modelo). Outra coisa interessante é entrar em Options >> Posting opitions, lá você poderá definir se permite ou não as pessoas deixarem seus links, o tamanho maximo da mensagem e outras coisas. Enfim quando mais mexer no site mais coisas poderá encontrar para incrementar seu blog.
O primeiro passo é entrar no site http://www.cbox.ws, clicar para criar uma conta (sign up), se já tiver cadastro é só fazer login. Para fazer o cadastro escolha bem o que vai digitar na primeira linha no campo Cbox name, porque esse será o endereço do seu mural de recados se quiser usar separadamente do blog.
Após fazer um cadastro simples verá uma mensagem dizendo que foram enviados alguns detalhes sobre seu cadastro para o email que usou e já está pronto. Agora é só fazer login e pegar o código do seu mural de recados, clique em Publish! e verá essa tela:
Nela você pode escolher se colocará o mural aparecendo no blog ou como um link para um pop up (janelinha com o mural, como em alguns blogs usam os comentários) para isso marque a opção Popup Cbox que está sobre a caixa do código. Depois é só copiar o código e colocar no blog pela pagina layout, adicionar gadget, html/javascript.
Mas ainda na pagina onde pegou o código do mural veja no final daquela pagina Remember that you..... na linha abaixo tem o link da pagina do mural, ou seja, se quiser pode criar um link para esse endereço como se fosse para qualquer outra pagina na internet e assim usar o mural em uma pagina individual separadamente do blog.
Agora que já está tudo instalado e funcionando se quiser pode navegar no site Cbox e certamente achará muitas opções interessantes para personalizar esse mural de recados que acabamos de criar. Por exemplo, clicando em LooK & Feel >> Style Gallery poderá achar vários modelos só precisa clicar sobre um deles e confirmar (botão aparece sobre o modelo). Outra coisa interessante é entrar em Options >> Posting opitions, lá você poderá definir se permite ou não as pessoas deixarem seus links, o tamanho maximo da mensagem e outras coisas. Enfim quando mais mexer no site mais coisas poderá encontrar para incrementar seu blog.
Visual Basic
"Componente do Visual Studio para programação em Basic e criação de aplicativos para Windows."
DOWNLOAD LOGO ABAIXO LINK DIRETO !!
>> [ DOWNLOAD ] <<
Coloca alert ao entra no site
Gerador de caixas de alerta
Caixas de Alerta são usadas para exibir uma mensagem ao visitante de sua página. Você pode, por exemplo, colocar uma mensagem que saúda o visitante, dentre outros.OBS:Gerador Exclusivo do Central Alien - Se encontrar em outro blog ou site saiu daqui.
Botao "Topo"
(Download)
1° Baixe o Arquivo
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.
Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com
para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.
1° Baixe o Arquivo
2°Pegue o Código e Vá em Layout>>Elementos da Página e Clique em Adicionar um Gadget.
3°Selecione HTML/Javascript
4°Coloque o Código e Salve.
5°Visualize e em qualquer parte do site é só clicar na imagem q volta para o topo
6°Para Alterar a Imagem Do Topo : Procure por esse Link :
http://img27.imageshack.us/img27/6803/63935859.png
7° Escolha uma Imagem Hospede-a e Substitua o link da nova imagem por esse link.
Sites para hospedagem de Imagens :
www.imageshack.us
www.tinypic.com
para saber qual é o link Certo Selecione sua imagem Clique em "upload" e pegue somente o link que está dentro da caixinha "Direct Link" Pronto é só Substituir e Salvar.
Opções de Marcadores
Recentemente me perguntaram ser era possível criar listas com somente alguns dos marcadores do blog, a principio achei que era impossível, mas o gadget dos marcadores tem uma nova função que permite escolher quais marcadores você vai mostrar na lista, ou seja, agora não é mais obrigatório mostrar a lista completa.
Entre na pagina layout e clique para editar os marcadores do blog
Veja que tem a opção marcadores selecionados, quando clicamos nela aparece embaixo escrito marcadores selecionados: 25 de 25 editar (esse é o exemplo deste blog no momento que fiz a postagem, portanto os números variam). Então só precisa clicar na palavra editar.
Agora selecione aqueles marcadores que deseja mostrar clique no botão concluído, depois em salvar e já está pronta sua lista de marcadores somente com aqueles que você escolheu.
Entre na pagina layout e clique para editar os marcadores do blog
Veja que tem a opção marcadores selecionados, quando clicamos nela aparece embaixo escrito marcadores selecionados: 25 de 25 editar (esse é o exemplo deste blog no momento que fiz a postagem, portanto os números variam). Então só precisa clicar na palavra editar.
Agora selecione aqueles marcadores que deseja mostrar clique no botão concluído, depois em salvar e já está pronta sua lista de marcadores somente com aqueles que você escolheu.
Opçoes de Postagens
ualmente existem 3 modos de fazer as postagens do seu blog, ou melhor, dizendo três maneiras de exibir a pagina para criar e editar as postagens do blog são elas: editor atualizado, editor antigo e ocultar modo escrever.
O modo atualizado mostra a opção resumo da postagem (inserir jump break) a ultimo botão da barra de ferramentas, além disso, é permite publicar códigos HTML para fazer isso clique em opções abaixo de onde digita a postagem e selecione a opção Mostrar HTML literalmente, infelizmente nem tudo é perfeito nesta versão não aparece mais a ferramenta para postar vídeo que no editor antigo permite publicar seus vídeos diretamente pelo blog, mas isso pode ser facilmente resolvido usando o colocando os vídeos no Youtube.
A ultima opção é igual ao editor antigo apenas sem mostrar a opção editar HTML. Nos 3 casos é muito fácil usar basta editar (escolher as cores, tamanhos e tipo de letras como num editor de texto qualquer que tenha no seu computador), mas lembramos que é mais recomendável fazer uma edição geral das postagens pela pagina editar HTML assim se quiser modificar alguma coisa nas postagens todas elas ficaram iguais o que não acontece se formatar seu texto na hora de publicar. Por exemplo, se quando publicar o texto escolher a cor da letra como azul escuro e depois de algum tempo resolver mudar a cor de fundo do seu blog para um cor escura precisará editar essas postagens com letras escuras uma por vez.
Por esse motivo sugerimos entrar na pagina editar html e procurar por .post{....} e se não encontrar adicionar esse estilo junto com os demais estilos CSS(#main, #sidebar, body, ...) que já tem no seu blog, e assim fazer a formatação de todos seus textos de uma vez só deste modo facilitando futuras alterações. Onde colocamos os pontinhos dentro das chaves veja aqui como formatar o texto do blog usando CSS. Isto é muito mais fácil e útil do que parece.
O modo atualizado mostra a opção resumo da postagem (inserir jump break) a ultimo botão da barra de ferramentas, além disso, é permite publicar códigos HTML para fazer isso clique em opções abaixo de onde digita a postagem e selecione a opção Mostrar HTML literalmente, infelizmente nem tudo é perfeito nesta versão não aparece mais a ferramenta para postar vídeo que no editor antigo permite publicar seus vídeos diretamente pelo blog, mas isso pode ser facilmente resolvido usando o colocando os vídeos no Youtube.
Por esse motivo sugerimos entrar na pagina editar html e procurar por .post{....} e se não encontrar adicionar esse estilo junto com os demais estilos CSS(#main, #sidebar, body, ...) que já tem no seu blog, e assim fazer a formatação de todos seus textos de uma vez só deste modo facilitando futuras alterações. Onde colocamos os pontinhos dentro das chaves veja aqui como formatar o texto do blog usando CSS. Isto é muito mais fácil e útil do que parece.
Arquivos Relacionados
Exibir conteúdo relacionado de um artigo, certamente é uma maneira muito eficiente para diminuir a taxa de rejeição do seu blog. Pois bem, hoje venho mostrar como inserir artigos relacionados com imagens, que certamente chamará ainda mais a atenção do leitor. Vamos aos passos:
- Estando logado no painel de controle do Blogger, Clique AQUI para acessar o site LinkWithin;
- Preencha o formulário com seu e-mail, endereço do seu blog, plataforma (no nosso caso Blogger) e a quantidade de artigos relacionados que deseja exibir;
OBS.: Caso seu blog contenha um fundo escuro e letras claras, marque a caixa My blog has light text on a dark backgroun;
- Clique em Get Widget;
- Clique em Install Widget;
- Altere o título que será exibido, de acordo com sua preferência;
- Clique em Adicionar Widget;
- Arraste o Widget para baixo das postagens, conforme imagem abaixo:
- Clique em Salvar.
Até a próxima!
Adicionar Colunas
Tutorial: Adicionar mais Colunas
Para atender a todos que tenham interesse, fiz uma pesquisa e encontrei um tutorial disponibilizado pela Ariane do Templates Novo Blogger, que por sinal é muito bem explicado e de fácil entendimento.
Para acessar o tutorial clique AQUI.
Como Criar Estatisticas
Esse Tutorial vai Pra Galera Que tem Portal e ainda ñ tem seu Stats
PRIMEIRO BAIXE ESSE ARQUIVO COM O CODIGO QUE VOCE IRA USAR PARA FAZER AS ESTATISTICAS :
ABRA O DOCUMENTO FAÇA ISSO :
AONDE ESTIVER ESCRITO:
CODIGO DE USUARIOS ONLINE : Coloque o codigo de usuarios online
CODIGO CONTADOR DE VISITAS: Codigo do seu contador de visitas
DATA DO SEU BLOG: Data em que voce criou seu blog
PRONTO AGORA VÁ EM LAYOUT>ELEMENTOS DA PÁGINA
Crie um Gadget HTML/JavaScript e Cole o codigo do seu contador e Salve.
CREDITOS : CENTRAL ALIEN
Banner em Branco P/ Portais
Criado por FLySz Dono do Cooler br
921x180
921x180
921x180
921x180
921x180
921x180
921x180
921x180
921x180
921x180
921x180
921x180
Vendas De Templates
-----------------------------------------------------------------------------
Plano #1
Template ExclusivoMenus Laterais ExclusivosMenu Topo ExclusivoBanner Topo Exclusivo / JPG , JPEG , JPE /Banner Anuncio Exclusivo / JPG , JPEG , JPE / Anuncio Por 1 MÊS No Pega TemplateBlogueio Do CTRL+C & V Dominio CO.CC Formas De Pagamento : R$5,00 Reais Ou / Xats & Days
-----------------------------------------------------------------------------
Plano #2
Template ExclusivoMenu Lateral ExclusivoMenu Topo Exclusivo Banner Topo Exclusivo / GIF / Banner Anuncio Exclusivo / GIF / Prefencia Com Imge Lateral De SubirCom Parcerias Com Banner De Parceria RolanteAnuncia 1 ANO No Pega TemplateBlogueio Do CTRL+C & V Dominio .COM OU .NET
Assinar:
Comentários (Atom)