Trocar Endereço do Blog - Mudar URL do Blogspot

Se você por algum motivo quiser trocar o endereço do seu blog isso é possível de ser feito vá até o painel de controle clique em configurações e na tela seguinte clique em publicação nessa pagina você pode alterar o endereço (url) do seu blog, onde está escrito Endereço do Blog*spot tem um local para escrever o novo endereço, após isso clique para salvar configurações.

mudar endereço do blog
Este procedimento é bem simples, porém existe um problema se outros blogs colocaram um link para o seu site esses links ficarão perdidos, pois quando você troca o endereço do seu blog o antigo deixa de existir, ou seja, quem clicar em algum link para seu endereço antigo receberá a mensagem de pagina não localizada.

Para evitar esse problema após mudar o endereço do seu blog, crie outro blog com o endereço antigo e faça apenas uma postagem nele dizendo que o blog trocou de endereço, pedindo para as pessoas atualizarem seu link, enfim escreva o que você achar ser a melhor maneira de avisar seus visitantes que está num novo endereço e o mais importante não se esqueça de colocar seu link atual.

Mas se quiser mudar o endereço do seu blog a leia aqui sobre a melhor opção para registrar domínio do seu blog. Registrar um dominio custa no maximo 30 reais por ano, então leia o link anterior e veja se vale a pena usar essa opção.

Outra maneira de fazer isso é usar um código de redirecionamento, ou seja, ele faz que todos que entrarem no blog antigo sejam automaticamente enviados para a página atual.

Marcadores: , ,


Adicionar aos Favoritos - Firefox

Alguns códigos para adicionar aos favoritos funcionam apenas no Internet Explorer, mas esse aqui funciona também no Firefox, para usar copie o código abaixo e altere o nome e endereço da sua página.Esse código deve ser colocado pela página layout >> adicionar elemento de página >> html/javascript.


<script language="JavaScript">
function addFav(){
var url="http://dicasparablogs.blogspot.com";
var title="Dicas para Blogs";
if (window.sidebar) window.sidebar.addPanel(title, url,"");
else if(window.opera && window.print){
var mbm = document.createElement('a');
mbm.setAttribute('rel','sidebar');
mbm.setAttribute('href',url);
mbm.setAttribute('title',title);
mbm.click();
}
else if(document.all){window.external.AddFavorite(url, title);}
}
</script>
<a href="javascript:addFav()">Adicionar aos Favoritos</a>



Outra coisa que pode ser alterada neste código é a frase "Adicionar aos Favoritos", por que você pode escrever o que desejar ou também colocar uma imagem no lugar da frase. Para usar uma imagem apague onde está escrito adicionar aos favoritos e coloque o código da imagem que você quiser. Então o código ficará assim:

<a href="javascript:addFav()" title="Adicionar aos Favoritos"><img src="URL DA IMAGEM" border="0"></a>

Marcadores: ,


Postar Vídeos do Youtube no Blog


Quando o assunto é colocar um vídeo no blog, temos duas possibilidades: uma é usar um vídeo que já esteja na internet e outra é colocar um vídeo que nós fizemos e que por enquanto está somente no nosso computador.

