Colocar música no blog

Colocar música no blog é mais fácil do que parece. Isso é verdade pois nunca tinha me interessado por isso, mas revolvi pesquisar para escrever essa dica e para minha surpresa em menos de 10 minutos eu estava ouvindo música no meu blog.

Usei uma música do site http://www.mp3tube.net, você só precisa pesquisar pela música que deseja, quando você clica no nome da música aparece uma tela que você ouve a música e fornece o código para colocar no seu site, mas não é a url, é o código que está na frente do embed.

Esse site ainda fornece a opção de você fazer um cadastro e colocar a música que quiser, caso você não encontre a música desejada. Caso não gostem do MP3tube, aqui tem outros sites de hospedagem:

http://www.myfabrik.com
http://boomp3.com
Last FM
Radio Fusion
Deezer

Enfim o modo de colocar música é simples e basicamente o mesmo de colocar qualquer outra coisa, procure um site que tenha o que deseja e procure pelo código para colocar no seu blog.

Esses códigos devem ser colocados pela pagina editar layout >>> adicionar um gadget >>> html/javascript, então é só colar o código (isto no Blogspot), para outros blogs procure onde você edita o html ou modelo, enfim onde você pode colocar o código da música.

Veja também:

Qual o melhor site de Música para colocar no Blog
Colocar Rádio no blog

Essa postagem já teve muitos comentários e fica até ruim ver a lista inteira, então fizemos um tópico sobre música em nossa comunidade no orkut, lá pode ser mais fácil tirar as dúvidas sobre como colocar uma música ou rádio no seu blog.

Cópia de texto

Há algum tempo publicamos um script que não deixa selecionar texto,
mas ele apresentou alguns problemas então encontramos esse que parece funcionar
adequadamente. Mas tenha a certeza que nenhum código protegerá completamente
o conteúdo do seu site, pois existem muitas formas de copiar um site.

<script language="JavaScript1.2">
function disableselect(e){
return false
}
function reEnable(){
return true
}
//if IE4+
document.onselectstart=new Function ("return false")
//if NS6
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

Na página editar html coloque esse código antes da tag</head>,
e isso impedirá a seleção de textos.

Tradução

Um tradutor simples e eficiente para colocar no seu blog. Testei do português para o espanhol e ficou perfeito.Basta copiar este código e inserir através da página layout nos elementos de página>html/javascript. Não esqueçam na parte final do código de substituir http://SEUBLOG.blogspot.com pelo endereço do seu blog.

 

<div align="center"><img src="http://img176.imageshack.us/img176/6091/84056383at1.png"/>
<br /> <form id="translateForm" action="http://www.worldlingo.com/S1790.5/translation"
target="_blank">
<input value="PT" name="wl_srclang" type="hidden"/>
<select style="font-size: 70%; width: 160px;" name="wl_trglang">
<option value="EN"/>Português - Inglês
<option value="FR"/>Português -Francês
<option value="DE"/>Português -Alemão
<option value="IT"/>Português - Italiano
<option value="PT"/>Português -Português
<option value="RU"/>Português - Russo
<option value="ES"/>Português - Espanhol
</select>
<input value="http://SEUBLOG.blogspot.com/" name="wl_url"
type="hidden"/>
<input name="submit" type="submit" style="font-size:
70%; width: 50px;" value="Traduza"/>
</form>
</div>

Dica enviada por: Escola Vicente Arruda

Status do MSN no Blog

Para mostrar seu status do MSN no seu blog entre no link:

http://settings.messenger.live.com/Applications/WebSettings.aspx

Isso vai levar você para uma página onde encontrará algumas opções de como mostrar seu status do MSN no seu blog, inclusive se todos ou não poderão ver quando você estiver on-line.

Você pode escolher se quer mostrar somente o ícone de status, um botão que aparece seu nome quando você está conectado(isso porque mesmo quando estiver com o status de ocupado e outros, seu nome ainda aparecerá) e ainda outra coisa que interessante para colocar no blog é uma janela para mensagens instantâneas para que seus visitantes possam escrever para você através do seu blog quando você estiver on-line e você recebe a mensagem numa janela de conversa normal como se fosse um dos seus contatos do MSN.

Voltar ao topo da Página

Para voltar ao topo da página é bem simples, faça da seguinte forma:

Inserir o link: Entre na página layout, clique para adicionar um gadget, escolha a opção HTML/JavaScript, e coloque esse código (esse será o lugar onde aparecerá o link para voltar do topo da página):
<a href="#topo">Topo da Página</a>
Clique para salvar e está parte está pronta.


Inserir o Marcador: agora vamos marcar para onde o link deve levar, na pagina editar HTML, procure por <body> e logo depois dela coloque esse código:
<a name="topo"></a>

