Tutorial: Como colocar SMC Music Player

Esse Tutorial é como fazer um SCM Music Player no blog....

• Entre nesse Link 
• Entre no HTML

• Diretamente no Link você vai entrar na página inicial de um site, a pagina vai mostrar uma série de SCM de cores diferentes

• Escolha a cor que você quiser e aperte em Next

•  Vai apareçer a página abaixo com uma série de links.
• Va no You Tube ou em outro site com musicas e entre em alguns vídeo que você quer....Pegue o Link do vídeos e cole no Song URL e ponha o Título no Song Title, e assim faça até acabar, se tiver mais musicas clique em Add More Songs e você poderá adionar mais musicas...

 

• Depois de preencher os espaços clique em Next e entrará uma pagina...

Nessa página você vai encontrar alguma perguntas:

Autostart:Se quer ligar diretamente, você entra no blog e a música também

Shuffle Playback: Reprodução aleátoria
 
Default volume: Volume

•  Clique em Done e aparecerá um código

• Pegue esse código e cole no HTML

Tutorial: Como fazer efeito Arco íris nos Links do blog

Esse é um efeito que acabei de colocar no blog...em todos os links se passar o Mouse por cima o link fica brilhando em diversas cores, é um efeito que eu gosto muito! E também é muito simples.

Entre no HTML e colo esse código:

 <script src='http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/rainbowlinks.js'/>

E pronto o efeito esta colocado, não precisa alterar absolutamente nada...

Tutorial: Como colocar imagem seguindo o cursor do blog

Essse tutorial é bem fácil, não precisa de código...Para conseguir esses curssores é preciso entrar em um Site especializado que quando você clica no curssor que quer e apareçe um código,eu uso um curssor da Stella, que eu achei procurando...Mas achei vários cursores das Winx (ou mais ou menos)

Vou mostrar alguns curssores e seus códigos...

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too869.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-bloom.html" target="_blank" title="Winx Club -  Bloom"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Bloom" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too868.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-layla.html" target="_blank" title="Winx Club -  Layla"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Layla" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too872.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-stella.html" target="_blank" title="Winx Club -  Stella"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Stella" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too870.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-musa.html" target="_blank" title="Winx Club -  Musa"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Musa" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too871.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-flora.html" target="_blank" title="Winx Club -  Flora"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Flora" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too867.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-tecna.html" target="_blank" title="Winx Club -  Tecna"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Tecna" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too860.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-lockette.html" target="_blank" title="Winx Club -  Pixie Lockette"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Lockette" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too861.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-ammore.html" target="_blank" title="Winx Club -  Pixie Ammore"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Ammore" style="position:absolute; top: 0px; right: 0px;" /></a>

 <style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too862.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-tune.html" target="_blank" title="Winx Club -  Pixie Tune"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Tune" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too863.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-digit.html" target="_blank" title="Winx Club -  Pixie Digit"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Digit" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too864.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-chatta.html" target="_blank" title="Winx Club -  Pixie Chatta"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Chatta" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too866.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-rabbit-kiko.html" target="_blank" title="Winx Club -  Rabbit Kiko"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Rabbit Kiko" style="position:absolute; top: 0px; right: 0px;" /></a>

<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/toons/too-9/too865.cur), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2009/07/17/winx-pixie-piff.html" target="_blank" title="Winx Club -  Pixie Piff"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Winx Club -  Pixie Piff" style="position:absolute; top: 0px; right: 0px;" /></a>


<div align="center" style="z-index:9;visibility:visible;"><a href="http://www.totallyfreecursors.com/" target="_blank" class="tfc"><img src="http://downloads.totallyfreecursors.com/public/CursorsLogo88-31.gif" border="0" width="88" height="31" alt="Free I Love Aisha Cursors at www.totallyfreecursors.com" /></a></div><style>HTML,BODY{cursor: url("http://downloads.totallyfreecursors.com/cursor_files/aisha.ani"), url("http://downloads.totallyfreecursors.com/thumbnails/aisha.gif"), auto;}</style>

 Se você tiver Estrelinhas no cursor  não ´precisa alterar nada, as estrelinhas continuam caindo normalmente. 

Tutorial: Como fazer estrelas caindo do curssor no blog

Oi pessoal! Como eu tinha prometido vou fazer alguns Tutoriais para o Blog, vou começar com um efeito que eu gosto bastante...As estrelas caindo do ponteiro do Mouse, esse tutorial é bem facil.

1. Entre em adiocinar um Gadjet em seu blog, entre em HTML
2. Coloque esse código:

 <script type='text/javascript'>
