Tutorial - Páginas em forma de imagem

Heeey!!!
Genteeee to feliz recuperei a nota tirei 10 huhull! Adiós castigo é pra commorar née?! Bom agora deixando a minha loucura um pouco de lado, vamos falar da minha maluquice: minha BFF Mih veio aqui em casa e já viu né? Proxima parada, festa do pijama hey Juja (Juuh ou Julia :) tá convidada heein?
Ta beleza, bora agora pro tutorial.
Sabe as páginas aqui do blog que ao invés de palavras são imagens? Então é fácil fazer ! Bom, aconselho antes criarem um blog de nada, só para testes como eu  tenho. Ok. Vou postar uma das imagens que utilizo aqui pro blog. Vocês podem usa-la, e modifica-la ou apenas pegue o tamanho dela e crie a sua ! =D

E então depois de fazer suas imagens com o nome de cada página, vão no blog de testes e postem essas imagens. Feito isso vá em design -> adicionar gadget -> Texto.
Então feito isto, copie as imagens e vá as colando no gadget. Feito isto selecione a imagem e clique em adicionar link, depois você coloca o link para onde a imagem vai se redirecionar :)
Fineshed! Se não intenderam perguntem aii!

Tutorial - Setinha de subir a página

Heeey,
Ouutro tutorial *-* vocês já cansaram de tutorial née! Mas assim, eu fiquei muuito tempo sem postar tutoriais por isso estou recompensando vocês! E resolvi postar bastante tutoriais! E também para ajudar as blogueiras novatas! Vamos lá:

Vá em design -> elementos da página -> adicionar gadgets -> HTML / Javascript
E cole o seguinte código:

<div style="position:fixed; bottom:0px; right:0px;">

<a href="Link do seu blog"><img src="URL da setinha" /></a></div>

Personalização:

Oque estiver de rosa é pra apagar e colocar o link do seu blog.

O que estiver de roxo é pra apagar e colocar a URL da setinha.

E deu! Vocês podem usar algumas que eu fiz:

Té depois genteeh beijokaas

Tutorial - Letras com cores diferentes no blog.

Heey,
Acho que somos os primeiros a fazer este tutorial huhuul! Se usar dê créditos.Como eu descobri : eu estava caçando em tudo que é blog de tutoriais mas não achava este tutorial até que resolvi descobrir sozinha e cliquei no ícone de cores das letras do blogger que tem muito poucas cores e nem tem rosa! E quando fiz isso percebi que tinha um código e POW mudei uma letra do código e a letra ficou de outra cor HAHAHA! Calma você já vai intender.

Assiste o video ai!

Tabela de cores: http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm



Dae, video exclusivo ! Pras blogueiras estilosas fica a dica :)

Tutorial - Retirar "Assinar postagens atom"

Heey foto fofa essa née ^ AHGAHEWEHAHE' outro tutorial ah gente to feliz vou até colocar um player de música aqui pra quem quiser ouvir,


Vamos ao tutorial.
Vá em design -> editar HTML -> CTRL + F
procure por:
.feed-links { 


Logo abaixo dessa tag cole este código:
display: none;


SAAAM EU NÃO ACHEI O PRIMEIRO CÓDIGOOO! Se não encontrou o primeiro code procure este code:
 ]]></b:skin>


Se você pesquisou por feed links, encontrou e colou o código pra você o tutorial acabou.
Agora se você procurou por Skin acima dessa tag cole o código:

.feed-links { 

 display: none; 

BJUUU!

Tutorial - Menu horizontal colorido + avisos

Heey!

Gente, eu já vou avisando mesmo o que vai ser só mês que vem. Bom eu to programando postagens pra mês que vem e o começo de janeiro. Mas por que, bom, mês que vem mais precisamente dia 17 vou viajar pra casa da minha família. e como vou estar de viajem talvez nem olhe o blog. Voltarei lá pra dia 10 de Janeiro, ée sem postagens até lá. Mas por sorte estou programando postagens automáticas pra esses dias (huhu)! Então, me desejem boa viagem mês que vem heiin! Bom, vamos ao tutorial (credo como eu to séria '-').

Ah esqueci de uma coisa. Vou começar a postar um pouco mais sobre moda,música,comportamento e MUUUITOS tutoriais. Não vou ficar mais postando pra dizer oque eu to fazendo é muito chato. E é por isso que existe twitter! Nossa que texto que eu escrevi meuu deus :l bom, vou mandar uns 3 ou 4 tutoriais de uma vez só ! Uma post atrás da outra se ligue!

Vão em design -> Adicionar Gadget -> HTML/Javascrip. E adicione o código abaixo:

<div style="text-align: center;"><span style='-moz-border-radius: 7px; background-color:#f781f3; padding: 5px 15px 5px 15px;'><a href="LINK 1 ">categoria 1</a></span> <span style='-moz-border-radius: 7px; background-color:#58acfa; padding:  5px 15px 5px15px;'><a href="LINK 2">categoria 2</a></span> <span style='-moz-border-radius: 7px; background-color:#81f79f; padding: 5px 15px5px 15px;'><a href=" LINK 3 ">categoria 3</a></span> <span style='-moz-border-radius: 7px; background-color:#f78181; padding:5px 15px 5px 15px;'><a href=" LINK 4 ">categoria 4</a></span> <span style='-moz-border-radius: 7px; background-color:#f2f5a9; padding: 5px 15px 5px 15px;'><a href="LINK 5">categoria 5</a></span><br /><br /></div>

Agora vamos a personalização:
moz-border-radius: 7px - é o efeito que vai arredondar o seu menu, se mudar o número o efeito diminui ou aumenta.Mude apenas o 7.
5px 15px 5px 15px - é o tamanho das categorias do seu menu.
#f781f3 - é a cor de cada categoria visite essa tabela que tem muitas cores, copie apenas o código.
Categoria - é o nome e o número de cada categoria do seu menu. Altere assim por exemplo: Categoria 3 -> Home.
LINK - é o link que cada categoria irá redirecionar a pessoa.


Ex.:. 

BJUUU!

Tutorial - Estrelinhas caindo do mouse

Heey,
Vim com mais um post (adivinha sobre oque), se você pensou TUTORIAL! Acertou (avá),
Vá em design > html > Aperte CTRL + F e procure por </body>
E ANTES dessa tag cole este código:
3<script type='text/javascript'>
// <![CDATA[
var colour="#000000";
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>

PERSONALIZAÇÃO 
Onde está de vermelho, lá no começo do código, está #0000 troque por uma cor HTML clique aqui para ver uma tabela cheia de cores HTML:
http://www.mxstudio.com.br/Conteudos/Dreamweaver/Cores.htm


É isso bye :3

FAZENDO UM CABEÇALHO LEGAL - TUTORIAL

E ai meninas(os), bora pra mais um tuto ? Vamo lá! Bom, gente vou fazer em video por que fala sério é muito chato ficar lendo tudo aquilo né! Então, vocês vão acompanhar de perto o (sufoco) geitinho de fazer cabeçalhos legais e fashion's e vamo logo pro tuto que eu já to escrevendo demais :P .

Programas necessários: Photofiltre clique aqui para baixar.
Sites recomendados para imagens legais: http://weheartit.com/