Tumblr lets you fully customize the appearance of your blog by editing your theme’s HTML code. This is only recommended for users comfortable hand-coding HTML. If you’re not, there are hundreds of great themes to choose from in the Theme Garden!
Once you’ve created a theme you’re proud of, submit it to the Theme Garden to share with everyone on Tumblr!
Introduction
To start, click the name of your blog at the top of the Dashboard, click the “Customize appearance” button on the right side of the page. Click the “Theme” tab, and click “Use custom HTML”. This will bring up a text box with your current theme’s HTML code.
Tumblr has two types of special operators used to render content in your HTML.
Variables are used to insert dynamic data like your blog’s title or description:
<html>
<head>
<title>{Title}</title>
</head>
<body>
...
</body>
</html>
Blocks are either used to render a block of HTML for a set of data (like your posts), or to conditionally render a block of HTML (like a “Previous Page” link):
<html>
<body>
<ol id="posts">
{block:Posts}
<li> ... </li>
{/block:Posts}
</ol>
</body>
</html>
Here’s an example of the complete markup for a theme:
<html>
<head>
<title>{Title}</title>
<link rel="shortcut icon" href="{Favicon}">
<link rel="alternate" type="application/rss+xml" href="{RSS}">
{block:Description}
<meta name="description" content="{MetaDescription}" />
{/block:Description}
</head>
<body>
<h1>{Title}</h1>
{block:Description}
<p id="description">{Description}</p>
{/block:Description}
<ol id="posts">
{block:Posts}{block:Text}
<li class="post text">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}{Body}
</li>
{/block:Text}{block:Photo}
<li class="post photo">
<img src="{PhotoURL-500}" alt="{PhotoAlt}"/>
{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photo}{block:Photoset}
<li class="post photoset">
{Photoset-500}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Photoset}{block:Quote}
<li class="post quote">
"{Quote}"
{block:Source}
<div class="source">{Source}</div>
{/block:Source}
</li>
{/block:Quote}{block:Link}
<li class="post link">
<a href="{URL}" class="link" {Target}>{Name}</a>
{block:Description}
<div class="description">{Description}</div>
{/block:Description}
</li>
{/block:Link}{block:Chat}
<li class="post chat">
{block:Title}
<h3><a href="{Permalink}">{Title}</a></h3>
{/block:Title}
<ul class="chat">
{block:Lines}
<li class="{Alt} user_{UserNumber}">
{block:Label}
<span class="label">{Label}</span>
{/block:Label}{Line}
</li>
{/block:Lines}
</ul>
</li>
{/block:Chat}{block:Video}
<li class="post video">
{Video-500}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Video}{block:Audio}
<li class="post audio">
{AudioPlayerBlack}{block:Caption}
<div class="caption">{Caption}</div>
{/block:Caption}
</li>
{/block:Audio}{/block:Posts}
</ol>
<p id="footer">
{block:PreviousPage}
<a href="{PreviousPage}">« Previous</a>
{/block:PreviousPage}{block:NextPage}
<a href="{NextPage}">Next »</a>
{/block:NextPage}
<a href="/archive">Archive</a>
</p>
</body>
</html>Basic Variables
Navigation
Jump Pagination
<html>
<body>
...
{block:Pagination}{block:PreviousPage}
<a href="{PreviousPage}">Previous</a>
{/block:PreviousPage}{block:JumpPagination length="5"}{block:CurrentPage}
<span class="current_page">{PageNumber}</span>
{/block:CurrentPage}{block:JumpPage}
<a class="jump_page" href="{URL}">{PageNumber}</a>
{/block:JumpPage}{/block:JumpPagination}{block:NextPage}
<a href="{NextPage}">Next</a>
{/block:NextPage}{/block:Pagination}
</body>
</html>Pages
Permalink Navigation
Go to THIS site to see more
Source: https://www.tumblr.com/docs/en/custom_themes
chromaticrainhelps liked this wintersoeldiers liked this
hhated liked this 
rollinpeaces liked this 
abysschimera liked this sluhshii liked this
crazyliteraturelover liked this 
theseprettylittlepixels liked this enmitygoddess reblogged this from tumblrtutoriial
nejighafa liked this
warnurse liked this
itsnotsatanbelieveitornot liked this fancystrike reblogged this from quirkyresources
eruiqwuiesuiewui liked this
aconstellationofsinsxa liked this
nct-mvs liked this
iloveleonorella liked this
choikimlee liked this
quirkyresources reblogged this from tumblrtutoriial
brownmxn-archive-blog liked this
periwinklegranger liked this
esoteriiic reblogged this from tumblrtutoriial
nobleassassin liked this
tsiel liked this
larrymyheartplease liked this
balladofadeadman-blog liked this
kittenonarollercoaster liked this
castielsings liked this
tavlors liked this
merrberry liked this 
vallisalps liked this estx2388 liked this
columbussailedtheoceanbluein1492 liked this tumblrtutoriial posted this
- Show more notes