// <![CDATA[
var colour="#FFD700";
var sparkles=50;
var x=ox=400;
var y=oy=300;
var swide=800;
var shigh=600;
var sleft=sdown=0;
var tiny=new Array();
var star=new Array();
var starv=new Array();
var starx=new Array();
var stary=new Array();
var tinyx=new Array();
var tinyy=new Array();
var tinyv=new Array();
window.onload=function() { if (document.getElementById) {
var i, rats, rlef, rdow;
for (var i=0; i<sparkles; i++) {
var rats=createDiv(3, 3);
rats.style.visibility="hidden";
document.body.appendChild(tiny[i]=rats);
starv[i]=0;
tinyv[i]=0;
var rats=createDiv(5, 5);
rats.style.backgroundColor="transparent";
rats.style.visibility="hidden";
var rlef=createDiv(1, 5);
var rdow=createDiv(5, 1);
rats.appendChild(rlef);
rats.appendChild(rdow);
rlef.style.top="2px";
rlef.style.left="0px";
rdow.style.top="0px";
rdow.style.left="2px";
document.body.appendChild(star[i]=rats);
}
set_width();
sparkle();
}}
function sparkle() {
var c;
if (x!=ox || y!=oy) {
ox=x;
oy=y;
for (c=0; c<sparkles; c++) if (!starv[c]) {
star[c].style.left=(starx[c]=x)+"px";
star[c].style.top=(stary[c]=y)+"px";
star[c].style.clip="rect(0px, 5px, 5px, 0px)";
star[c].style.visibility="visible";
starv[c]=50;
break;
}
}
for (c=0; c<sparkles; c++) {
if (starv[c]) update_star(c);
if (tinyv[c]) update_tiny(c);
}
setTimeout("sparkle()", 40);
}
function update_star(i) {
if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";
if (starv[i]) {
stary[i]+=1+Math.random()*3;
if (stary[i]<shigh+sdown) {
star[i].style.top=stary[i]+"px";
starx[i]+=(i%5-2)/5;
star[i].style.left=starx[i]+"px";
}
else {
star[i].style.visibility="hidden";
starv[i]=0;
return;
}
}
else {
tinyv[i]=50;
tiny[i].style.top=(tinyy[i]=stary[i])+"px";
tiny[i].style.left=(tinyx[i]=starx[i])+"px";
tiny[i].style.width="2px";
tiny[i].style.height="2px";
star[i].style.visibility="hidden";
tiny[i].style.visibility="visible"
}
}
function update_tiny(i) {
if (--tinyv[i]==25) {
tiny[i].style.width="1px";
tiny[i].style.height="1px";
}
if (tinyv[i]) {
tinyy[i]+=1+Math.random()*3;
if (tinyy[i]<shigh+sdown) {
tiny[i].style.top=tinyy[i]+"px";
tinyx[i]+=(i%5-2)/5;
tiny[i].style.left=tinyx[i]+"px";
}
else {
tiny[i].style.visibility="hidden";
tinyv[i]=0;
return;
}
}
else tiny[i].style.visibility="hidden";
}
document.onmousemove=mouse;
function mouse(e) {
set_scroll();
y=(e)?e.pageY:event.y+sdown;
x=(e)?e.pageX:event.x+sleft;
}
function set_scroll() {
if (typeof(self.pageYOffset)=="number") {
sdown=self.pageYOffset;
sleft=self.pageXOffset;
}
else if (document.body.scrollTop || document.body.scrollLeft) {
sdown=document.body.scrollTop;
sleft=document.body.scrollLeft;
}
else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {
sleft=document.documentElement.scrollLeft;
sdown=document.documentElement.scrollTop;
}
else {
sdown=0;
sleft=0;
}
}
window.onresize=set_width;
function set_width() {
if (typeof(self.innerWidth)=="number") {
swide=self.innerWidth;
shigh=self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientWidth) {
swide=document.documentElement.clientWidth;
shigh=document.documentElement.clientHeight;
}
else if (document.body.clientWidth) {
swide=document.body.clientWidth;
shigh=document.body.clientHeight;
}
}
function createDiv(height, width) {
var div=document.createElement("div");
div.style.position="absolute";
div.style.height=height+"px";
div.style.width=width+"px";
div.style.overflow="hidden";
div.style.backgroundColor=colour;
return (div);
}
// ]]>
</script>

As estrelinhas ja vão entrar em cor amarela mas você pode mudar as cores em  var colour="#FFD700";

E para a quantidade de estrelinhas va em sparkles=50, eu por exemplo uso 900, mas se pode colocar qualquer um.

Melhoras no Blog

Oi! Só vou avisar que vou mudar o tamanho dos vídeos, eles sempre tem tela pequena mas finalmente consegui ajustar isso, além do mais vou adcionar o Segredo do Reino Perdido inteiro (tinha dado errado antes) e também com um tamanho maior (mais ou menos 350x500)

Além disso também vou adcionar alguns shows em especiais e algumas musicas além de tutoriais...

Estréia 5ª temporada de Winx Club em Outubro no Brasil

A 5ª temporada de Winx Club está confirmada para Outubro no Brasil, eu mesma vi a propaganda...

Segundo a Nicklodeon as Winx estão com estréa confirmada para Outubro segundo o canal. 

A Nicklodeons ja divulgou a estréa no canal no dia 8 de Setembro mais ou menos as 00:12 (Eu acho, não olhei a ora quando vi o comercial)

Winx Club Gifs Tecna Believix

Achei os Gifs !Muito! legais!As asas da Tecna batendo são íncriveis...

Créditos: Flora in Bloom

Winx Club Wallpapers Bloom e Flora Gold e Silver

Os Wallpaers ficaram muito legais, eu ainda não tinha visto a Flora verssão Silver, gostei das asas com duas cores