Postagens Recentes

30 de jan de 2008

Media player rádio

11 comentários:
 
 
Pegue AQUI

Media Player no blog

86 comentários:


Copie o código e cole no HTML/Javascript e depois insira o endereço da rádio ou TV de seu agrado no local indicado no código.
SE O FIREFOX PEDIR PARA INSTALAR UM PLUGIN, ACEITE. FIQUE TRANQUILO :)


<center>
<object id="MediaPlayer" classid="clsid:6bf52a52-394a-11d3-b153-00c04f79faa6" width="401" height="376" name="MediaPlayer">
<param value="ENDEREÇO DA RÁDIO OU TV" name="URL"/>
<param value="1" name="rate"/>
<param value="0" name="balance"/>
<param value="1" name="playCount"/>
<param value="-1" name="autoStart"/>
<param value="0" name="currentMarker"/>
<param value="-1" name="invokeURLs"/>
<param value="50" name="volume"/>
<param value="7964" name="_cx"/>
<param value="7303" name="_cy"/>
<embed showstatusbar="1" style="margin-bottom: -6.5px;" stretchtofit="1" width="401" src="ENDEREÇO DA RADIO OU TV" height="376">
</embed></object>
<script for="MediaPlayer" event="Error( )" language="JScript">
window.navigate(window.location.href);
</script><center></center></center>








Código na cor rosa representa a altura
Código na cor azul representa a largura

Serve ao Internet Explorer e ao Mozilla Firefox




Endereço de rádios e Tvs ao vivo AQUI e AQUI.
Como conseguir o endereço de rádios e tvs AQUI.


Se não sabe como conseguir o endereço de músicas, vídeos, etc, clique AQUI e aprenda.

29 de jan de 2008

Menu deslizante

Nenhum comentário:

Pegue o código, faça as modificações e cole no HTML/Javascript no seu blogger















