Sempre quando eu ia pesquisar na internet um Slide Legal, nunca conseguia achar um com a cara do meu Blog,
Por isso decidi Postar aqui como colocar um Slide personalizado e bem legal!
Primeiro copie o codigo abaixo:
__________________________________________________________________________
<style type="text/css">
#tv a {
font-size:16px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-5000px;
position:absolute;
top:-5000px;
}
#tv #nav {
height:170px;
left:359px;
overflow:hidden;
position:absolute;
top:5px;
width:46px;
}
#tv #nav img {
cursor:pointer;
height:30px;
margin:0 0 5px;
width:46px;
}
#tv .opac {
margin-bottom:5px;
opacity:1;
}
#tv .transp {
margin-bottom:5px;
opacity:0.1;
}
#tv img {
display:block;
margin-bottom:7px;
margin-left:-10px;
border:thin solid;
}
img {
border:medium none;
}
#tv {
background:url("http://a.imageshack.us/img198/2656/tvbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:255px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:344px;
}
#corpoh {
text-align:left;
}
</style>
<div id="tv">
<script type='text/javascript'>
// JavaScript para tv //
var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time);
function trocaMsg() { index = index%5 +1; channel(index); tempo(); }
function tempo() { clearTimeout(timer); timer = setTimeout("trocaMsg()",menu_time);}
function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.getElementById('tv' + id).innerHTML; anterior = id;}
function tvch(id, out) {if (out == 1) { clearTimeout(timer); channel(id);} else { tempo();}}
//channel(1);
// JavaScript para tv-papeis //
var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p);
function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }
function tempo_p() { clearTimeout(timer_p); timer_p = setTimeout("trocaMsg_p()",menu_time_p);}
function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.getElementById('ptv' + idx).innerHTML; anterior_p = idx;}
function tvch_p(idx, out) {if (out == 1) { clearTimeout(timer_p); channel_p(idx);} else { tempo_p();}}
//channel_p(1);
//Função p/ n Aparecer erro de JS no navegador do Tiozinho
function semerro(){
return true;}
window.onerror=semerro;
</script>
<div id="tvshow">
<!-- SLIDE INICIAL-->
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSuRgxaT7PqZW8aph1Xu_fhOd5uwu_Q_DVpbdyPRp9gZLMgAqFlO5bcgPzEeY5KkB7WQFmfXXsiTB5oFd0VdKmoy6JTuGKYNgsYB8VidAXRxL4u9ZQdFhbAXE4FdchCv9Pcdqy2w9RDEYx/s1600-r/Sem+t%C3%ADtulo+1.jpg"><img height="177" width="354" src="http://elementdowns.blogspot.com/search/label/video%20aulas" title="Video Aulas" />
Video aulas
<br /><span>
Assista as video aulas e tirem todas suas duvidas
</span></a></div>
<div id="nav">
<!-- SLIDE DE NAVEGAÇÕES // escolher o slide a ser visto-->
<!-- SLIDE DE NAVEGAÇÃO 1-->
<a href="http://fehet.blogspot.com/2010/09/batalha-dos-dinossauros-parte-1.html"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBNJep389Kzyqr7A2TWWkRdkUieg6JUUKMo_iq1yFdLkaBEoAp2OkARsuBlMlY5f9hohZNO2_q7Zx0FWZE24kfB9qsfT8XTyfxWUibQNZ2npnUIt8_lDurdiqZ8AaGLGCmfh8Kd8k_p8/s1600/velociraptor8.jpg" class="transp" id="tvn1" /></a>
<!-- SLIDE DE NAVEGAÇÃO 2-->
<a href="http://fehet.blogspot.com/2010/09/hotel-assombrado.html"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src="http://ipt.olhares.com/data/big/109/1099752.jpg" class="opac" id="tvn2" /></a>
<!-- SLIDE DE NAVEGAÇÃO 3-->
<a href="http://fehet.blogspot.com/2010/10/como-alterar-o-favicon-do-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6RT4lw-z2eEqtkjZEAvPTwFXWMp3lh5pw2RawMCADV-ZV6m6gfulRZYIn8-Pv3-gwHnOP8Z_RRJ6pucbBhP-hEIWZZomU4Lw81I-VUlRfIvGC9tfNhxJk_zXkwdChQtqfBgER_-mGsU/s1600/Nova+Imagem+(9).bmp" class="transp" id="tvn3" /></a>
<!-- SLIDE DE NAVEGAÇÃO 4-->
<a href="http://fehet.blogspot.com/2010/08/ariranhalontra-gigante.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHmowDpFlOXRVp08SQVaWfbYRRzQ-N-NKp_U0zQkP6ztq6xxaSlFKRZpD51xnjWHS7wBCkLcP-diP1wGxIK36i59KkZ_nlY5YDpFynecOpnwVCs88sWtNfsCWxW96fm4gai45U_6HYgs/s1600/DSCN6816.jpg" class="transp" id="tvn4" /></a>
<!-- SLIDE DE NAVEGAÇÃO 5-->
<a href="http://fehet.blogspot.com/2010/03/egito.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" http: / /1.bp.blogspot.com /_rh-d1n948ku /s6fkf1mcszi /aaaaaaaaage /wl3wvscsvua /s1600-h /sarcofago_tutancamon.jpg"transp" id="tvn5" /></a>
</div>
<ul id="hid">
<!-- SLIDES-->
<!-- SLIDE 1-->
<li id="tv1">
<a href="http://fehet.blogspot.com/2010/09/batalha-dos-dinossauros-parte-1.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBNJep389Kzyqr7A2TWWkRdkUieg6JUUKMo_iq1yFdLkaBEoAp2OkARsuBlMlY5f9hohZNO2_q7Zx0FWZE24kfB9qsfT8XTyfxWUibQNZ2npnUIt8_lDurdiqZ8AaGLGCmfh8Kd8k_p8/s1600/velociraptor8.jpg" title="Documentários" />
Batalha dos Dinossauros
<br /><span>
Assista ao Documentário sobre os Dinossauros(Discovery Channel)
</span></a></li>
<!-- SLIDE 2-->
<li id="tv2">
<a href="http://fehet.blogspot.com/2010/09/hotel-assombrado.html"><img height="177" width="354" src="http://ipt.olhares.com/data/big/109/1099752.jpg" title="É Bom Saber" />
Hotel Assombrado
<br /><span>
Assista um Documentário Sobre um dos Hoteis mais horripilantes do Mundo
</span></a></li>
<!-- SLIDE 3-->
<li id="tv3">
<a href="http://fehet.blogspot.com/2010/10/como-alterar-o-favicon-do-blogger.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6RT4lw-z2eEqtkjZEAvPTwFXWMp3lh5pw2RawMCADV-ZV6m6gfulRZYIn8-Pv3-gwHnOP8Z_RRJ6pucbBhP-hEIWZZomU4Lw81I-VUlRfIvGC9tfNhxJk_zXkwdChQtqfBgER_-mGsU/s1600/Nova+Imagem+(9).bmp" title="Dicas Para Blog" />
Altere o Favicon
<br /><span>
Saiba como trocar o pequeno Slogan do Blogger que fica na sua Barra de Endereços
</span></a></li>
<!-- SLIDE 4-->
<li id="tv4">
<a href="http://fehet.blogspot.com/2010/08/ariranhalontra-gigante.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHmowDpFlOXRVp08SQVaWfbYRRzQ-N-NKp_U0zQkP6ztq6xxaSlFKRZpD51xnjWHS7wBCkLcP-diP1wGxIK36i59KkZ_nlY5YDpFynecOpnwVCs88sWtNfsCWxW96fm4gai45U_6HYgs/s1600/DSCN6816.jpg" title="Mundo Animal" />
Lontra Gigante
<br /><span>
Saiba mais sobre este estranho Animal
</span></a></li>
<!-- SLIDE 5-->
<li id="tv5">
<a href="http://fehet.blogspot.com/2010/03/egito.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjee06MwOMmBtl44zUK1Cjsk5fJF9iOGnaj_D-sylXu0THPzyF8FJvoglqrXJ9FOQI5fPRxILCyLMLLcsbiRl4v4Wpm383CCAHXngvQmHhKv8HBkgqr7OBRJvG90k-epdozg_QE8dG5qII/s1600-h/sarcofago_tutancamon.jpg" title="Posts Fehet" />
Tutankamon
<br /><span>
Volte ao passado e descubra mais sobre o Maior Faraó da História do Egito Antigo
</span>
</a></li>
</ul>
<script type="text/javascript">
channel(1);
</script>
</div>
____________________________________________________________________________________________
Valores e Cores que você pode editar :
Verde - É o Link para quando o leitor clicar ir para a página do seu tema.
Amarelo - Link da Foto para visualização da imagem.
Vermelho - É o texto e você pode edita-lo.
Depois de copiar este código vá até ( Design) de seu Blog depois ( Adicionar um Gadget ) e por ultimo ( HTML/JavaScript )
Depois que fizer tudo isso Cole o código dentro do campo e salve.
Lembrando que Você pode Mudar os valores destacados no Código acima, comentem!!!
Por isso decidi Postar aqui como colocar um Slide personalizado e bem legal!
Primeiro copie o codigo abaixo:
__________________________________________________________________________
<style type="text/css">
#tv a {
font-size:16px;
font-weight:bold;
}
#tv span {
color:#434343;
font-size:12px;
font-weight:normal;
}
#hid {
display:none;
left:-5000px;
position:absolute;
top:-5000px;
}
#tv #nav {
height:170px;
left:359px;
overflow:hidden;
position:absolute;
top:5px;
width:46px;
}
#tv #nav img {
cursor:pointer;
height:30px;
margin:0 0 5px;
width:46px;
}
#tv .opac {
margin-bottom:5px;
opacity:1;
}
#tv .transp {
margin-bottom:5px;
opacity:0.1;
}
#tv img {
display:block;
margin-bottom:7px;
margin-left:-10px;
border:thin solid;
}
img {
border:medium none;
}
#tv {
background:url("http://a.imageshack.us/img198/2656/tvbg.png") no-repeat scroll 0 0 transparent;
float:left;
height:255px;
overflow:hidden;
padding:0 61px 0 10px;
position:relative;
width:344px;
}
#corpoh {
text-align:left;
}
</style>
<div id="tv">
<script type='text/javascript'>
// JavaScript para tv //
var index = 1; var menu_time = 6000; var anterior = 5; var timer = setTimeout('trocaMsg()',menu_time);
function trocaMsg() { index = index%5 +1; channel(index); tempo(); }
function tempo() { clearTimeout(timer); timer = setTimeout("trocaMsg()",menu_time);}
function channel(id) { index = id; document.getElementById("tvn" + anterior).className= "transp"; document.getElementById("tvn" + id).className = "opac"; document.getElementById('tvshow').innerHTML=document.getElementById('tv' + id).innerHTML; anterior = id;}
function tvch(id, out) {if (out == 1) { clearTimeout(timer); channel(id);} else { tempo();}}
//channel(1);
// JavaScript para tv-papeis //
var index_p = 1; var menu_time_p = 2800; var anterior_p = 5; var timer_p = setTimeout('trocaMsg_p()',menu_time_p);
function trocaMsg_p() { index_p = index_p%5 +1; channel_p(index_p); tempo_p(); }
function tempo_p() { clearTimeout(timer_p); timer_p = setTimeout("trocaMsg_p()",menu_time_p);}
function channel_p(idx) { index_p = idx; document.getElementById("tvp" + anterior_p).className= "transp"; document.getElementById("tvp" + idx).className = "opac"; document.getElementById('paptv').innerHTML=document.getElementById('ptv' + idx).innerHTML; anterior_p = idx;}
function tvch_p(idx, out) {if (out == 1) { clearTimeout(timer_p); channel_p(idx);} else { tempo_p();}}
//channel_p(1);
//Função p/ n Aparecer erro de JS no navegador do Tiozinho
function semerro(){
return true;}
window.onerror=semerro;
</script>
<div id="tvshow">
<!-- SLIDE INICIAL-->
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSuRgxaT7PqZW8aph1Xu_fhOd5uwu_Q_DVpbdyPRp9gZLMgAqFlO5bcgPzEeY5KkB7WQFmfXXsiTB5oFd0VdKmoy6JTuGKYNgsYB8VidAXRxL4u9ZQdFhbAXE4FdchCv9Pcdqy2w9RDEYx/s1600-r/Sem+t%C3%ADtulo+1.jpg"><img height="177" width="354" src="http://elementdowns.blogspot.com/search/label/video%20aulas" title="Video Aulas" />
Video aulas
<br /><span>
Assista as video aulas e tirem todas suas duvidas
</span></a></div>
<div id="nav">
<!-- SLIDE DE NAVEGAÇÕES // escolher o slide a ser visto-->
<!-- SLIDE DE NAVEGAÇÃO 1-->
<a href="http://fehet.blogspot.com/2010/09/batalha-dos-dinossauros-parte-1.html"><img height="30" width="46" onmouseout="tvch(1,0)" onmouseover="tvch(1,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBNJep389Kzyqr7A2TWWkRdkUieg6JUUKMo_iq1yFdLkaBEoAp2OkARsuBlMlY5f9hohZNO2_q7Zx0FWZE24kfB9qsfT8XTyfxWUibQNZ2npnUIt8_lDurdiqZ8AaGLGCmfh8Kd8k_p8/s1600/velociraptor8.jpg" class="transp" id="tvn1" /></a>
<!-- SLIDE DE NAVEGAÇÃO 2-->
<a href="http://fehet.blogspot.com/2010/09/hotel-assombrado.html"><img height="30" width="46" onmouseout="tvch(2,0)" onmouseover="tvch(2,1)" src="http://ipt.olhares.com/data/big/109/1099752.jpg" class="opac" id="tvn2" /></a>
<!-- SLIDE DE NAVEGAÇÃO 3-->
<a href="http://fehet.blogspot.com/2010/10/como-alterar-o-favicon-do-blogger.html"><img height="30" width="46" onmouseout="tvch(3,0)" onmouseover="tvch(3,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6RT4lw-z2eEqtkjZEAvPTwFXWMp3lh5pw2RawMCADV-ZV6m6gfulRZYIn8-Pv3-gwHnOP8Z_RRJ6pucbBhP-hEIWZZomU4Lw81I-VUlRfIvGC9tfNhxJk_zXkwdChQtqfBgER_-mGsU/s1600/Nova+Imagem+(9).bmp" class="transp" id="tvn3" /></a>
<!-- SLIDE DE NAVEGAÇÃO 4-->
<a href="http://fehet.blogspot.com/2010/08/ariranhalontra-gigante.html"><img height="30" width="46" onmouseout="tvch(4,0)" onmouseover="tvch(4,1)" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHmowDpFlOXRVp08SQVaWfbYRRzQ-N-NKp_U0zQkP6ztq6xxaSlFKRZpD51xnjWHS7wBCkLcP-diP1wGxIK36i59KkZ_nlY5YDpFynecOpnwVCs88sWtNfsCWxW96fm4gai45U_6HYgs/s1600/DSCN6816.jpg" class="transp" id="tvn4" /></a>
<!-- SLIDE DE NAVEGAÇÃO 5-->
<a href="http://fehet.blogspot.com/2010/03/egito.html"><img height="30" width="46" onmouseout="tvch(5,0)" onmouseover="tvch(5,1)" http: / /1.bp.blogspot.com /_rh-d1n948ku /s6fkf1mcszi /aaaaaaaaage /wl3wvscsvua /s1600-h /sarcofago_tutancamon.jpg"transp" id="tvn5" /></a>
</div>
<ul id="hid">
<!-- SLIDES-->
<!-- SLIDE 1-->
<li id="tv1">
<a href="http://fehet.blogspot.com/2010/09/batalha-dos-dinossauros-parte-1.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjBBNJep389Kzyqr7A2TWWkRdkUieg6JUUKMo_iq1yFdLkaBEoAp2OkARsuBlMlY5f9hohZNO2_q7Zx0FWZE24kfB9qsfT8XTyfxWUibQNZ2npnUIt8_lDurdiqZ8AaGLGCmfh8Kd8k_p8/s1600/velociraptor8.jpg" title="Documentários" />
Batalha dos Dinossauros
<br /><span>
Assista ao Documentário sobre os Dinossauros(Discovery Channel)
</span></a></li>
<!-- SLIDE 2-->
<li id="tv2">
<a href="http://fehet.blogspot.com/2010/09/hotel-assombrado.html"><img height="177" width="354" src="http://ipt.olhares.com/data/big/109/1099752.jpg" title="É Bom Saber" />
Hotel Assombrado
<br /><span>
Assista um Documentário Sobre um dos Hoteis mais horripilantes do Mundo
</span></a></li>
<!-- SLIDE 3-->
<li id="tv3">
<a href="http://fehet.blogspot.com/2010/10/como-alterar-o-favicon-do-blogger.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX6RT4lw-z2eEqtkjZEAvPTwFXWMp3lh5pw2RawMCADV-ZV6m6gfulRZYIn8-Pv3-gwHnOP8Z_RRJ6pucbBhP-hEIWZZomU4Lw81I-VUlRfIvGC9tfNhxJk_zXkwdChQtqfBgER_-mGsU/s1600/Nova+Imagem+(9).bmp" title="Dicas Para Blog" />
Altere o Favicon
<br /><span>
Saiba como trocar o pequeno Slogan do Blogger que fica na sua Barra de Endereços
</span></a></li>
<!-- SLIDE 4-->
<li id="tv4">
<a href="http://fehet.blogspot.com/2010/08/ariranhalontra-gigante.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhRHmowDpFlOXRVp08SQVaWfbYRRzQ-N-NKp_U0zQkP6ztq6xxaSlFKRZpD51xnjWHS7wBCkLcP-diP1wGxIK36i59KkZ_nlY5YDpFynecOpnwVCs88sWtNfsCWxW96fm4gai45U_6HYgs/s1600/DSCN6816.jpg" title="Mundo Animal" />
Lontra Gigante
<br /><span>
Saiba mais sobre este estranho Animal
</span></a></li>
<!-- SLIDE 5-->
<li id="tv5">
<a href="http://fehet.blogspot.com/2010/03/egito.html"><img height="177" width="354" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjee06MwOMmBtl44zUK1Cjsk5fJF9iOGnaj_D-sylXu0THPzyF8FJvoglqrXJ9FOQI5fPRxILCyLMLLcsbiRl4v4Wpm383CCAHXngvQmHhKv8HBkgqr7OBRJvG90k-epdozg_QE8dG5qII/s1600-h/sarcofago_tutancamon.jpg" title="Posts Fehet" />
Tutankamon
<br /><span>
Volte ao passado e descubra mais sobre o Maior Faraó da História do Egito Antigo
</span>
</a></li>
</ul>
<script type="text/javascript">
channel(1);
</script>
</div>
____________________________________________________________________________________________
Valores e Cores que você pode editar :
Verde - É o Link para quando o leitor clicar ir para a página do seu tema.
Amarelo - Link da Foto para visualização da imagem.
Vermelho - É o texto e você pode edita-lo.
Depois de copiar este código vá até ( Design) de seu Blog depois ( Adicionar um Gadget ) e por ultimo ( HTML/JavaScript )
Depois que fizer tudo isso Cole o código dentro do campo e salve.
Lembrando que Você pode Mudar os valores destacados no Código acima, comentem!!!
