Olá pessoal! Neste tutorial irei ensinar como colocar o player de web rádio fixo no topo do Blog, simples e prático.
Creio que você já deve ter visto em alguns Blogs ou sites um player fixo posicionado no topo, conforme você rola a barra de rolagem para cima ou para baixo, o player desliza acompanhado a página sem sair de sua posição, então, é deste mesmo modo que vamos aprender a fazer.
> Veja uma Demonstração
Veja como colocar o player no topo do blog
1º Passo: Abra o Painel de Edição do seu Blog:Vá em >> Modelo >> Editar HTML
2º Passo: Agora você vai expandir a seguinte linha de código "<b:skin>...</b:skin>" conforme mostra o exemplo na imagem logo abaixo:
3º Passo: Em seguida, procure por esta Tag: "]]></b:skin>", utilize as teclas de atalho (Ctrl+F) para localizar mais rápido. E após ter encontrado a Tag, logo acima dela acrescente este seguinte código CSS:
/*Player de Radio*/
ul#Player-fixed {
position:fixed; width:100%;
margin:0;
padding:0;
top:0px;
left:0px;;
list-style:none;
z-index:9999;
}
4º Passo: Depois do CSS, vamos agora, colocar o código Iframe do player.
Ainda no HTML do seu blog, procure por esta segunda Tag "</body>", quando encontrá-la acrescente este código logo acima da mesma:
<ul id='Player-fixed'>
<iframe src=" http://link do Player da radio" frameborder="0" scrolling="no" width="100%" height="40"></iframe> </ul>
Agora você vai editar esse segundo código
Vamos entender:
- A parte que esta destacado em cor AZUL você vai substituí-lo pelo endereço do player da sua web rádio, somente isso.
- Agora, a parte que eu destaquei em cor Vermelho, se trata do código "Iframe" que todo player tem, que em nosso caso não será preciso alterá-lo.
- Se for preciso alterar a Altura do player, é só você alterar o valor da seguinte parte: " height="40"".
- Em relação a Largura do player, o código está configurado para o player ficar ajustável a qual quer tipo de resolução de Tela, ou seja, ele ficará com a largura 100%.
5º Passo: Agora é só você clicar em visualizar Modelo para conferir se tudo ocorreu bem, e depois, só salvar modelo.
Prontinho pessoal, espero ter ajudado.
Queria pedir que ajudasse nosso Blog, clicando no botão curtir no facebook ou Seguir o blog. obrigado
pessoal tou pegando tudo do varias dica para blogs pois estou sem tempo é meu viciu ta enorme então sé ele me processar já era meu blog é minha casa xD Até mais...Aee vou eu LOL...aaaa sim quem quere me add lá meu nick é
Dumsol
Muito bom... Me ajudo muito!!!
ResponderExcluirQueria um jeito que não ficasse parando o player, criando iframe afeta o SEO do site
ResponderExcluirSe eu não me engano o Ifarme não afeta, somente o Farme que afeta.
ResponderExcluircomo posso ler alguma coisa se essa propaganda chata não deixa ver nada?
ResponderExcluirRealmente percebemos que a propaganda estava demasiada. Por isso retiramos algumas delas
ResponderExcluirNOSSA O MEU NÃO FOI
ResponderExcluirSeguiu tudo certo? qual o erro?
Excluir