Vamos começar falando sobre um vídeo que está em nosso computador e queremos coloca-lo no blog. O primeiro passo é hospedar esse vídeo na internet, um bom lugar para hospedagem de vídeos é o Youtube, mas antes de hospedar nossos vídeos precisamos fazer o cadastro Youtube(http://www.youtube.com/signup), depois disso você poderá hospedar seus vídeos entre no site do Youtube e clique em upload aparecerá um tela para você escrever o titulo, descrição e outras coisas, depois de preencher clique em upload a vídeo, então aparece um tela para você localizar o vídeo no seu computador(clique no botão browse e ache seu vídeo) depois clique em upload e aguarde carregar seu vídeo(isso pode demorar um pouco dependendo da velocidade da conexão com a internet) no final o site dá uma mensagem dizendo que Thank you! Your upload is complete. Isso termina a parte de hospedar um vídeo. Nessa tela my vídeos tem a url do seu vídeo, entre nessa pagina (copie a url e cole na barra de endereços), lá você encontra o código para colocar este vídeo no seu blog é aquele que está na frente da palavra embed (é um código meio grande mesmo). Após copiar esse código é só colocar no blog e está pronto.

O procedimento para colocar um outro vídeo qualquer que você encontrou na internet é igual quando o vídeo aparecer na tela, copie o código da caixinha embed, para depois colocar no blog.

Mas devemos ter alguns cuidados com o tamanho desse vídeo, o código que você pegou tem a largura do vídeo exemplo width=”425”, isto aparece duas vezes no código, e não pode ser maior que a largura de onde você pretende colocar o vídeo senão irá aparecer somente uma parte da imagem. Se você não tiver certeza da largura de onde colocará o vídeo após colocar visualize seu blog e não parecer igual no site do Youtube é por que o tamanho do vídeo é maior que o espaço disponível no seu blog. Veja na imagem abaixo como alterar o tamanho dos videos do Youtube:


Clicando na imagem da engrenagem(ferramenta) que está ao lado do código incorporar a caixa com o código se expande e fica desse jeito onde podemos escolher vários tamanhos e cores para o gadget do video que colocaremos no blog.

Marcadores: ,


Parcerias entre Blogs

Existem muitas maneiras de aumentar suas visitas uma delas é fazendo parcerias, quer dizer visitar outros blogs e propor trocas de links e banners, o procedimento é bem simples você coloca um link ou banner no seu blog e o outro blog coloca o seu nele. Isso realmente funciona e faz aumentar o seu numero de visitantes, pois você ganha de duas maneiras: a primeira é que seu link ou banner é visto em outros blog e alguém pode revolver clicar nele e fazer uma visita, outro motivo de ganharmos com essas parcerias é que nossas chances de aparecer entre os resultados nos site de busca (Google, Cadê, Altavista e outros) são maiores, pois quanto mais links do nosso site na internet mais chances temos de ser encontrados e aparecer nos resultados.

Sobre a troca de links de texto não tem o que comentar, pois é fácil de fazer e não tem segredos, mas a troca de banners tem alguns detalhes importantes. Quando fizer seu banner use o tamanho 120x60, pois a maioria dos banner é neste tamanho. É claro que você pode fazer de qualquer tamanho, mas pense será que alguém que tem um banner no tamanho 120x60 vai concordar em colocar seu banner no site dele se você usar um tamanho muito maior que isso? Provavelmente não, portanto se não usar essa medida use algo próximo a ela. Outro detalhe é o peso (tamanho do arquivo), esses banner podem ser feitos em gif animado, porém eles ficam pesados (já vi banner com 50k), isto também pode dificultar as parcerias, pois muita gente não quer um banner tão pesado assim. O banner atual (19/09/2007) deste blog pesa 3k concordo que é leve, mas não precisamos exagerar a ponto de usar um banner de 50 k.

Você deve deixar seu banner com o código numa caixinha para outras pessoas copiarem, caso tenha dificuldades para fazer a "caixinha link-me", clicando aqui você encontrará um gerador de códigos.

Como qualquer outra coisa a troca de links e banners bem utilizadas podem render bons resultados para seu site, aumentando e bastante o seu numero de visitantes.



Veja também:
Parcerias - Troca de links ou Banners
Apareça nos Top Parceiros do Dicas para Blogs

Marcadores:


Colocar Acessórios no Blog


Em muitos sites encontramos coisas para colocar no blog e estes sites sempre dizem copie o código e coloque no seu blog, mas onde colocar?

É mais fácil do que parece colocar esses códigos no blog. Quando entramos no site do blog depois de fazer login (colocar email e senha), vamos para o painel do blog, então vamos procurar e clicar na palavra layout, isso vai levar até a pagina onde podemos organizar o nosso template, pois depois que colocamos algo nele para mudar de lugar basta clicar e arrastar os quadrados que estão nesta pagina.

Para colocar o código que você pegou em outro site clique em adicionar um elemento de pagina veja a imagem, isso abre uma janela com varias opções, encontre e clique em html/java script, então aparece o lugar onde vamos colocar o código, na parte de cima podemos colocar um titulo, por exemplo, contador, relógio ou qualquer outra coisa, mas isso é opcional e na parte de baixo (espaço maior) colocamos o código que desejamos, depois disso é só clicar pra salvar e está pronto. Mas lembre-se de avaliar quais gadgets são mais uteis para o seu blog.

Caso você coloque algo e se arrependa depois, tirar uma coisa do blog também é fácil na janela layout, os quadros têm a opção editar (ou edit) no canto, clique nela e quando abrir a janela você encontra perto do botão salvar, outro botão dizendo remover esse elemento, se você clicar nele exclui aquele código do seu blog. Mas tenha cuidado não é possível desfazer, ou seja, se depois de excluir você quiser colocar novamente terá que ir procurar o código. Por isso antes de excluir ou modificar algo salve uma copia do original no seu computador.

Marcadores: ,


Indique esse site - Recomende


Um meio de divulgar seu blog e aumentar suas visitas é achar um jeito para que as pessoas possam indicar seu site para um amigo diretamente da sua pagina, existem vários sites que fazem esse serviço grátis, um deles é o Recomenda. Nele você pode pegar o código abaixo:

<!-- Início Código Recomenda -->
<a href="http://www.recomenda.com.br/recomenda.asp?modo=0" target="_blank"><img src="http://www.recomenda.com.br/b.gif" border="0"></a>
<!-- Fim Código Recomenda -->

Esse código é padrão e serve para qualquer pagina, ou seja, você pode colocar em diversos sites sem precisar alterar nada e a imagem também é fornecida pelo site. Mas caso queira usar outra imagem ou fazer um link de texto o importante desse código é:

http://www.recomenda.com.br/recomenda.asp?modo=0

Isso é a url da pagina do Recomenda onde seu visitante irá fornecer o e-mail para quem será enviado um link do seu blog. Para fazer um link de texto faça da seguinte modo:

<a href="http://www.recomenda.com.br/recomenda.asp?modo=0" target="_blank">SEU TEXTO AQUI</a>

Se preferir usar outra imagem, hospede sua imagem em algum lugar(por exemplo: http://www.imageshack.us) e depois coloque a url da imagem no código abaixo:

<a href="http://www.recomenda.com.br/recomenda.asp?modo=0" target="_blank"><img src="URL DA IMAGEM" border="0"></a>

Se quiser fazer um teste clique na imagem que está nesta postagem e recomende essa página para alguém e verá que esse serviço funciona de verdade.

Marcadores:


Pop Up

O código para fazer uma janela por up, ou seja, abrir uma janela do tamanho que você quer no seu blog é o seguinte: <a href="javascript:;" onClick="MM_openBrWindow('URL DA PAGINA,'','status=yes,scrollbars=yes,resizable=yes,width=400,height=250')"><img src="URL DA IMAGEM" width="120" height="60" border="0"></a> Agora para você poder deixar essa janela exatamente do modo que precisa, vamos entender como mudar esse código para adaptar ao seu blog. URL DA PAGINA endereço da pagina que abrirá na janela status=yes opção de mostrar a barra de status scrollbars=yes mostrar barras de rolagens se necessarias resizable=yes mostrar alças de dimensionamento, ou seja, permite o visitante alterar o tamanho da janela width=400,height=250 esse é o tamanho da janela que será aberta, olhe os valores para se localizar dentro do código acima, pois as palavras para definir a largura e altura da imagem são as mesmas palavras o importante aqui é a posição dentro do código. URL DA IMAGEM endereço da imagem que será exibida. width="120" height="60" border="0" altura, largura da imagem, e sem borda, se quiser pode colocar uma borda de qualquer valor mudando o numero 0 Em varias opções vemos a palavra “yes”, para não exibir essas opções troque pela palavra “no” Esse é o código padrão para janela pop up e deve ser inserido no local que você deseja que apareça a imagem. Normalmente só esse código já faz que o pop up funcione, pois o blog já tem a outra parte do código, mas caso ele não funcione, a causa disso é a falta dessa parte: <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_openBrWindow(theURL,winName,features) { //v2.0
window.open(theURL,winName,features);
}
//-->
</script> Coloque isso entre e , mas tente primeiro sem essa parte, pois geralmente os blogs já têm isso automaticamente.

Marcadores:


Retirar a barra do blogspot

O Blogger lançou a opção padrão para ocultar a navbar do seu blog, veja em nosso tutorial atualizado (julho/2012) sobre: retirar a Navbar do Blogger, mas esse código que mostramos continua funcionando normalmente, então você pode retirar a barra do blogspot entrando na pagina editar html e colocando este código:

<style>
#navbar-iframe { height:0px; visibility:hidden; display:none !important;}
</style>

Você faz isso pela pagina modelo e escolha a guia editar html, quando aparecer o código do seu blog procure por: <head>(isso está bem no começo do html) e cole o código acima depois é só clicar para salvar e pronto a barra na parte superior do blogspot já desapareu.

retirar barra do blogger
Depois das atualizações do Blogger com os novos modelos de template com o surgimento da pagina designer do modelo, quando retirar a barra do blogspot geralmente fica um espaço vazio no lugar dela, isso é causado por esse código que você encontra na pagina editar html.

.content-outer {
margin: 0 auto;
padding-top: 20px;

Além deste código existem alguns outros que também podem causar o espaço, então procure também por:

body .navbar {
height:0px;
}
.content-outer {
margin-top:0px;
}

Veja se os valores estão em 0 isso retire qualquer espaço que possa existir. Gostaríamos de pode dizer exatamente qual é o código, mas o problema é que isso varia conforme o template que seu blog usar, portanto o unico jeito é fazer testes até descobrir qual deles funcionará no seu blog.

Então você precisa retirar esse padding-top: 20px; porque é isso que faz aparecer esse espaço vazio no inicio do seu blog.

Marcadores: ,


Fazer botão

Vou mostrar hoje como fazer botões usando CSS, é bem simples basta colocar os códigos nos lugares certos, veja abaixo:
.botao a{
width: 220px;
color: #000000;
text-decoration: none;
display: block;
font-family: "Comic Sans MS";
font-size: 10pt;
text-align: left;
background-color: #33FFFF;
border: 1px solid #0000CC;
padding: 3px;
}
.botao a:hover{
color: #0000FF;
background-color: #FF9966;
border: 1px solid #FFFF00;
}

Coloque essa parte junto com os demais estilos CSS da sua pagina, isso fica na pagina editar HTML. É bem fácil, procure por:


body{....}
img{...}
a:link{....}
No seu blog terá muitos outros códigos além desses.



Este código é um modelo, você pode mudar praticamente tudo nele, veja o que cada parte faz:


width: largura do botão
color: cor da fonte
text-decoration: none; retira o sublinhado
font-family: "Comic Sans MS"; tipo da fonte
font-size: 10pt; tamanho da fonte
text-align: left; alinhamento
background-color: #33FFFF; cor do fundo
border: 1px solid #0000CC; cor, tipo, e largura da borda
padding: 3px; espaço entre o texto e as bordas


Se quiser também pode usar uma imagem como fundo, mas use uma imagem do tamanho exato do botão, para fazer isso troque background-color: #33FFFF, por background-image: url(URL DA IMAGEM);

Agora vamos a segunda parte, colocar os botões no site, entre na página layout, adicionar gadget, html/javascript e coloque o código abaixo:
<div class="botao">
<a href="URL DO SITE">NOME DO SITE</a>
<a href="URL DO SITE">NOME DO SITE</a>
<a href="URL DO SITE">NOME DO SITE</a>
<a href="URL DO SITE">NOME DO SITE</a>
</div>
Com isso podemos colocar quando links quisermos e não é difícil fazer, depois somente vamos adicionando mais links e se quisermos mudar os estilos dos botões somente precisamos mexer no estilo CSS que foi mencionando acima.

Marcadores: ,


Onde achar?

Muitas vezes perdemos tempo demais procurando coisas legais e interessantes para colocar no blog, mas é difícil achar e como saber onde procurar para não perder tanto tempo com sites inúteis?

A maneira mais comum de achar qualquer coisa na internet são os sites de busca (Google, Cadê, Altavista, Aonde e outros), e claro são uma boa opção para encontrar coisas para blogs também. Porém não acho que seja a melhor opção. Uma maneira interessante de encontrar acessórios para seu blog é visitando outros blogs que certamente irão ter varias coisas e nestas visitas você sempre acaba achando alguma coisa que goste e quer colocar no seu blog também.

Claro que não estou falando em copiar textos ou imagens de ninguém, mas acessórios que eles também pegaram em outros sites, portando quando encontrar alguma coisa que achar interessante clique sobre ela para visitar seu site de origem e certamente você achará o código para colocar no seu blog. Isso se aplica a praticamente tudo que tem nos blogs: contador de visitas, previsão do tempo, noticias, jogos, musica etc... Afinal tirando os textos e imagens o resto do que vemos não é conteúdo próprio e também podemos colocar no nosso blog.

Contudo precisamos ter bom senso e não colocar tudo que vemos no nosso blog, pois ele vai demorar demais para abrir e com isso nosso visitante desistir de ver o blog ou simplesmente não voltar mais só de pensar o tempo perdido esperando carregar um monte de coisas que ele não gostou, pois cada um tem preferências por certas coisas e o que nós achamos muito interessante talvez outras pessoas pensem que são bobagens.

Marcadores: