How To Make a Theme For Tumblr|Tumble Themes

Tumblr is most popular blogging platform.is you are waiting for make a theme for tumblr ?it is  right place to make your own theme for tumblr blogs.more then 35,713,449 blogs powered by tumble.i think your blog is one of them.any way its  time to make your own theme for your tumblr blog.i named this tutorial as ” make a theme for tumblr 

make a theme for tumblr

make a theme for tumblr

tumblr is providing 100% best customization for your own tumblr themes.you are able to make your tumblr theme in HTML.

Tutorial –  make a theme for tumblr Blogs

Make a Theme for tumblr | Introduction

make a theme for tumblr blog,make a theme for tumblr

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 “Edit HTML” button under the theme thumbnail to access your current theme’s HTML code.

Tumblr has two types of special operators used to render content in your HTML.its very easy to make a theme for tumblr.

Variables are used to insert dynamic data like your blog’s title or description:

Example

<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 tumblr 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>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        {Body}
                    </li>
                {/block:Text}

                {block:Photo}
                    <li>
                        <img src="{PhotoURL-500}" alt="{PhotoAlt}"/>

                        {block:Caption}
                            <div>{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photo}

                {block:Photoset}
                    <li>
                        {Photoset-500}

                        {block:Caption}
                            <div>{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Photoset}

                {block:Quote}
                    <li>
                        "{Quote}"

                        {block:Source}
                            <div>{Source}</div>
                        {/block:Source}
                    </li>
                {/block:Quote}

                {block:Link}
                    <li>
                        <a href="{URL}" {Target}>{Name}</a>

                        {block:Description}
                            <div>{Description}</div>
                        {/block:Description}
                    </li>
                {/block:Link}

                {block:Chat}
                    <li>
                        {block:Title}
                            <h3><a href="{Permalink}">{Title}</a></h3>
                        {/block:Title}

                        <ul>
                            {block:Lines}
                                <livariable" style="outline-color: initial; outline-style: none; outline-width: 0px; color: rgb(255, 255, 255); ">{Alt} user_{UserNumber}">
                                    {block:Label}
                                        <span>{Label}</span>
                                    {/block:Label}

                                    {Line}
                                </li>
                            {/block:Lines}
                        </ul>
                    </li>
                {/block:Chat}

                {block:Video}
                    <li>
                        {Video-500}

                        {block:Caption}
                            <div>{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Video}

                {block:Audio}
                    <li>
                        {AudioPlayerBlack}

                        {block:Caption}
                            <div>{Caption}</div>
                        {/block:Caption}
                    </li>
                {/block:Audio}
            {/block:Posts}
        </ol>

        <p id="footer">
            {block:PreviousPage}
                <a href="{PreviousPage}">&#171; Previous</a>
            {/block:PreviousPage}

            {block:NextPage}
                <a href="{NextPage}">Next &#187;</a>
            {/block:NextPage}

            <a href="/archive">Archive</a>
        </p>
    </body>
</html>

i think making a tumblr theme is not difficult with the help of tumble official staff.Yes! tumblr is providing the full details for create your own tumble theme. so make a theme for tumblr blog is very very easy now.

Official tumblr Tutorial to make a theme for tumblr

tumble official staff is explained the process to make a tumblr theme.now its very easy to make a theme for tumblr.tumblr official tutorial is explain every thing about making a theme for tumblr.

Official tutorial  Link to make a tumblr theme

http://www.tumblr.com/docs/en/custom_themes

finally i think you are happy with this useful article.i think this tumblr tutorial     ” make a theme for tumblr “is helps you a lot .Share With Your Friends 🙂

– Make A Theme For Tumble

13 Responses to “How To Make a Theme For Tumblr|Tumble Themes”

  1. I’m not a code master or HTML god but I think I’ll give it a try with the help of your article.

  2. Ifham khan says:

    Detail post to make theme, might help for me creating theme for tumblr. Thanks for sharing

  3. shenoyjoseph says:

    wow we can create and design our own themes for tumblr 🙂

  4. puntine says:

    Hi, this is a great post! Thanks..

  5. thank you very much very nice tutorial

Leave a Reply

CommentLuv badge

© 2017 Daily Blog Tools. All rights reserved. Site Admin · Entries RSS · Comments RSS
Powered by WordPress · Designed by Theme Junkie