Olá pessoal eu vou ensinar a fazer themes, essa é a duvida de muita gente por onde começar, e isso eu vou ensinar passo a passo usando meus codigos, então vamos lá começe pelas principais tags :
<link rel="shortcut icon" href="{AQUI VOCĂŠ COLOCA O LINK DA FAVICON}" />
<script type="text/javascript">
function changeNavigation(id) {document.getElementById('liuc').innerHTML=document.getElementById(id).innerHTML}
</script>
/*** plano de fundo (background) ***/
body {background-image: url (' LINK DO SEU BG'); color: #cor da fonte; font-family:fonte do seu theme; font-size: tamanho da sua fontepx; text-align: o alinhamento do seu texto;Â
a {color:#000; text-decoration:none; line-height: 12px;}
 a:hover {color: #000;} [hover é quando passa o mouse]
/*** negrito italico sublinhado e traçado ***/
b, strong { color: #cor_da_preferencia;}
i { color: #cor_da_preferencia;}
s { color: #cor_da_preferencia;}
u, span.sublinha { color:Â #cor_da_preferencia; text decoration: nome; border-bottom: 2px solid:Â #cor_da_preferencia;}
blockquote {border-left: 5px solid #cor_da_preferencia ; font-family: tahoma; color: #cor_da_preferencia ; padding: 2px 2px 2px 6px; margin: 2px; line-height: 14px; background: #cor_da_preferencia ;}
.side {width: 300px; height: 100px; left: 70px; top: 120px; padding: 5px; text-align: auto; position: fixed;}
/*** titilo dos posts ***/Â
h1 {text-align: center; font: TAMANHO DA FONTEpx nome da fonte ; color: #cor_da_preferencia ;}
/*** Seleção Colorida - By; MADLYLUV.com ***/ ::-moz-selection {color: #cor_da_sua_preferencia; background: #cor_da_sua_preferencia;} ::selection {color: #cor_da_sua_preferencia; background: #cor_da_sua_preferencia;}
/*** box dos posts ***/ .box {background: #cor_da_sua_preferencia; margin-bottom: 12px; padding: 5px; text-align: justify; border: 1px solid #cor_da_sua_preferencia; -moz-box-shadow: 0 0 1em #eee; -webkit-box-shadow: 0 0 1em #cor_da_sua_preferencia; box-shadow: 0 0 1em #eee;}
<div style="position:absolute; width: 362px; left:76px; top:250px; position: fixed; text-align: right;" >
<img src='LINK DA SUA IMAGEM OU GIF'>
SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .SUA SIDEBAR USE OQUE VOCĂŠ QUISER AQUI .
<span onClick="changeNavigation('01')">about</span>
<span onClick="changeNavigation('02')">tumblr</span>
<span onClick="changeNavigation('03')">créditos</span>
{block:Posts} <!--TEXTOs--> {block:Text}<div class="box"> {block:Title}<a href="{Permalink}" class="title"><h1>{Title}</h1></a>{/block:Title} <div>{Body}</div> </div>{/block:Text} <!--PERGUNTAS E MENSAGENS--> {block:Answer}<div class="box"> <strong>{Asker}</strong>Falou baixinho no meu ouvido: {Question}<br /><br /> Resposta: {Answer}<br /> </div> {/block:Answer} <!--LINKS--> {block:Link}<div class="box"> <a href="{URL}"><h1>{Name}</h1></a> {block:Description}{Description}{/block:Description} </div>{block:Link} <!--FOTOS--> {block:Photo}<div class="box"> <center>{LinkOpenTag}<img src="{PhotoURL-500}" title="{NoteCountWithLabel}" class="borda"/>{LinkCloseTag}</center><br /> {block:Caption}{Caption}{/block:Caption}<br /> </div> {/block:Photo} <!--FRASES--> {block:Quote}<div class="box"> <h1>- "{Quote}"</h1> {block:Source}— {Source}{/block:Source} </div>{/block:Quote} <!--DIALOGOS--> {block:Chat}<div class="box"> {block:Title}<a href="{Permalink}"><h1>{Title}</h1></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><br /> </div>{/block:Chat} <!--MUSICAS--> {block:Audio}<div class="box"> <div ><i>Música ouvida {PlayCount} vezes</i> {block:ExternalAudio}(<a href="{ExternalAudioURL}">download!</a>){/block:ExternalAudio}</div> <center>{AudioPlayerWhite}</centeR> {block:Caption}{Caption}{/block:Caption}<br /> </div> {/block:Audio} <!--VIDEOS--> {block:Video}<div class="box"> <center>{Video-500}</center> {block:Caption}{Caption}{/block:Caption}<br /> </div>{/block:Video} <div class="amr"> Postado {DayOfMonth}/{ShortMonth}/{ShortYear} | <a href="{Permalink}">{NoteCountWithLabel}</a>{/block:NoteCount}{Block:IndexPage} | <a href="{ReblogUrl}" target="_blank">reblog this</a>{/Block:IndexPage} | {block:RebloggedFrom}(<a href="{ReblogRootURL}" title="{ReblogRootTitle}">originally</a> </span> / {/block:RebloggedFrom}{block:RebloggedFrom}<a href="{ReblogParentURL}">via</a>)<br>{/block:RebloggedFrom} </div>
<div id="01" style="display:none">
 sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.sua about aqui.
</div>
<div class="box">
<div id="02"Â style="display:none">
<h1>Tumblr</h1>
<div class="box"> <div id="03" style="display:none">
<h1>Créditos</h1>
Theme base e codigos : Vivian Dutra
Theme modificado por : SEU NOME
Menu falso iframe: Htmland
Principais tags de post: Ana Flavia
</div>
Bem pessoal basicamente é isso simples né ? então isso já é quase um theme base é só colocar no customize,  e você vera , então já vem com falso iframe e outras coisas por favor não retire os creditos eu conheço meus codigos, use os tutoriais daqui para infrementar seu theme ok ?
PROIBIDO REBLOGAR E REPASSAR FAÇA BOM USO :D '