fevereiro 2012

Vamos matar várias dúvidas numa única postagem.
Temos uma série de músicas no YouTube e é até de entender que seja o site mais acessado para ouvir música, pela variedade encontrada de versões. Temos um player muito bom configurável nas cores do seu blog, onde se inclui a url do vídeo do YouTube, mais um click, apanha o código, insere no blog e ouve suas canções prediletas enquanto edita suas postagens.
Onde consegue o player assim tão fácil?
Neste link SCM player
Como sempre compartilho as músicas no Facebook, Orkut, etc. Foi fácil fazer uma lista de links de vídeos do YouTube e inserir, mas não tendo esta lista, sugiro que comece por ai.
Com a lista pronta o resto é fácil por demais. Acede o smcplayer.net e como na imagem insere os links dos vídeos:

Como já citado dificilmente alguém vai ao seu blog em busca de ouvir músicas, por isso sugeri que faça a lista de suas músicas prediletas; um detalhe interessante e que poderá convidar o internauta para conhecer o seu gosto, lógico que a ocasião é ouvir enquanto digita e isto é bem peculiar, assim como me é impensável ouvir rock enquanto faço uma refeição.
Prosseguindo, certifique-se de copiar o código completo, cole no seu bloco de notas para conferir, será parecido com este:

Agora que já tens o código pode fechar o gerador do player e abrir o painel de edição do seu blog, se ainda não sabe como aceder o html veja neste link HTML Blogger.
Abaixo da tag <body> do seu blog coloque uma div com id="scm" e dentro da div cole o código do seu player vejamos uma imagem:

Note que a div fica dentro de uma tag <b:if condicionada a mostrar a div do player somente quando for acionado o link com o label/AUDIO.

<b:if cond='data:blog.url == &quot;https://verbratecajuda.blogspot.com/search/label/AUDIO&quot;'>
<div id='smc'>
<!--SCM Music Player by Adrian C Shum - https://scmplayer.net-->
  <!--End of SCM Music Player script-->
</div></b:if>

Para mostrar apenas nas páginas estáticas use esta tag:
<b:if cond='data:blog.url == "static_page"'> </b:if>
Querendo aprender mais pesquise o mundo Blogger e seus usuários.
Uma vez tocando sua música poderá navegar em seu blog, pois o player desaparece somente quando fechar o blog.

//////////////////////////////////////////////////////////////////////////////////////////// Você está agora em:

Em teste; faça primeiro em seu blog de testes e notando comportamento anormal comunique o desenvolvedor.


Obrigado por sua visita! Restando alguma dúvida deixe seu comentário.

Hoje vamos aprender como ver um código de página web.
Usarei o Chrome, mas o Firefox e o Safari também possuem suas ferramentas para esta mesma função. Quando eu iniciei usava o Internet Explorer e clicava com o botão direito do mouse, escolhia a opção que hoje é ver código fonte. Vamos ver então com IE9.
Note que abri no IE onclick em body e já apareceu a propaganda. Agora vamos ver o código ainda com o IE9, logo ali na linha 3723 encontramos o código do gadget com o referido link assinalado pela seta verde, linkando para o blog um arquivo php que possui lá suas funções.
Muito bem, agora vamos ao meu querido Chrome, mas antes feche tudo e proceda uma limpeza nos arquivos temporários para eliminar o cookie do gadget que já se instalou pelo IE na primeira visita ao blog catequesenanet, durante as primeiras imagens. Limpou então abra o Chrome e vá ao blog e click na área amarela, onde não tem link:
Agora se estava atenta a senhora Cláudia deverá notar uma piscada rápida na tela, este é o momento em que a propaganda abre ao fundo, então click em minimizar:
A propaganda foi aberta realmente ao fundo numa janela popup:
Note a diferença da janela popup e a janela normal e feche essa propaganda. Concordo que até aqui não existe nada que comprove que estou certo, mas a propaganda já vimos, também já vimos o php pelo IE9 e daí?
Daí apelamos para o Chrome e como havia minimizado tem que clicar para restaurar:
E agora Jesus? Jair de Jesus rsrsrs. Click com o botão direito do mouse sobre o elemento da página que quer ver o código, no nosso caso de exemplo o gadget rosa e escolha a opção Inspecionar elemento e verá como na imagem abaixo, observe o número 1 sobre o link do script do site  <a href="https://www.widgeo.net/popup.js" target="_blank" title="Click e veja o script usado em nova janela.">widgeo.net/popup</a>:
Uma imagem mais clara do link e o detalhe display none para que não renderize no blog:

Procure a tag html do gadget e com o botão direito click e selecione a opção Copy as HTML:
Cole no seu editor de textos, o código é o apresentado abaixo onde assinalei a linha referida no e-mail:

Obs: O código foi retirado daqui, quando da implementação do protocolo seguro(https) no site.

Parte do e-mail reproduzido acima diz: A propósito... não tem em meu código a linha, porém aqui podemos ver que existe.

Agora já vimos como fazer para ver o código e nem percebemos o fim. click em Scripts e na esquerda selecione pelo nome, os nomes na maioria dos casos serão indicativos até para facilitar a manutenção pelo próprio webmaster ou autor. Note que uma nova bandeira entra no intervalo de 4 segundos.
Na árvore à esquerda poderemos ver todos os arquivos inclusive os cookies.
A curiosidade para iniciantes está morta, agora é seguir explorando a ferramenta.
Obrigado pela atenção e uma boa navegação!

Todas as imagens foram feitas em 01-02-2012- 23 horas e portanto o blog aqui apresentado como exemplo poderá sofrer alterações, uma vez que eu já havia comunicado à amiga Cláudia sobre este fato e ela me pareceu não acreditar. Me senti na obrigação de mostrar os detalhes e aproveitei então o embalo da situação.

Jair de Jesus

Estudante de HTML, CSS, json, Blogger e tal.{picture#https://1.bp.blogspot.com/-nLQAtnyjw9Q/XgewzgENccI/AAAAAAAAFJw/hVY1XC8En2EEMSDsJWk3J4_UTMNDxGR8gCK4BGAYYCw/s35/jair.jpg}{facebook#https://facebook.com/verbratecajuda}{youtube#https://youtube.com/verbratec} {twitter#https://twitter.com/verbratecajuda}

Formulário de contato

Nome

E-mail *

Mensagem *