Midis em menu suspenso

Para ter um menu como este é bem facinho, mas é preciso ter atenção e paciência.

Clique AQUI para ver alguns sites de midi

Vá até "Elementos de página" em seu Blogger, clique em "adicionar um novo elemento de página" e clique em "HTML/Javascript".
Cole então o código abaixo colocando o endereço da midi no local indicado, o nome da música e o autor/cantor da música.

<script language="JavaScript">
<!-- Begin
songNum = new Array();
songNum[0] = "#";
songNum[1] = "AQUI O ENDEREÇO DE SUA MID 1";
songNum[2] = "AQUI O ENDEREÇO DE SUA MID 2";
songNum[3] = "AQUI O ENDEREÇO DE SUA MID 3";
songNum[4] = "AQUI O ENDEREÇO DE SUA MID 4";
songNum[5] = "AQUI O ENDEREÇO DE SUA MID 5";
songNum[6] = "AQUI O ENDEREÇO DE SUA MID 6";
songNum[7] = "AQUI O ENDEREÇO DE SUA MID 7";
songNum[8] = "AQUI O ENDEREÇO DE SUA MID 8";
songNum[9] = "AQUI O ENDEREÇO DE SUA MID 9";
songNum[10] = "AQUI O ENDEREÇO DE SUA MID 10";
var music = null;
var track = 0;
var ver = navigator.appName;
function audioCheck(plugName) {
for (var i = 0; i < navigator.plugins.length; i++) {
if (navigator.plugins[i].name.toLowerCase() == plugName.toLowerCase()) {
for (var j = 0; j < navigator.plugins[i].length; j++) {
if (navigator.plugins[i][j].enabledPlugin) {
return true;
}
}
return false;
}
}
return false;
}
function chooseSong(s) { // ie
track = s.options[s.selectedIndex].value;
if (ver == "Microsoft Internet Explorer") {
document.all.music.src = songNum[track];
} else {
songPlay('play');
}
}
function songPlay(cmd) { // netscape
if (audioCheck("LiveAudio")) {
if (cmd == 'play') {
document.musicSource.play(false, songNum[track]);
}
} else {
alert("You Do Not Have The Correct Plugin");
}
}
// End -->
</script>
<!-- STEP TWO: Copy this code into the BODY of your HTML document -->
<center>
<form name="choose">
<select onchange="chooseSong(this);" name="track" size="1">
<option value="0"/>Escolha sua Música
<option value="1"/>NOME DA MID 1/AUTOR
<option value="2"/>NOME DA MID 2/AUTOR
<option value="3"/>NOME DA MID 3/AUTOR
<option value="4"/>NOME DA MID 4/AUTOR
<option value="5"/>NOME DA MID 5/AUTOR
<option value="6"/>NOME DA MID 6/AUTOR
<option value="7"/>NOME DA MID 7/AUTOR
<option value="8"/>NOME DA MID 8/AUTOR
<option value="9"/>NOME DA MID 9/AUTOR
<option value="10"/>NOME DA MID 10/AUTOR

</select>
<input onmousedown="chooseSong(document.choose.track)" value="Repetir" type="button"/>
</form>
<script language="JavaScript">
<!-- Begin
var ver = navigator.appName;
if (ver == "Microsoft Internet Explorer") {
document.write('<bgsound src="#" ID=music loop=1 AUTOSTART=true>');
} else {
document.write('<embed type="audio/midi" src="aeroplane.mid" AUTOSTART=false hidden=true VOLUME="90" name="musicSource" MASTERSOUND></EMBED>');
}
// End -->
</script></center>

Créditos: Código Fonte

Data atualizada no Blogger

Para colocar a data atualizada automaticamente em seu Blogger, copie o código abaixo, vá até "Elementos de página", Clique em "Adicionar um novo elemento de página" e depois clique em "HTML/Javascript". Cole então o código e salve.

<script Language="JavaScript">
<!--
mydate = new Date();
myday = mydate.getDay();
mymonth = mydate.getMonth();
myweekday= mydate.getDate();
weekday= myweekday;

if(myday == 0)
day = " Domingo, "

else if(myday == 1)
day = " Segunda - Feira, "

else if(myday == 2)
day = " Terça - Feira, "

else if(myday == 3)
day = " Quarta - Feira, "

else if(myday == 4)
day = " Quinta - Feira, "

else if(myday == 5)
day = " Sexta - Feira, "

else if(myday == 6)
day = " Sábado, "

if(mymonth == 0)
month = "Janeiro "

else if(mymonth ==1)
month = "Fevereiro "

else if(mymonth ==2)
month = "Março "

else if(mymonth ==3)
month = "Abril "

else if(mymonth ==4)
month = "Maio "

else if(mymonth ==5)
month = "Junho "

