fica

appvbt

menu css interativo json

Procurando...

Acompanhe, partilhe!

Login Logout Version

Bem vindo a Verbratec!

Contato Sobre Mapa do site

25 de fev de 2012

Jair de Jesus
Textual description of firstImageUrl

Label audio blog musica player

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.
2

1 de fev de 2012

Jair de Jesus
Textual description of firstImageUrl

Aprender a ver códigos html, css, javascript.

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.
2

Design by Jair de Jesus - Josh Peterson

Verbratec© Desktop 2018