× Dicas para Orkut e Blogger

× Dicas para Orkut e Blogger

Olá pessoal , mil desculpas pelo meu sumiço !
Mais foi por um motivos chato, muitas pessoas copiando meu site.
Então resolvi dar um tempo com o site.
Então vim pedir vocês para se INSCREVER NO MEU CANAL ,LINK ABAIXO :
LINK:
https://goo.gl/YW9IiT

 

01/09/2013

Título do seu Blog em Movimento {Blogger}

Hoje eu vou ensinar vocês a colocarem um script bem legal que deixa o título do blog em movimento na aba e na barra superior do navegador, eu já usei esse efeito aqui no blog há algum tempo, mas depois retirei. Como muita gente vem me perguntando como colocar, preparei um tutorial, espero que gostem!

O1. Primeiramente, faça o login em sua conta do Blogger.
O2. Quando estiver no painel no Blogger, você verá o nome do seu blog e logo abaixo do nome dele alguns link para acessar diversas ferramentas do Blogger. Você irá clicar em "Design", veja o print:
O3. Ao clicar em "Design", você será redirecionado para a área onde você pode editar a aparência do seu blog. Mude da tela "Elementos da Página", para a tela "Editar HTML".
O4. Agora você está frente-a-frente com o HTML do seu blog :) e abaixo segue o script para você poder colocar esse efeito em seu blog, selecione-o e o copie:



O5. Após copiar o código, vá para página do HTML do seu blog e procure pela palavra . Para achá-la com mais fácilidade, é só usar o campo de pesquisa, para acessá-lo é só teclar "Ctrl+F" e fazer sua pesquisa.
O6. Quando encontrar a palavra , cole o script que você copiou depois dela. Antes de testar ou de salvar, você precisa fazer uma pequena alteração no código, substuindo o texto TITULO DO SEU BLOG pelo nome {título} do seu blog. Clique em "Visualizar". Se estiver tudo certo com seu blog e o efeito estiver funcionando, feche a página de visualização e clique em "Salvar Modelo".
O7. Pronto! Para alterar a velocidade com que o texto se move, é só alterar o valor do número na linha var espera=80; Quanto menor o valor do número mais rápido, quanto maior mais lento.

Colocando Imagem no Cabeçalho {Blogger}

Hoje vou ensinar a vocês como colocar uma imagem no cabeçalho do seu blog. Pra quem ainda não sabe, cabeçalho é aquele espaço superior onde fica o título do blog. É bem fácil, espero que todos consigam...

O1. Primeiramente, faça o login em sua conta do Blogger.
O2. Quando estiver no painel no Blogger, você verá o nome do seu blog e logo abaixo do nome dele alguns link para acessar diversas ferramentas do Blogger. Você irá clicar em "Design", veja o print:
O3. Ao clicar em "Design", você será redirecionado para a área onde você pode editar a aparência do seu blog. Permaneça na tela "Elementos da Página".
O4. Você está vendo todos os elementos da sua página e a forma como eles estão organizados. O cabeçalho geralmente fica abaixo da navbar, é bem fácil encontrá-lo, nele estará escrito o nome do seu blog e ao lado do nome em parênteses estará a palavra "Cabeçalho". Quando encontrar, clique na palavra "Editar" que está no espaço dele, veja o print:

CLIQUE NA IMAGEM PARA AMPLIÁ-LA.
O5. Ao clicar em "Editar" uma pequena janela será aberta, e é através dela que você irá colocar a imagem que deseja no cabeçalho do seu blog. Veja o print abaixo:

CLIQUE NA IMAGEM PARA AMPLIÁ-LA.
O6. Com tudo já ajustado, é só clicar no botão "Salvar". Agora é só olhar o seu blog e ver está como você quer e pronto!

Colocando Cursor com Estrelas Caindo {Blogger}

Eu já perdi a conta de quantas pessoas me pediram pra ensinar a colocar em seus blogs essas estrelinhas que saem do mouse... Finalmente eu vou ensinar a vocês e espero que todos consigam fazer, vamos mecher bastante com HTML e isso pode complicar muita gente, então prestem bastante atenção e qualquer dúvida é só dizer. Ao tutorial:

O1. Primeiramente, faça o login em sua conta do Blogger.
O2. Quando estiver no painel no Blogger, você verá o nome do seu blog e logo abaixo do nome dele alguns link para acessar diversas ferramentas do Blogger. Você irá clicar em "Design", veja o print:
O3. Ao clicar em "Design", você será redirecionado para a área onde você pode editar a aparência do seu blog. Mude da tela "Elementos da Página", para a tela "Editar HTML".
O4. Agora você está frente-a-frente com o HTML do seu blog :) e abaixo segue o script para você poder colocar esse efeito em seu blog, selecione-o e o copie.



O5. Após copiar o código, vá para página do HTML do seu blog e procure pela palavra . Para achá-la com mais fácilidade, é só usar o campo de pesquisa, para acessá-lo é só teclar "Ctrl+F" e fazer sua pesquisa.
O6. Quando encontrar a palavra , cole o script que você copiou antes dela e clique em "Visualizar". Se estiver tudo certo com seu blog e o efeito estiver funcionando, feche a página de visualização e clique em "Salvar Modelo".
O7. Pronto! Para modificar a cor das estrelinhas, você deve fazer uma pequena alteração no script, alterando o código da cor em var colour="#FFFFFF"
A cor que está no script é o branco, abaixo segue o código de algumas cores pra você utilizar no seu script:
VERMELHO: #FF0000
ROSA: #FF69B4
ROXO: #912CEE
AZUL: #0000FF
AZUL CLARO: #1E90FF
VERDE: #00FF00
AMARELO: #FFD700
ALARANJADO: #FF8C00
PRETO: #000000

Colocando Link em uma Imagem {Blogger}

Depois de muito pedidos e muitas perguntas, finalmente resolvi criar uma categoria com dicas para o Orkut e para o Blogger {Blogspot}. Eu vou passar pra vocês algumas dicas básicas e espero que gostem :D

Hoje, eu vou ensinar como colocar link em uma imagem no Blogger. Ou seja, como fazer para que quando alguém clique sobre uma certa imagem que está em seu blog, essa pessoa seja redirecionada para uma página da web. Por exemplo, eu criei utilizando o PhotoScape, um pequeno banner e eu quero que quando as pessoas cliquem sobre ele, elas sejam redirecionadas para o site www.pensador.info, vejam como ficou:
Vamos aprender como fazer:
O1. Primeiramente, você deve hospedar a imagem que deseja utilizar. Aqui no blog tem um tutorial ensinando como hospedar imagens,clique aqui para o ler.
O2. Copie o endereço da imagem que é conhecido como link direto ou URL, e cole-o em um bloco de notas ou no Word, tanto faz.
O3. Copie o código abaixo e cole-o no local onde você deseja que a imagem apareça:

O4. Agora vamos fazer as devidas alterações no código. Onde está escrito LINK DO SITE, você apaga e coloca o link do site para onde quer que a imagem redirecione e onde está escrito LINK DA IMAGEM, você também apaga e coloca no lugar o endereço da imagem que você colocou no bloco do notas {ou no Word}.
O5. Pronto agora é só salvar! Você pode utilizar este código nas postagens ou no widget HTML/JavaScript quando quiser colocar na lateral do seu blog.