else if(mymonth ==6)
month = "Julho "

else if(mymonth ==7)
month = "Agosto "

else if(mymonth ==8)
month = "Setembro "

else if(mymonth ==9)
month = "Outubro "

else if(mymonth ==10)
month = "Novembro "

else if(mymonth ==11)
month = "Dezembro "

document.write("<font face=arial, size=3>"+ day);
document.write(myweekday+" de "+month+ "</font>");
// -->
</script>

Créditos: Gabriel Manzano

Últimos comentários em seu blog

Para ter em seu blog um widget com os últimos comentários com o nome do comentarista, um pequeno resumo e a opção de ler mais, como o que tenho aqui, no footer do meu blog é ultra, mega fácil. Basta copiar o código e colar no HTML/Javascript em seu Blogger.

<script style="text/javascript" src="http://andrewhonors.googlepages.com/showrecentcomments2_sp.js"></script><script style="text/javascript">var numcomments = 6;var showcommentdate = true;var showposttitle = true;var numchars = 30;var standardstyling = true;</script><script src="AQUI O ENDEREÇO DE SEU BLOG/feeds/comments/default?alt=json-in-script&callback=showrecentcomments"></script>

Créditos: Hackosphere

Efeito Marquee para os lados

ATeca do blog Devaneios e Desatinos perguntou-me como fazer com que o conteúdo dentro do efeito marquee corram para o lado uma ao lado da outra. É fácil fofis.

Veja AQUI o exemplo.

Copie o código e cole em HTML/Javascript.
Onde está em verde é onde você regulará o tamanho da caixinha. Em vermelho é o bendito código que fará com que o conteúdo role lado a lado, portanto, coloque-os sempre entre um elemento e outro.

O código em azul é o sentido em que os elementos da caixinha correrão.


Left----esquerda
Right---direita

<marquee direction="left" onmouseover="this.stop()" width="150" scrollamount="3" onmouseout="this.start()" height="150"><center>
<br/>
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
&nbsp;&nbsp;
COLOQUE AQUI O QUE VC QUER QUE ROLE
</center></marquee>

*ATENÇÃO: Se antes dos elementos que você quer colocar dentro do cpodigo tiver os códigos:

<center> <left> <right>

Tire-os, ou não dará certo.

Imagem principal (header) aleatória

Para que sua imagem principal mude sempre a cada vez que seu visitante entra no blog é algo um pouquinho trabalhoso, mas relativamente simples.
Veja AQUI o resultado, claro que ao entrar você terá que clicar na tecla F5 do seu teclado para que a imagem modifique.



Leia tudo

A primeira coisa a fazer é salvar um desses dois quadradinhos em seu PC. Se o fundo de seu Blogger for branco, salve o quadradinho branco, se for preto, o preto, se for de outra cor, bom, faça um quadradinho então no paint do seu pc na cor de seu blog.
*Atenção onde o salvará, precisaremos dele em instantes.





















Agora vá até "Elementos de página" em seu Blogger e abra o cabeçalho (onde está o título de seu blog)










Clique em procurar para encontrar o quadradinho que vc salvou a pouco.
Deixe selecionado "Em vez de título e descrição"








Aí está o quadradinho.
Agora salve.







Agora clique em "Adicionar um novo elemento de página"
ao abrir a janela clique em "HTML/Javascript"
Adicione aí o código abaixo. Coloque o endereço de suas imagens e salve.





<script language="javascript" type="text/javascript">
function randRange(lowVal,highVal) {
return Math.floor(Math.random()*(highVal-lowVal+1))+lowVal;
}
</script>
<script language="javascript" type="text/javascript">
var randHdr = randRange(1,4);
if (randHdr == 1) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 2) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 3) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
} else if (randHdr == 4) {
document.write('<img src="AQUI O ENDEREÇO DE SUA IMAGEM">')
}
</script>






Agora arraste o widget do cabeãlho para baixo e coloque o widget com suas imagens para cima modo que ele fique acima dos outros widgets.

Botão sobe/desce seu blog

Para ter dois botões em seu blog, um que faz a página descer e outro que faz a página subir é facil

Veja o exemplo AQUI

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Copie este primeiro código vá até o HTML do seu blog e cole abaixo de: <head>

<script language="JavaScript">
<!--
function SymError()
{
return true;
}
window.onerror = SymError;
var SymRealWinOpen = window.open;
function SymWinOpen(url, name, attributes)
{
return (new Object());
} window.open = SymWinOpen;
//-->
</script>
<SCRIPT Language="JavaScript">
<!--
function scrolldown(){
for (I=1; I<=500; I++){
parent.scroll(1,I)
}
}
function scrollup(){
for (I=500; I>=1; I--){
parent.scroll(500,I)
}
}
//-->