E já está tudo pronto é só salvar e ver o resultado. Esse mesmo sistema funciona para linkar qualquer outra parte do seu blog. Por exemplo, você quer colocar no inicio da página um link que leve para o seu banner ou setor de parcerias, coloque o link no inicio do jeito que explicamos acima (inserir link) e em vez de inserir o marcador pela pagina HTML vamos colocar junto com os parceiros, por exemplo, então coloque o código <a name="topo"></a> junto com o código dos seus parceiros e pronto. Mas lembrem-se quando for usar mais de uma vez esse código troque a palavra topo que está nele, pois se usar duas vezes a com a mesma palavra não funciona, pode ser qualquer palavra (parceiros, banner, imagem...) e quando for modificar o código cuidado para não pagar nenhum outro sinal “por engano.

Após publicamos esse código encontramos um jeito melhor e mais fácil que essa para colocar um link ou imagem com a função de voltar ao topo da página.

Dia do mês e da semana

Para mostrar o dia do mês e da semana no seu blog coloque o código abaixo. Entre na pagina editar layout, adicionar gadget, html/javascript, e cole esse código:

<script language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
myyear= mydate.getYear();
weekday= myweekday;
if(myday == 0)
day = " Domingo"
else if(myday == 1)
day = " Segunda - Feira"
else if(myday == 2)
day = " Terça - Feira"
else if(myday == 3)
day = " Quarta - Feira"
else if(myday == 4)
day = " Quinta - Feira"
else if(myday == 5)
day = " Sexta - Feira"
else if(myday == 6)
day = " Sábado"
if(mymonth == 0)
month = "Janeiro "
else if(mymonth ==1)
month = "Fevereiro "
else if(mymonth ==2)
month = "Março "
else if(mymonth ==3)
month = "Abril "
else if(mymonth ==4)
month = "Maio "
else if(mymonth ==5)
month = "Junho "
else if(mymonth ==6)
month = "Julho "
else if(mymonth ==7)
month = "Agosto "
else if(mymonth ==8)
month = "Setembro "
else if(mymonth ==9)
month = "Outubro "
else if(mymonth ==10)
month = "Novembro "
else if(mymonth ==11)
month = "Dezembro "
document.write(day+", "+myweekday+" de "+month+" de 2008");
// -->
</script>


Para escolher a cor, tipo e tamanho que a data aparecerá no seu blog, troque a linha document.write(day+", "+myweekday+" de "+month+" de 2008"); por essa aqui:

document.write("<font color='#CC0066' size='30pt' face='Comic Sans MS'>"
+day+", "+myweekday+" de "+month+" de 2008</font>");

E altere como desejar: 30pt é o tamanho, Comic Sans é o tipo de letra e #CC0066 é a cor, não esqueça de alterar o ano pois esse código estava dando uma falha no Firefox por isso não foi possível colocar o ano para atualizar automaticamente, se precisar aqui tem uma tabela com o código das cores.

Imagem para fundo do blog

Quando temos que fazer uma imagem para usar como textura no fundo do blog geralmente enfrentamos muitos problemas, pois é difícil fazer uma imagem que encaixe perfeitamente. Logo abaixo você tem imagens para usar como plano de fundo no seu site, você apenas precisa salvar e hospedar em algum lugar, sugerimos o http://imageshack.us








No site All Free Backgrounds e Free Backgrounds você encontra muitas outras imagens de fundo, e o procedimento é o mesmo, salvar e hospedar a imagem e depois você entra na pagina editar html do seu blog e coloca a linha de código background-image: url(endereço da imagem); junto com :
body{................
...........
..........}
E já está pronto, se você quiser testar essas imagens antes de colocar no seu blog copie esse código:

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<style type="text/css">
<!--
body {background-image: url(fundo4.gif);
}
-->
</style></head>
<body>
</body>
</html>

Cole no bloco de notas, altere onde está escrito fundo4.gif para o nome da imagem que você quer testar, mas não se esqueça de colocar .jpg ou .gif no nome da imagem porque isso também faz parte do nome da imagem. E salve no seu computador na mesma pasta onde salvou a imagem, com o nome planodefundo.htm, desse mesmo jeito o nome do arquivo precisa ter o .htm no final pois assim será como se fosse uma pagina de internet. Agora é só ir até a pasta e clicar sobre esse arquivo que ele abrirá em seu navegador de internet e você poderá ver como fica a imagem de fundo sem precisar hospedar e mexer no seu blog. Isso poupa muito trabalho, afinal somente irá mexer no seu blog depois de visualizar a imagem de fundo que escolheu e já tem certeza que deseja usar-la.