30 de jan. de 2008
Media Player no blog
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
<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
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>
<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
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>
<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
16 de jan. de 2008
Template Azul Simples
Este blog possui menu horizontal e buscador para o blog
Para inserir os links no menu e colocar o endereço de seu blog no buscador, clique nas imagens abaixo e visualize.
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.
Template Vermelho Simples
Este template tem menu horizontal e buscador para dentro do próprio blog.
Para inserir os links no menu e colocar o endereço de seu blog no buscador, clique nas imagens abaixo e visualize.
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.
8 de jan. de 2008
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>
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
<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
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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrz0lBn_09WoPjH3uQGF8ENjTFaegc0wR-HT8RzRRWcgjtm8oopw8XLVcm7rHypVB2tDQ7KyE1GfFmNFHNRMe5vUs1bi6mhqPtcVsb1Wp218bs1fLOJUEhejTzTlc-VjDo7QuYmeROAsnZ/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiyQLo4i5e5VI3ujH47pYc99XojniN1sm-RIIuxvOwLCuCzAICbXCxP6a36E0OI_pGwTN_S3jTFHXi82ijSP68dh2Qz_s18w3cwlBC4pDJv7uum-Jk-oylkvBD4opdgyfKyqbIAFAUsTGjj/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOn1IBqjl4d-Cna1dQggbmgu435rlFj_g0dniMz8c1A_LkF-ZSdcDhEPUNSVkUAL2PhR3SKeJ4H6wL5JYgNi83gu-I74ppt0YR3yUGb3rsa5rLkXh9gMxwz1KujLBrNl-8lVqQYUIdz1CA/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNTg0RlcDBZd2yVX338Bc3L-0gdhyphenhyphentJngyAYxkx4GiIYUZKqlzx-QyzNatmW4lT7fEOTeFKhFtZRsQQEcqIWrhLEISbKX0UKJzkobdXv5xfkChlcjHf4ikEkt0-IWATAFeDEux-8IO0z1h/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhN5pcPgI2x5ele1xejnQAPqrBTTgmwnyH361cML2nX6CXQ1jM4QWUjxKjNIlirXpXDocT5yhcA19BGA-rxGk91rDzUEcz75q1YVwUyrvNMAHp6Zxk6RcLzZ32f37HNtiw_cPDu18OPtZR-/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
Assinar:
Postagens (Atom)