Agora copie o segundo código vá até "Elementos de página", clique em "Adicionar um novo elemento de página", agora em HTML/Javasript e cole o código abaixo.







* Este seu widget deverá ficar posicionado na parte superior em seu blog pois é o botão para descer a página

<center><input type=button value="Sobe Pagina" onClick="scrollup()"></center>

Agora mais uma vez adicione um elemento de página, mas dessa vez o widget deverá ser arrastado para que fique na parte inferior de seu blog, pois é o botão para subir o blog.

<center><input type=button value="Desce Pagina" onClick="scrolldown()"></center>

Treme seu blog

Não me pergunte qual a finalidade desse script, rsrsrrs

Ele faz com que seu blog trema quando o visitante entra em seu blog.

Clique AQUI e veja o exemplo.

Copie o código e coloque no HTML/Javasript em seu blog

<script language="JavaScript1.2">
function tremer(n) {
if (self.moveBy) {
for (i = 10; i > 0; i--) {
for (j = n; j > 0; j--) {
self.moveBy(0,i);
self.moveBy(i,0);
self.moveBy(0,-i);
self.moveBy(-i,0);
}}}}
tremer(5)
</script>

Título dos posts expandiveis

Algumas pessoas tem me perguntado como fazer para colocar o título dos posts expandíveis como AQUI neste exemplo. Bom, então aí vai a dica.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Vá até o HTML do seu blog e clique em "Expandir modelos de widget". Procure agora pela tag (código)

</head>

Acima desta tag, cole o código abaixo.


Código 1

<script type='text/javascript' src='http://www.anniyalogam.com/widgets/hackosphere.js' />

Agora procure pelo código abaixo

<b:includable id='main' var='top'>


Veja que você terá que copiar os códigos em vermelho e coloca-los em seu código como está abaixo.

"As partes na cor preta são os códigos que existem em seu blog e as partes em vermelho são os códigos que você deverá copiar e introduzir em seu blog. "


Código 2

<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>
<b:includable id='PeekABooPost' var='post'>
<div class='post uncustomized-post-template'>
<table><tr>
<td width='40px'>
<a href='javascript:void(0)' title='Expand/collapse this post' style='text-decoration:none' expr:onclick='"javascript:toggleIt(\"" + data:post.id + "\");"'>[+/-]</a>
</td>
<td>
<h3 class='post-title'><a expr:href='data:post.url'><data:post.title/></a></h3>
</td>
</tr></table>
<div class='post-body' expr:id='data:post.id' style='display:none'>
<p><data:post.body/></p>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</div>
</b:includable>


<b:includable id='main' var='top'>
<!-- posts -->
<div id='blog-posts'>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.dateHeader'>
<h2 class='date-header'><data:post.dateHeader/></h2>
</b:if>

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType != "item"'>
<b:include data='post' name='PeekABooPost'/>
<b:else/>
<b:include data='post' name='post'/>
</b:if>
<b:else/>

<b:include data='post' name='post'/>

</b:if>

<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.allowComments'>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
</b:loop>
</div>

Atenção, pode ser que em seu blog não dê certo mas é fácil resolver, basta que a primeira parte do código 2 (veja abaixo) seja toda copiada e depois deletada do código e depois colocada junto a primeira parte do código abaixo de </head>

<script type='text/javascript'>
function toggleIt(id) {
post = document.getElementById(id);
if (post.style.display != 'none') {
post.style.display = 'none';
} else {
post.style.display = '';
}
}
</script>

Tradutor Google no blog

Vi esse tradutor no blog da Dete, o

'Dia a Dia com você. Aí está o código, copie e coloque em HTML/Javascript

<center><script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=pt&w=160&h=60&title=&border=&output=js"></script></center>

Imprimir página entre os posts

Essa tuto fiz especialmente para a Mimo, do blog Receitas da Tia Dete.

Para ela é de fato necessário visto que ela tem dois excelentes blogs, um sobre receitas e outro sobre dietas.

Não se esqueça de antes de começar salvar uma cópia de seu template, caso não dê certo, é só reinstalá-lo.

Mimo, teste e veja se está tudo certo. (Minha impressora está sem tinta, rsrsrsrs)

Veja o exemplo AQUI.

Copie o código abaixo

<input type="button" value="Imprimir página" onclick="javascript:print()"></input>

Agora vá até o HTML do seu blog, clique em Expandir.

Procure pelo código :

<div class='post-footer'>

Cole abaixo o código que você copiou e salve. Prontinho !






Aparecerá um botão assim entre seus posts

Mudar imagem de fundo do Blogger a cada atualização

Quer ter sempre um blog diferente ? Seus problemas acabaram, agora com este código é possível ter até 10 tipos de fundos a cada atualização que seu visitante fizer em seu blog. Clique AQUI e veja o resultado.