Colocar Rádio no Blog
Muitos blogueiros perguntam como fazer para colocar uma radio ou suas músicas favoritas no blog isso não é difícil, isto não é difícil, você precisa pegar um código em uma das rádios existentes na internet e colocar no seu blog pela pagina layout, adicionar gadget, html/javascript. Aqui temos links de alguns sites que fornecem essas rádios para colocar no blog:
Last FM
Radio Fusion
Deezer
Contudo você precisa avaliar bem se realmente deveria colocar uma radio ou música no blog principalmente se esta iniciar automaticamente, por que muitas vezes seus visitantes podem estar ouvindo outra música ou estão em silencio e de repente levam um susto com uma música começando sem ele saber de onde vem. Outro problema é o gosto músical de cada pessoa, certamente a música que você acha maravilhosa, outros não suportam, talvez se esse blog tivesse música você estaria achando ela ridícula e procurando feito louco onde parar com a música. Isso se não perdesse a paciência e saísse do blog sem nem olhar direito.
Veja também:
Qual o melhor site de Música para colocar no Blog
Colocar música no blog
Tópico sobre música em nossa comunidade no orkut
Last FM
Radio Fusion
Deezer
Contudo você precisa avaliar bem se realmente deveria colocar uma radio ou música no blog principalmente se esta iniciar automaticamente, por que muitas vezes seus visitantes podem estar ouvindo outra música ou estão em silencio e de repente levam um susto com uma música começando sem ele saber de onde vem. Outro problema é o gosto músical de cada pessoa, certamente a música que você acha maravilhosa, outros não suportam, talvez se esse blog tivesse música você estaria achando ela ridícula e procurando feito louco onde parar com a música. Isso se não perdesse a paciência e saísse do blog sem nem olhar direito.
Veja também:
Qual o melhor site de Música para colocar no Blog
Colocar música no blog
Tópico sobre música em nossa comunidade no orkut
Marcadores: Acessórios, Conteúdo, Música, Sites Úteis
Caixa de texto
Geralmente as caixinhas de texto usadas para colocar código de banners e outras coisas (textearea) mostram a barra de rolagem que só atrapalha a visualização do código, além de não ter utilidade, então se quiser retirar a barra de rolagem dessa caixa de texto coloque isso na pagina editar HTML junto com os outros códigos CSS do seu blog. Nós também vamos mostrar como mudar as bordas da caixa de texto.
textarea {
border: 2px solid #0000FF;
overflow: hidden;
}
Mas isso vai tirar a barra de rolagem e mudar as bordas de todas as caixas de texto do seu site, mas caso queira fazer isso em apenas algumas delas então pode modificar o código diretamente em cada uma das caixas que desejar modificando o código desse jeito:
<textarea style="border: 2px solid #0000FF;overflow: hidden"...
Note que apenas adicionamos o trecho style="border: 2px solid #0000FF;overflow: hidden" o restante do código fica sem alterações. A parte border: 2px solid #0000FF; é o estilo, cor e espessura da borda, é só mudar do jeito que gostar mais: 2 é a espessura basta trocar o numero, solid é o estilo e #0000FF é a cor, veja mais detalhado como mudar as bordas e a tabela com o código html das cores. Isto ajudará a modificar a aparência do seu blog.
textarea {
border: 2px solid #0000FF;
overflow: hidden;
}
Mas isso vai tirar a barra de rolagem e mudar as bordas de todas as caixas de texto do seu site, mas caso queira fazer isso em apenas algumas delas então pode modificar o código diretamente em cada uma das caixas que desejar modificando o código desse jeito:
<textarea style="border: 2px solid #0000FF;overflow: hidden"...
Note que apenas adicionamos o trecho style="border: 2px solid #0000FF;overflow: hidden" o restante do código fica sem alterações. A parte border: 2px solid #0000FF; é o estilo, cor e espessura da borda, é só mudar do jeito que gostar mais: 2 é a espessura basta trocar o numero, solid é o estilo e #0000FF é a cor, veja mais detalhado como mudar as bordas e a tabela com o código html das cores. Isto ajudará a modificar a aparência do seu blog.
Colocar acessórios no blog
Quando vamos colocar alguns acessórios no blog (contadores de visitas, musica, relógios, previsão do tempo, enquetes e outras coisas) sempre aparece a duvida de como fazer isto, então veja a explicação de por onde começar.
O primeiro passo é copiar o código que vamos colocar no blog, sugerimos colar no bloco de notas e salvar no seu computador, porque muitas vezes acabamos perdendo o código sem querer.
O procedimento para colocar é o mesmo para qualquer um dos acessórios, precisamos achar um lugar para colar o código HTML que pegamos em algum site. Então começamos clicando na palavra layout na tela inicial do blog.
Na janela seguinte procure por Adicionar um Gadget, porém alguns modelos isso aparece em vários lugares nesta página, então escolha o que estiver na coluna ou mais próximo do lugar que deseja. Clique nele e isso abrirá outra janela.
Nesta janela existem muitas opções, procure por HTML/JavaScript e clique sobre ela.
Então cole o código que copiou no outro site no espaço maior(conteúdo) e se quiser coloque um título no campo acima dele. Depois é só clicar para salvar.
Agora já está pronto, se quiser mudar a ordem que as coisas aparecem no seu blog basta clicar, arrastar e soltar onde quiser. No seu blog quando você passar o mouse sobre essas caixinhas ele muda pra uma seta que indica que podemos arrastar para onde quisermos.
Veja essa explicação em slides e se quiser pode pegar o código e postar no seu blog. Veja alguns links úteis onde encontrar coisas para colocar no blog:
Contador de Visitas
Enquetes
Frases e Mensagens
Hospedagem de Imagens
Relógios
Previsão do tempo
O primeiro passo é copiar o código que vamos colocar no blog, sugerimos colar no bloco de notas e salvar no seu computador, porque muitas vezes acabamos perdendo o código sem querer.
O procedimento para colocar é o mesmo para qualquer um dos acessórios, precisamos achar um lugar para colar o código HTML que pegamos em algum site. Então começamos clicando na palavra layout na tela inicial do blog.
Na janela seguinte procure por Adicionar um Gadget, porém alguns modelos isso aparece em vários lugares nesta página, então escolha o que estiver na coluna ou mais próximo do lugar que deseja. Clique nele e isso abrirá outra janela.
Nesta janela existem muitas opções, procure por HTML/JavaScript e clique sobre ela.
Então cole o código que copiou no outro site no espaço maior(conteúdo) e se quiser coloque um título no campo acima dele. Depois é só clicar para salvar.
Agora já está pronto, se quiser mudar a ordem que as coisas aparecem no seu blog basta clicar, arrastar e soltar onde quiser. No seu blog quando você passar o mouse sobre essas caixinhas ele muda pra uma seta que indica que podemos arrastar para onde quisermos.
Veja essa explicação em slides e se quiser pode pegar o código e postar no seu blog. Veja alguns links úteis onde encontrar coisas para colocar no blog:
Contador de Visitas
Enquetes
Frases e Mensagens
Hospedagem de Imagens
Relógios
Previsão do tempo
Marcadores: Iniciantes, Video Aula
Contagem de tempo
Esse mostra quandos dias passaram entre a data que você colocou nele e o dia atual, podemos encontrar varias utilidades, mas a acredito que a principal delas seja mostrar a quando tempo seu blog ou site está em funcionamento. Você só precisa alterar a data e o texto que está no final do código:
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
countup(2008,11,10)
Essa data é no formato ano/dia/mes, portanto o numero 10 é o dia, depois que fizer as alterações é só colocar no seu blog através da página layout, adicionar gadget, html/javascript, então é só colar o código abaixo.
<script>
montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
today=new Date()
todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
todaym=today.getMonth()
todayd=today.getDate()
todaystring=montharray[todaym]+" "+todayd+", "+todayy
paststring=montharray[m-1]+" "+d+", "+yr
difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" dias"
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
}
countup(2008,11,10)
</script>
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
countup(2008,11,10)
Essa data é no formato ano/dia/mes, portanto o numero 10 é o dia, depois que fizer as alterações é só colocar no seu blog através da página layout, adicionar gadget, html/javascript, então é só colar o código abaixo.
<script>
montharray=new Array("Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec")
function countup(yr,m,d){
today=new Date()
todayy=today.getYear()
if (todayy < 1000)
todayy+=1900
todaym=today.getMonth()
todayd=today.getDate()
todaystring=montharray[todaym]+" "+todayd+", "+todayy
paststring=montharray[m-1]+" "+d+", "+yr
difference=(Math.round((Date.parse(todaystring)-Date.parse(paststring))/(24*60*60*1000))*1)
difference+=" dias"
document.write("Já tem "+difference+" desde que o meu site entrou no ar.")
}
countup(2008,11,10)
</script>
Marcadores: Códigos, Html, Scripts
Compactar e Descompactar Arquivos (Zip)
Um programa muito usado e que ainda deixa algumas duvidas é o WinZip ou como é mais conhecido Zip. Então vamos mostrar como usá-lo.
Começaremos falando sobre descompactar arquivos para isso, vamos usar o exemplo de baixar um arquivo da internet que esteja no formato .zip, depois de terminado o download vamos até a pasta onde salvamos o arquivo e clique com o botão direito do mouse sobre ele, escolha a opção: WinZip e depois Extract here.
Depois de clicar em Extract to here, aparecerá um arquivo com o mesmo nome, mas com o formato original, e podem ser vários formatos: .xml, .pdf, e muito outros, geralmente é só clicar sobre esse novo arquivo e seu computador abrirá no programa mais adequado.
Antes de clicar para abrir esse arquivo que baixou, é preciso ter alguns cuidados como passar um antivírus nele e prestar atenção se não é um arquivo com final .exe, pois isso é um programa que será instalado no seu computador, portanto somente abra um arquivo .exe se confiar no site de onde baixou o arquivo.
Agora faremos o caminho inverso, ou seja compactar e colocar na internet um arquivo: Isso é útil em duas ocasiões: quando vamos enviar um arquivo por email, pois fica mais rápido a transmissão ou quando precisamos hospedar um arquivo para outras pessoas fazerem download dele, porque é muito mais fácil achar onde hospedar um arquivo .zip do que outros formatos. Aqui estão alguns sites de hospedagem:
http://rapidshare.de
http://www.mediafire.com
http://www.4shared.com
Isso faz abrir uma janela para você escolher onde vai salvar o arquivo compactado, sugerimos salvar na mesma pasta e com o mesmo nome, isso já aparece pronto na janela, portanto só precisamos clicar no botão Add.
Veja essa explicação em slides e se quiser pode pegar o código e postar no seu blog.
Começaremos falando sobre descompactar arquivos para isso, vamos usar o exemplo de baixar um arquivo da internet que esteja no formato .zip, depois de terminado o download vamos até a pasta onde salvamos o arquivo e clique com o botão direito do mouse sobre ele, escolha a opção: WinZip e depois Extract here.
Depois de clicar em Extract to here, aparecerá um arquivo com o mesmo nome, mas com o formato original, e podem ser vários formatos: .xml, .pdf, e muito outros, geralmente é só clicar sobre esse novo arquivo e seu computador abrirá no programa mais adequado.Antes de clicar para abrir esse arquivo que baixou, é preciso ter alguns cuidados como passar um antivírus nele e prestar atenção se não é um arquivo com final .exe, pois isso é um programa que será instalado no seu computador, portanto somente abra um arquivo .exe se confiar no site de onde baixou o arquivo.
Agora faremos o caminho inverso, ou seja compactar e colocar na internet um arquivo: Isso é útil em duas ocasiões: quando vamos enviar um arquivo por email, pois fica mais rápido a transmissão ou quando precisamos hospedar um arquivo para outras pessoas fazerem download dele, porque é muito mais fácil achar onde hospedar um arquivo .zip do que outros formatos. Aqui estão alguns sites de hospedagem:
http://rapidshare.de
http://www.mediafire.com
http://www.4shared.com
Isso faz abrir uma janela para você escolher onde vai salvar o arquivo compactado, sugerimos salvar na mesma pasta e com o mesmo nome, isso já aparece pronto na janela, portanto só precisamos clicar no botão Add.
Veja essa explicação em slides e se quiser pode pegar o código e postar no seu blog.
Marcadores: Acessórios, Sites Úteis, Video Aula
Hospedagem de Imagens
Para colocar uma imagem no site ou blog primeiro precisamos colocar a imagem na internet, para isso usamos um site de hospedagem, nós sugerimos o ImageShack, você pode escolher entre fazer um cadastro ou não, nossa opinião é que vale a pena fazer assim poderá apagar alguma imagem se precisar após ter enviado e tem algumas outras utilidades como, por exemplo, poder sempre encontrar a url de uma imagem enviada há algum tempo atrás.
Depois de ter feito o cadastro clique em upload e na janela que abrir clique no botão arquivo, então encontre a imagem que deseja hospedar, após isso clique em upload e aguarde.
Agora a sua imagem já está na internet só falta copiar o link correto para ela, clique na letra i que está ao lado da imagem, e na janela que abrir copie o código na frente da palavra direct e já está pronto, essa é a url da sua imagem, agora é só usar como quiser, se precisar de ajuda para fazer a caixinha link-me ou código para postar a imagem use nosso gerador de código.
Para deixar mais fácil a explicação você pode ver na animação abaixo como fazer para colocar as imagens na internet.
Veja também:
Porque as imagens não aparecem?
Outros sites de hospedagem
Endereço correto da imagem
Depois de ter feito o cadastro clique em upload e na janela que abrir clique no botão arquivo, então encontre a imagem que deseja hospedar, após isso clique em upload e aguarde.
Agora a sua imagem já está na internet só falta copiar o link correto para ela, clique na letra i que está ao lado da imagem, e na janela que abrir copie o código na frente da palavra direct e já está pronto, essa é a url da sua imagem, agora é só usar como quiser, se precisar de ajuda para fazer a caixinha link-me ou código para postar a imagem use nosso gerador de código.
Para deixar mais fácil a explicação você pode ver na animação abaixo como fazer para colocar as imagens na internet.
Veja também:
Porque as imagens não aparecem?
Outros sites de hospedagem
Endereço correto da imagem
Marcadores: Conteúdo, Sites Úteis, Video Aula