<style>
#menuShow{
border: 1px solid #666666;
background-color: #eef7f8;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}
#menuSelect{
border: 1px solid #666666;
background-color: #eef7f8;
padding: 13px;
font-size: 13px;
font-family: Verdana, Arial;
position: absolute;
width: auto;
height: auto;
}
</style>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<!--
Place the two <div>'s below in the <body> of your code.
(Normally, this will be immediately after the <body>
tag.) The menuShow div will contain your links; change
the text, links, and targets as needed.
//-->
<div id="menuSelect">
<a href="#" onclick="moveOnMenu();moveOffSelector()">
<img border="0" width="28" src="http://img352.imageshack.us/img352/7780/5arrowaxmk5.gif" height="28"/></a>
</div>
<div id="menuShow">
<a href="#" onclick="moveOffMenu();moveOnSelector()">
<img border="0" width="28" src="http://img352.imageshack.us/img352/7780/5arrowaxmk5.gif" height="28"/></a>
<br/>
<br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item A</a><br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item B</a><br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item C</a><br/>
<br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item D</a><br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item E</a><br/>
<br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item F</a><br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item G</a><br/>
<a href="AQUI O ENDEREÇO DO SEU LINK">Menu Item H</a><br/>
</div>
<!--
Put the following script immediately *after* the
<div>'s (above) in your page. Set the variables as
indicated in the script.
//-->
<script language="JavaScript">
<!-- Original: David Sosnowski (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com/ -->
<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com/ -->
<!-- Begin
// (C) 2001 http://www.codelifter.com/
// http://www.codelifter.com/
// Free for all users, but leave in this header.
// Set Show to "yes" to show the menu on start-up.
// Set Show to "no" to show the selector on start-up.
Show ="yes";
// Set OffX in pixels to a negative number
// somewhat larger than the width of the menu.
var OffX = -150;
// Set the PosX and PosY variables
// to the location on the screen where the
// menu should position (in pixels) when stopped.
var PosX = 250;
var PosY = 100;
// Usually, use the settings shown; but you can
// change the speed and the increment of motion
// across the screen, below.
var speed = 1;
var increment = 1;
var incrementNS4 = 5; // for slower NS4 browsers
// do not edit below this line
// ===========================
var is_NS = navigator.appName=="Netscape";
var is_Ver = parseInt(navigator.appVersion);
var is_NS4 = is_NS&&is_Ver>=4&&is_Ver<5;
var is_NS5up = is_NS&&is_Ver>=5;
var MenuX = OffX;
var SelX = PosX;
var sPosX = PosX;
var sOffX = OffX;
if (Show == "yes") {
sPosX = OffX;
sOffX = PosX;
MenuX = sOffX;
SelX = sPosX;
}
if (is_NS4) {
increment = incrementNS4;
Lq = "document.layers.";
Sq = "";
eval(Lq+'menuSelect'+Sq+'.left=sPosX');
eval(Lq+'menuShow'+Sq+'.left=sOffX');
eval(Lq+'menuSelect'+Sq+'.top=PosY');
eval(Lq+'menuShow'+Sq+'.top=PosY');
} else {
Lq = "document.all.";
Sq = ".style";
document.getElementById('menuSelect').style.left = sPosX+"px";
document.getElementById('menuShow').style.left = sOffX+"px";
document.getElementById('menuSelect').style.top = PosY+"px";
document.getElementById('menuShow').style.top = PosY+"px";
}
function moveOnMenu() {
if (MenuX < PosX) {
MenuX = MenuX + increment;
if (is_NS5up) {
document.getElementById('menuShow').style.left = MenuX+"px";
} else {
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOnMenu()',speed);
}
}
function moveOffMenu() {
if (MenuX > OffX) {
MenuX = MenuX - increment;
if (is_NS5up) {
document.getElementById('menuShow').style.left = MenuX+"px";
} else {
eval(Lq+'menuShow'+Sq+'.left=MenuX');
}
setTimeout('moveOffMenu()',speed);
}
}
function moveOffSelector() {
if (SelX > OffX) {
SelX = SelX - increment;
if (is_NS5up) {
document.getElementById('menuSelect').style.left = SelX+"px";
} else {
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOffSelector()',speed);
}
}
function moveOnSelector() {
if (SelX < PosX) {
SelX = SelX + increment;
if (is_NS5up) {
document.getElementById('menuSelect').style.left = SelX+"px";
} else {
eval(Lq+'menuSelect'+Sq+'.left=SelX');
}
setTimeout('moveOnSelector()',speed);
}
}
// End -->
</script>
<!-- Script Size: 5.71 KB -->





Créditos: Code Lifter


Menu embutido com botão

Um comentário:
Para ter um menu assim, copie e coloque em HTML/Javascript, faça as modificações e publique.








<script language="JavaScript">
<!--
function goTo(form) {
var myindex=form.dest.selectedIndex
window.open(form.dest.options[myindex].value);
}
//-->
</script>
<center>
<form name="myindex">
<select name="dest" size="1">
<option selected value=""/>Favoritos
<option value="ENDEREÇO DO SEU LINK 1" target="_new"/>Link 1
<option value="ENDEREÇO DO SEU LINK 2" target="new"/>Link 2
<option value="ENDEREÇO DO SEU LINK 3" target="_new"/>Link 3
<option value="ENDEREÇO DO SEU LINK 4" target="_new"/>Link4
<option value="ENDEREÇO DO SEU LINK 5" target="_new"/>Link5
<option value="ENDEREÇO DO SEU LINK 6" target="_new"/>Link6
<option value="ENDEREÇO DO SEU LINK 7" target="_new"/>Link7
<option value="ENDEREÇO DO SEU LINK 8" target="_new"/>Link8
</select>
<input value="Ir" onclick="goTo(this.form)" type="BUTTON"/>
</form>
</center>

28 de jan de 2008

Menu horizontal com inscrição

Nenhum comentário:
Para ter um menu como este basta copiar o código, colar em elemento de página no HTML/Javascript e fazer suas modificações. Fácil, fácil !
















<script>

var linktext=new Array()
linktext[0]="Aqui voce escreve algo sobre o link 1"
linktext[1]="Aqui voce escreve algo sobre o link 2"
linktext[2]="Aqui voce escreve algo sobre o link 3"
linktext[3]="Aqui voce escreve algo sobre o link 4"
linktext[4]="Aqui voce escreve algo sobre o link 5"
linktext[5]="Aqui voce escreve algo sobre o link 6"

var ns6=document.getElementById&&!document.all
var ie=document.all

function show_text(thetext, whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=linktext[thetext]
else if (ns6) document.getElementById(whichdiv).innerHTML=linktext[thetext]
}

function reset(whichdiv){
if (ie) eval("document.all."+whichdiv).innerHTML=' '
else if (ns6) document.getElementById(whichdiv).innerHTML=' '
}

</script>

<p>
<a onmouseover="show_text(0,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 1">Link 1</a>
<a onmouseover="show_text(1,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 2">Link 2</a>
<a onmouseover="show_text(2,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 3">Link 3</a>
<a onmouseover="show_text(3,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 4">Link 4</a>
<a onmouseover="show_text(4,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 5">Link 5</a>
<a onmouseover="show_text(5,'div2')" onmouseout="reset('div2')" href="ENDEREÇO DO LINK 6">Link 6</a>
<br/>
<i><span id="div2"> </span></i>
</p>


27 de jan de 2008

BBB8 ao vivo de graça

Nenhum comentário:

AO VIVO, CLIQUE NO BOTTOM


16 de jan de 2008

Template Azul Simples

Nenhum comentário:
Este blog possui menu horizontal e buscador para o blog

Clique-me

Visualizar



Download

Ou pegue o código AQUI



Para inserir os links no menu e colocar o endereço de seu blog no buscador, clique nas imagens abaixo e visualize.


Clique-me




Clique-me

Template Vermelho Simples

Um comentário:
Este template tem menu horizontal e buscador para dentro do próprio blog.





Free Image Hosting at www.ImageShack.us

Clique para ampliar





Download

Ou pegue o código AQUI


Para inserir os links no menu e colocar o endereço de seu blog no buscador, clique nas imagens abaixo e visualize.


Clique-me




Clique-me

8 de jan de 2008

Favoritos

2 comentários:




  • Favoritos



  • É sempre bom facilitar a vida dos visitantes, então que tal deixar um botão para que seu visitante o coloque como favorito ? Copie o código abaixo faça as mudanças necessárias e cole no HTML/Javascript.

    <li><a href='ENDEREÇO DO BLOG'
    onclick='window.external.AddFavorite("ENDEREÇO DO BLOG","NOME DO BLOG");'>Favoritos</a></li>

    7 de jan de 2008

    Buscador dentro do blog com fundo personalizado

    Nenhum comentário:

    Com este código você poderá colocar a imagem que quiser na barrinha de busca.












    <center>
    <form action="ENDEREÇO DE SEU BLOG/search.php" method="get">

    <div style="">
    <input maxlength="150" style="background-image: url(ENDEREÇO DA IMAGEM);" class="tbox search" value="" name="q" size="19" type="text"/>
    <input value="0" name="r" type="hidden"/>
    <input value="Procurar" name="submit" type="submit"/></div>
    </form>
    </center>

    Menu expansivel

    10 comentários:




    Para ter um menu que se expande, como este acima, copie o código abaixo, vá até o HTML do seu blog, procure pelo código




    <head>



    e abaixo dele, cole o próximo código.




    <style type='text/css'>.texthidden {display:inline}.shown {display:block}</style><script type='text/javascript'>document.write('<style>.texthidden {display:none} </style>');</script><script type='text/Javascript'>function expandcollapse (postid) {whichpost = document.getElementById(postid);if (whichpost.className=="shown") {whichpost.className="texthidden";}else {whichpost.className="shown";}}</script>
    <style type='text/css'>
    #dolphincontainer{position:relative;height:43px;color:#f06214;background:#ffffff;
    width:100%;font-family:Helvetica,Arial,Verdana,sans-serif;}
    #dolphinnav{position:relative;height:34px;font-size:12px;text-transform:uppercase;
    font-weight:bold;background:#F06214 url() repeat-x bottom left;
    padding:0 0 0 20px;}
    #dolphinnav ul{margin:0;padding:0;list-style-type:none;width:auto;float:left;}
    #dolphinnav ul li{display:block;float:left;margin:0 1px;}
    #dolphinnav ul li a{display:block;float:left;color:#ffffff;text-decoration:none;
    padding:0 0 0 20px;height:33px;}
    #dolphinnav ul li a span{padding:12px 20px 0 0;height:21px;float:left;}
    #dolphinnav ul li a:hover{color:#000000;
    background:transparent url() repeat-x bottom left;}
    #dolphinnav ul li a:hover span{display:block;width:auto;cursor:pointer;}
    #dolphinnav ul li a.current,#dolphinnav ul li a.current:hover{color:#FCD9B6;
    background:#ffffff url() no-repeat top left;line-height:275%;}
    #dolphinnav ul li a.current span{display:block;padding:0 18px 0 0;width:auto;
    background:#805E5E url() no-repeat top right;height:33px;}
    </style>


    Salve.



    Agora vá em layout,




    Clique em "Adicionar um Gadget"






    Clique então em HTML/Javascript




    E cole o código abaixo, inserindo os links nos locais indicados.




    <a href="javascript:void(0);" onclick="expandcollapse('lista de link 1')"><img border="0" src="http://4.bp.blogspot.com/-s6CyqbxG9Qc/UMKEo45Z7LI/AAAAAAAACe8/bTD9N7yu_8E/s1600/lista+de+links+1.png"/></a><br/>
    <ul id="lista de link 1" class="texthidden">
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
     </ul>
    <a href="javascript:void(0);" onclick="expandcollapse('lista de link 2')"><img border="0" src="http://2.bp.blogspot.com/-DIaFqV2Y_KE/UMKEpsgfXMI/AAAAAAAACfE/jDn-3w4Kdxw/s1600/lista+delink+2.png"/></a><br/>
    <ul id="lista de link 2" class="texthidden">
    <li><a href="http://templateseacessorios.blogspot.com" target="_blank">Templates & Acessórios </a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
     </ul>
    <a href="javascript:void(0);" onclick="expandcollapse('lista de link 3')"><img border="0" src="http://1.bp.blogspot.com/-R-cXvTSU2bA/UMKEqRb7DCI/AAAAAAAACfM/cz940vn6Fqo/s1600/lista+delink+3.png"/></a><br/>
    <ul id="lista de link 3" class="texthidden">
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
     </ul>
    <a href="javascript:void(0);" onclick="expandcollapse('lista de link 4')"><img border="0" src="http://4.bp.blogspot.com/-ItZuoIN3y4U/UMKNauNSyFI/AAAAAAAACf0/zqYnY8_CrMc/s1600/lista+delink+4.png"/></a><br/>
    <ul id="lista de link 4" class="texthidden">
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
    <li><a href="http://endereço.com/" target="_blank">Escreva aqui o nome do blog</a></li>
     </ul>
    <a href="javascript:void(0);" onclick="expandcollapse('lista de links 5')"><img border="0" src="http://2.bp.blogspot.com/-yT6HAEY6Yvo/UMKGX8xpCAI/AAAAAAAACfc/GWTvsb1CYcU/s1600/lista+de+link+5.png"/></a><br/>
    <ul id="lista de links 5" class="texthidden">
    <li><a href="http://endereçodofcebook.com" target="_blank">Facebook</a></li>
    <li><a href="http://endereçodotwittercom" target="_blank">Twitter</a></li>
    <li><a href="mailto:endereçodoseuemail@seuservidor.com" target="_blank">Email</a></li>
     </ul>


    No código acima é perceptível uma variedade de cores, fiz isso para facilitar para vocês.

    Azul-------------------Código do endereço dos botões, troque-os se forde seu agrado.
    Vermelho-------------Código para a troca de endereço dos links
    Rosa-----------------Código que é a chave para abrir o menu, não precisa mexer senão quiser
    Laranja--------------Código dos nomes dos links


    Abaixo 4 modelos de boões, caso prefira colocar sua inscrição:






    1 de jan de 2008

    Feliz 2008

    Nenhum comentário:
    A todos os amigos,um 2008 com muita saúde, alegria, paz, amor e dim-dim...


    Copyright © Templates e Acessórios |
    Design by Elke di Barros | Tecnologia do Blogger
      Twitter Facebook Google + YouTube