Tuto Completo para o Themer

Tutorial: Como editar themes, significado dos cdigos de HTML e personalizao bsicos.
Por ~Luana Aviso: No se inspire e nem copie o tutorial, se aprendeu algo com ele credite. Ele foi feito para ajudar as pessoas. No reblogue, por favor.
Nesse tutorial vou ensinar a fazer themes usando uma base, porm com duas diferenas. 1- Eu no vou te dar o cdigo inteiro, vou explicar passo a passo e voc ter que ir copiando cdigo por cdigo. 2- A base est totalmente em branco, o que importa nesse tutorial voc entender como funciona um theme. Para montar a base voc ter que ir lendo o tutorial e copiando os cdigos.
A base usada para esse tutorial tem essa configurao: clique para ver.
Porque no ensinar do zero? Olha, pra fazer themes do zero, voc precisa de ter um editor de HTML, sim d trabalho e exige um conhecimento que as vezes voc no tem e nem tem tempo de aprender. Outra coisa, ningum faz theme do zero no Customize ou bloco de notas, ento se algum te disser isso, pode ter 100% de certeza, essa pessoa usa base. Agora que eu j disse tudo que estava engasgado, vou comear a ensinar.
1- Pra comear voc precisa ter uma tabela de cores em HTML, clique aqui para ver a tabela e deixe ela aberta em outra aba. 2- Agora, abra o Customize completamente em branco. 3- O primeiro cdigo do seu theme, ser esse, copie e cole o cdigo abaixo no seu customize:
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html
xmlns=http://www.w3.org/1999/xhtml><meta http-equiv=Content-Type content=text/html; charset=utf-8 />
Algumas pessoas acreditam que esse cdigo faz seu theme funcionar melhor em todos os navegadores. Agora eu vou fazer assim, ao lado do cdigo haver uma explicao do que ele significa, pode deixar isso no theme, pois no aparecer no seu tumblr, s no HTML. Copie e cole o cdigo abaixo no seu HTML:
<head> <! Incio do crebro do seu HTML, onde ficaro os cdigos de personalizao, voc vai entender isso depois -> <title>{title}</title> <!- Cdigo que faz o ttulo do seu tumblr aparecer na barra do navegador >
4- Agora voc coloca o cdigo do falso-iframe, aconselho a no mexer nele, pois pode dar erro:
<! FALSO IFRAME -> <script type=text/javascript> function changeNavigation(id) {document.getElementById(conteudo).innerHTML=document.getElementBy Id(id).innerHTML}</script><!- FIM >
5- O prximo cdigo o cdigo do seu Cufon, se no quiser basta ignorar e pular para o prximo passo. Para escolher uma fonte para o seu cufon v neste site > escolha a fonte e clique em quick use > e copie o cdigo de onde est escrito 3. add this code to your website, e cole no seu customize, ser algo parecido com isso:
<link href=http://fonts.googleapis.com/css?family=Short+Stack rel=stylesheet type=text/css>
Guarde na memria o nome da fonte que voc escolheu, pois voc ir usar depois.
6- Agora voc far o CSS do theme, que basicamente as cores, bordas da imagens, fundos e outras coisas. Se voc optou por no usar cufon, pergunte na ask como editar as partes que mencionam isso.
Algumas coisas que voc precisa saber antes de ver o cdigo abaixo: Font Size = tamanho da letra dos textos Font-family = fonte que voc ir usar, na maioria dos casos sero: Verdana, Tahoma, Lucinda Console, Arial, Sans Serif Border = Borda, normalmente voc v 3 tipos de bordas diferentes: 1- dotted = pontilhada 2- dashed = seccionada, ou isso aqui - 3- solid = borda comum. text shadow = sombra do texto, se no quiser, coloque 0 em onde est 1. with = largura height = altura
Onde est escrito cor de () voc ir substituir pela cor que voc escolher na tabela de cores, exemplo: #FFFFFF o cdigo da cor branco. Se quiser que o fundo seja transparente apague o seguinte cdigo background-
color=#COR. Cdigo do CSS:
<style>
body,td,p {
FONT-SIZE: 11px; COLOR: #CDIGO-DA-COR-DOS-TEXTOS-DOTHEME;
TEXT-DECORATION: none; font-family: NOME-DA-FONTE-EXEMPLOS ALI EM CIMA}
b, strong {color: #COR-DO-TEXTO-EM-NEGRITO; text-decoration: none;}
u, span.sublinha {text-decoration: none; border-bottom: 1px solid #COR-DOTEXTO-SUBLINHADO;}
i {color: #COR-DO-TEXTO-EM-ITALICO; italic }
.h1 {color: #COR-DO-TTULO-DOS-SEUS-POSTS; font-family:AQUI-VOC COLOCA O NOME DA FONTE DO CUFON; font-size:25px; line-height:25px; font-weight:normal; margin:0px; padding:0px; margin-bottom:-0px; textalign:left; letter-spacing: 1px;}
.h3 {color:#COR-DO-TTULO2; text-shadow: 0 1px 1px #FFF; margin:-1px 2px 6px 3px; font: 18pt; }
.h5 {background: #COR-DO-FUNDO-DO-ESPAO-ONDE-FICAM-AS NOTES, SOURCE E REBLOG DO THEME; color: COR DA LETRA DESSE ESPAO; fontsize: 10px;margin-top:1px; text-align:center;border-top: 2px dotted #COR DA LINHA QUE SEPARA ESSE ESPAO DO POST; text-shadow: 0 0px 0px #fff;}
.h4 {background-color: #COR-DO-FUNDO-DOS TITULOS DO SEU FALSO IFRAME;font-family: COLOQUE AQUI O NOME DA FONTE DO SEU CUFON, arial, serif;; font-size:25px; color:#COR DO TEXTO POR CIMA DO FUNDO;
text-align:right; padding:1px; min-height:0px; margin:0px 0px 0px 0px; textshadow: 0 1px 1px #COR DA SOMBRA DO TTULO }
.h6 {color: #808080;font-size: 11px;margin-top:1px; text-align:left; borderbottom: 1px dotted #808080;text-shadow: 0 0px 0px #fff;}
.box {background: #COR DO FUNDO DA CAIXA ONDE IRO FICAR OS SEUS POSTS; margin-left:3px; margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px; border: 0px solid #eee;margin-bottom:15px; border:1px #999999 dotted;}
.box2 {background: : #COR DO FUNDO DA CAIXA ONDE IRO FICAR OS SEUS POSTS; margin-left:3px; margin-right:3px; margin: 10px 10px 10px 10px;padding: 5px 5px 8px 5px; border: 0px solid #eee;marginbottom:15px;border:1px #999999 dotted;}
.ask {align:right;background: #FUNDO DA CAIXINHA DE PERGUNTA DA ASK); margin:7px 5px 5px 66px;padding:10px;position: relative;-moz-borderradius:5px;-webkit-border-radius:5px;border-radius:5px; font: 11px Tahoma, Verdana, Tahoma; color:#COR DO TEXTO DESSA CAIXINHA;} <!Lembrando que, no a caixinha onde as pessoas perguntam, mas sim aquela que aparece nos posts quando voc responde a ask>
.caixa { background: #COR DO FUNDO DAS CAIXINHAS DE CONTEUDO DO FALSO-IFRAME;
color: #COR DOS TEXTOS DO CONTEUDO DO FALSO-IFRAME;
border: 0px solid #COR DA BORDA; margin-left:3px; margin-right:3px;
.caixa3 {
background: #FUNDO DA CAIXINHA ONDE FICAR SEU PERFIL; height: 500px; } <! Se quer que ela seja fixa, adicione position:fixed; antes do } ->
.border {
background: url(http://ENDEREO-DA-IMGEM DA BORDA);
padding: 7px; } <!- Borda das suas imagens, se quiser que a borda seja apenas uma cor, troque background: url(http://ENDEREO-DA-IMGEM DA BORDA);
por background-color: #COR DA BORDA;
>
a {color:#COR DOS LINKS;}
a:visited {color:#COR DOS LINKS VISITADOS; text-decoration: none ; CURSOR: help }
a:active {color:#COR DOS LINKS ATIVADOS; text-decoration: none ; CURSOR: help }
a:hover {color: #COR DOS LINKS QUANDO A PESSOA PASSA O MOUSE; textdecoration: none ; CURSOR: help }
.style1 {
text-decoration: none;
.style1 {
text-decoration: none;
<!- Aqui voc edita a paginao do seu tumblr->
#paginacaoml {font-size: 10px; line-height: 21px; text-shadow: 0 1px 1px #fff;}
#paginacaoml a {background: #COR DO FUNDO NORMAL; margin: 0 1px 0 0; padding: 2px 4px; color: #000000; text-decoration: none;}
#paginacaoml a:hover {background: # COR DO FUNDO QUANDO PASSA O MOUSE; border: none;}
#paginacaoml span.pagina_atual {background: #COR DO FUNDO DA PGINA EM QUE A PESSOA EST; margin: 0 1px 0 0; padding: 2px 4px; color: #COR DA FONTE; text-decoration: none;}
#paginacaoml span.info {background: #ffffff; margin: 0 1px 0 0; padding: 2px 4px; color: #COR DA FONTE; text-decoration: none;}
<!- Aqui voc edita os titulos da sidebar, aquele lugar no meu tumblr onde t escrito Jack Sparrows lover->
.titulodasidebar {background-color: #COR DO FUNDO;font-family: COLOQUE O NOME D FONTE QUE VOC ESCOLHEU NO CUFON, arial, serif;; fontsize:25px; color:#COR DA FONTE;
text-align:right; padding:1px; min-height:0px; margin:0px 0px 0px 0px;
-webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em;padding:2px; text-shadow: 0 1px 1px #COR DA SOMBRA }
</style>
</head> <!- FIM DO CSS >
7- Pronto, o seu CSS est feito, agora voc editar o fundo do seu theme, cdigo:
<body style=background: url(http://URL DA IMAGEM DE FUNDO)>
8- Agora iria o cdigo da cortininha do seu theme, clique aqui para pegar o cdigo de acordo com a posio que voc que a cortininha.
9- Agora vamos editar o menu, que na verdade voc no precisa editar s copiar o cdigo, o que voc edita mesmo vem depois.
<DIV style=LEFT: 715px; WIDTH: 275px; POSITION: absolute; TOP: 34px; HEIGHT: 109px><center>
<a href=/ class=nav1> Home</a> <span class=nav1 onClick=changeNavigation(01)><center>About</center></span> <span class=nav1 onClick=changeNavigation(02)><center>Recomendo</center></span>
<span class=nav1 onClick=changeNavigation(03)><center>Ask me</center></span>
<span class=nav1 onClick=changeNavigation(05)><center>FAQ</center></span>
<span class=nav1 onClick=changeNavigation(04)><center>Crditos</center></span></ce nter></div>
10- Agora voc ira editar o perfil:
<DIV style=LEFT: 714px; WIDTH: 272px; POSITION: absolute; TOP: 111px; HEIGHT: 550px class=caixa3>
<center>
<img src=http://URL DA IMAGEM EM CIMA DA DESCRIO class=border width=250 height=105><br>
<! DESCRIO, PARA MUDAR V EM CUSTOMIZE > INFO > DESCRIPTION / NO MEXA NESSE CDIGO ->
<div class=caixinhatag1>About Me</div><center> {block:Description}
{Description}{/block:Description}<br>
<!- FIM >
<! AQUI VOC EDITA O CONTADOR DE VISITAS DO SEU TUMBLR, COLOQUE SEU URL ONDE EST INDICADO >
<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es69.gif>
<b><script type=text/javascript src=http://fastonlineusers.com/on3.php? d=AQUI VAI O ENDEREO DO SEU TUMBLR></script></b>
pessoas on
<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es5.gif>
<script src=http://fastwebcounter.com/secure.php?s= URL DO SEU TUMBLR AQUI></script> visitantes
<br></center>
<!- FIM ->
<! CRDITOS COLOQUE SEU NOME OU TUMBLR ONDE PEDE E NO MEXA NO RESTO >
<div class=h5> Theme editado por <b>seu nome ou tumblr</b>
Base feita por <a target=_blank href=http://youmakemecrazierbaby.tumblr.com/> <strong>Luana</strong></a><b> </b> - Proibida a cpia total ou parcial.<br><a rel=license href=http://creativecommons.org/licenses/bync-nd/3.0/br/><img alt=Licena Creative Commons style=borderwidth:0 src=http://i.creativecommons.org/l/by-ncnd/3.0/br/80x15.png></a>.
</div></center></center></center></div>
11- Agora voc ir colocar o cdigo dos posts, caso queira por um banner, v depois da parte onde est escrito () class=caixa> e adicione :
<center><img src=URL DO BANNER></center><br>
Cdigo dos posts:
<!- POSTS DO SEU TUMBLR, NO MEXA, SENO ELE NO FUNCIONAR!>
<DIV
style=LEFT: 110px; WIDTH: 569px; POSITION: absolute; TOP: 35px; HEIGHT: 1603px class=caixa>
<div id=conteudo><div class= style2 style=width: 579px >
<div id=mar><div id=liuc>
{block:Posts} {block:Text}
<div class=box>
<div class=h1>{block:Title}<a href={Permalink} class=style1>{Title}</a>{/block:Title}</div>
<div>{Body}</div>
<BR>
<div class=h5><b> Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}
| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>
Reblog this!</a></div></div>
{/block:Text} {block:Quote}
<div class=box>
<div class=h1>{Quote}</div>
{block:Source} {Source}{/block:Source}
<div class=h5><b>Quote</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{/block:Quote} {block:Answer}
<div class=box>
<img src={AskerPortraitURL-40}align=left class=border width=40px /> <div class=ask><span></span>
{Asker} disse: {Question}</div>
<br>
{Answer}
</div>
{/block:Answer} {block:Photo}
<div class=box>
<center>{LinkOpenTag}<a href={Permalink}><img class=border src={PhotoURL-500} title={PhotoAlt} width=525>{LinkCloseTag}</center></a><br>
{block:Caption}{Caption}{/block:Caption}
<div class=h5><b>Photo</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{/block:Photo} {block:Chat}
<div class=box>
{block:Title}<a href={Permalink}>{Title}</a>{/block:Title}
<table>
{block:Lines}
<tr>
{block:Label}<td class=name>{Label}</td>{block:Label}
<td class=words>{Line}</td>
</tr>
{/block:Lines}
</table>
<div class=h5><b>Chat</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{/block:Chat} {block:Audio}
<div class=box>
<div style=float:right; margin-top: 4px;><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href={ExternalAudioURL}>Download</a>) {/block:ExternalAudio}</div>
<center>{AudioPlayerWhite}</center>
{block:Caption}{Caption}{/block:Caption}
<div class=h5><b>Audio</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{/block:Audio} {block:Video}
<div class=box>
<center>{Video-500}</center>
{block:Caption}{Caption}{/block:Caption}<br>
<div class=h5><b>Video</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}
{/block:Video} {/block:Posts}
<br><div class=box2>
<center><div id=paginacaoml><span class=info style=font-weight: normal;>Pgina <b>{CurrentPage}</b> de <b>{TotalPages}</b></span>
{block:JumpPagination length=10}
{block:CurrentPage}<span class=pagina_atual>{PageNumber}</span>{/block:CurrentPage}
{block:JumpPage}<a class=jump_page href={URL}>{PageNumber}</a>{/block:JumpPage}
{/block:JumpPagination}
{block:Pagination}{block:NextPage}<a href={NextPage}>»</a>{/block:NextPage}{/block:Pagination}
</div></center>
</div></div></div></div><! FIM >
12- Agora voc ir editar o contedo do falso-iframe, ou seja as pginas do seu menu. Cdigo:
<!- AQUI VOC EDITA O CONTEDO DO FALSO-IFRAME >
<div id=01 style=display:none><div class=caixa>
<div class=h4>About Me</div><br>
<img src=URL DO SEU AVATAR class=border align=right>
<!- ESCREVA AQUI UM POUCO SOBRE VOC->
SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM SOBRE MIM
<! FIM ->
<br><br><br><br><br>
<div class=caixa>
<div class=h4>Sobre o Tumblr</div><br>
<! AVATAR, VOC PODE DEIXAR ESSE OU TROCAR, MAS TOME CUIDADO COM O TAMANHO DA IMAGEM QUE VOCE VAI COLOCA AQUI >
<img src=URL DO SEU AVATAR class=border align=left>
<! FIM ->
<!ESCREVA AQUI UM POUCO SOBRE O SEU TUMBLR >
SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O
TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE
O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR SOBRE O TUMBLR
<! FIM >
<div id=02 style=display:none>
<div class=caixa>
<div class=h4>Recomendo</div><br>
<!- COLOQUE AQUI OS TUMBLRS QUE VOC RECOMENDA >
<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es85.gif><a href=HTTP://YOUMAKEMECRAZIERBABY.TUMBLR.COM> YouMakeMeCrazier</a><BR>
<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es85.gif><a href=ENDEREO-DO-TUMBLR-DA-PESSOA> NOME</a><BR>
<img
src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es85.gif><a href=ENDEREO-DO-TUMBLR-DA-PESSOA> NOME</a><BR>
<br><div class=caixa>
<div class=h4>Sigo</div><br><br>
<!- AQUI IRO AS PESSOAS QUE VOC SEGUE, NO MEXA, ISSO APARECER AUTOMATICAMENTE->
{block:Following}
{block:Followed}<a href={FollowedURL} class=style1><img style=border:0px src={FollowedPortraitURL-30} class=border style=border=1px></a> {/block:Followed}
<BR>{/block:Following}<br></center>
<! FIM >
<div class=caixa>
<div class=h4>Fale comigo</div><br>
<!- AQUI FICAR A SUA ASK, SUBSTITUA ONDE EST ESCRITO SEUTUMBLR PELO NOME DO SEU TUMBLR ->
<!- V EM SETTINGS E VERIFIQUE SE A SUA ASK EST ATIVADA >
<Center><span class=entrytext><p><iframe frameborder=0 scrolling=no width=100% height=150 src=http://www.tumblr.com/ask_form/SEUTUMBLR.tumblr.com style=background-color:transparent; overflow:hidden; id=ask_form>
</iframe><![if IE]><script type=text/javascript>document.getElementById(ask_form).allowTranspar ency=true;</script><![endif]></p></span></center>
<!FIM >
<div class=caixa>
<div class=h4>Faq</div><br><br>
<!- AQUI VAI A SUA FAQ - FREQUENTLY ASKED QUESTIONS, COLOQUE O QUE QUISER ->
Nome:
<br>Idade:
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<br> BLA BLA BLA
<!- FIM ->
<div class=caixa>
<div class=h4>Crditos</div>
<div class=h6>Base por: <a href=http://youmakemecrazierbaby.tumblr.com/ target=_blank>Luana / YouMakeMeCrazierBaby</a></div>
<div class=h6>Paginao: <a href=http://madlyluv.com target=_blank>Madlyluv</a> </div>
<div class=h6>Crditos: <a href=URL DO SITE ONDE VOC PEGOU TAL COISA QUE USOU NO THEME>Tiny Pic</a></div>
</div></div></div></div></div></div></div></div></div></div></div> </div></div></div></body>
</html>
13- Pronto, clique em update preview para ver se o seu theme ficou como voc queria, se no ficou, continue editando use a sua criatividade e qualquer dvida me pergunte na ask. A base do theme completa voc pode pegar aqui, ela pode ser usada para voc fazer themes e disponibilizar, mas se voc tirar os crditos eu vou denunciar pra licensa, ento a responsabilidade sua.
Tutorial feito por Luana, no se inspire, te ajudou? Credite! Proibida copia total ou parcial.

Tuto Completo para o Themer

Enviado por

Dados do documento

Título original

Direitos autorais

Formatos disponíveis

Compartilhar este documento

Compartilhar ou incorporar documento

Opções de compartilhamento

Você considera este documento útil?

Este conteúdo é inapropriado?

Direitos autorais:

Formatos disponíveis

Tuto Completo para o Themer

Enviado por

Direitos autorais:

Formatos disponíveis

Tutorial: Como editar themes, significado dos cdigos de HTML e personalizao bsicos.

<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd><html

xmlns=http://www.w3.org/1999/xhtml><meta http-equiv=Content-Type content=text/html; charset=utf-8 />

<link href=http://fonts.googleapis.com/css?family=Short+Stack rel=stylesheet type=text/css>

color=#COR. Cdigo do CSS:

FONT-SIZE: 11px; COLOR: #CDIGO-DA-COR-DOS-TEXTOS-DOTHEME;

TEXT-DECORATION: none; font-family: NOME-DA-FONTE-EXEMPLOS ALI EM CIMA}

b, strong {color: #COR-DO-TEXTO-EM-NEGRITO; text-decoration: none;}

u, span.sublinha {text-decoration: none; border-bottom: 1px solid #COR-DOTEXTO-SUBLINHADO;}

i {color: #COR-DO-TEXTO-EM-ITALICO; italic }

.caixa { background: #COR DO FUNDO DAS CAIXINHAS DE CONTEUDO DO FALSO-IFRAME;

color: #COR DOS TEXTOS DO CONTEUDO DO FALSO-IFRAME;

border: 0px solid #COR DA BORDA; margin-left:3px; margin-right:3px;

background: url(http://ENDEREO-DA-IMGEM DA BORDA);

por background-color: #COR DA BORDA;

a {color:#COR DOS LINKS;}

a:visited {color:#COR DOS LINKS VISITADOS; text-decoration: none ; CURSOR: help }

a:active {color:#COR DOS LINKS ATIVADOS; text-decoration: none ; CURSOR: help }

<!- Aqui voc edita a paginao do seu tumblr->

#paginacaoml {font-size: 10px; line-height: 21px; text-shadow: 0 1px 1px #fff;}

text-align:right; padding:1px; min-height:0px; margin:0px 0px 0px 0px;

-webkit-border-bottom-left-radius: 1em; -webkit-border-bottom-right-radius: 1em;padding:2px; text-shadow: 0 1px 1px #COR DA SOMBRA }

</head> <!- FIM DO CSS >

<body style=background: url(http://URL DA IMAGEM DE FUNDO)>

<span class=nav1 onClick=changeNavigation(03)><center>Ask me</center></span>

<span class=nav1 onClick=changeNavigation(05)><center>FAQ</center></span>

<span class=nav1 onClick=changeNavigation(04)><center>Crditos</center></span></ce nter></div>

10- Agora voc ira editar o perfil:

<img src=http://URL DA IMAGEM EM CIMA DA DESCRIO class=border width=250 height=105><br>

<div class=caixinhatag1>About Me</div><center> {block:Description}

<!- FIM >

<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es69.gif>

<b><script type=text/javascript src=http://fastonlineusers.com/on3.php? d=AQUI VAI O ENDEREO DO SEU TUMBLR></script></b>

<img src=http://i748.photobucket.com/albums/xx122/luuuh/marcadores/marcador es5.gif>

<script src=http://fastwebcounter.com/secure.php?s= URL DO SEU TUMBLR AQUI></script> visitantes

<!- FIM ->

<div class=h5> Theme editado por <b>seu nome ou tumblr</b>

<center><img src=URL DO BANNER></center><br>

Cdigo dos posts:

<!- POSTS DO SEU TUMBLR, NO MEXA, SENO ELE NO FUNCIONAR!>

<div id=conteudo><div class= style2 style=width: 579px >

<div id=mar><div id=liuc>

<div class=h1>{block:Title}<a href={Permalink} class=style1>{Title}</a>{/block:Title}</div>

<div class=h5><b>&nbsp;Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}

| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>

<div class=h5><b>Quote</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}

| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>

<img src={AskerPortraitURL-40}align=left class=border width=40px /> <div class=ask><span></span>

{Asker} disse: {Question}</div>

<center>{LinkOpenTag}<a href={Permalink}><img class=border src={PhotoURL-500} title={PhotoAlt} width=525>{LinkCloseTag}</center></a><br>

<div class=h5><b>Photo</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}

| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>

<div class=h5><b>Chat</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}

| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>

<div style=float:right; margin-top: 4px;><i> {PlayCount} vezes</i> {block:ExternalAudio}(<a href={ExternalAudioURL}>Download</a>) {/block:ExternalAudio}</div>

<div class=h5><b>Audio</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

{block:ContentSource}<a href={SourceURL} target=blank>(Source)</a>{/block:ContentSource}

| <a href=http://tmv.proto.jp/reblog.php? post_url={Permalink}; target=blank>

<div class=h5><b>Video</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}

<div class=h5><b> Texto</b> postado em <u>{month}</u> | {block:NoteCount}<a href={Permalink}>{NoteCount}</a>{/block:NoteCount}