Instructions:

1. Login to tumblr, click "Account" > "Preference" > "Customize Blog".
2. Click the "Theme" tab, select "Use Custom HTML", and paste the layout code in it.
3. Click the "Appearance" tab and click "Reset Defaults".
(There may be a short pause before you see the colors change. The above step is very important.)
4. Click the "Save" tab and you are done.
Thank you for choosing ScreamCute.com
The Layout Code:

Click to copy the layout code below:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
        "http://www.w3.org/TR/html4/strict.dtd"> 
<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/Lillcjek4/infinitetumblrbycodysherman.js"></script>
<html lang="en"> 
   <title>{Title}</title>
        <link rel="shortcut icon" href="{Favicon}">
        <link rel="alternate" type="application/rss+xml" href="{RSS}">
        <link href='http://fonts.googleapis.com/css?family=Dancing+Script' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="http://static.tumblr.com/wgdkvue/ZBRll1h5m/scrollup.js"></script>
        {block:Description}
        <meta name="description" content="{MetaDescription}" />
        <meta name="image:Background" content="http://static.tumblr.com/..."/>
        <meta name="image:Header" content=""/>
        {/block:Description}

<style type="text/css" media="screen, print, projection"> 
	body,
	html {
		margin:0;
		padding:0;
		color:#CFCFCF;
		background:#EEE url(http://www.sadmuffin.net/screamcute/layouts/quotes/160.gif);
                text-align:left;
                font-family: arial;
                font-size:11px;
                line-height:9px;
                background-attachment: fixed;

	}


        a:link {
                color:#CFCFCF;
                text-decoration:none;
        }

        a:visited {
                color:#CFCFCF;
                text-decoration:none;
        } 

        a:hover {
                color:#404040;
                text-decoration:none;
        } 

        a:active {
                color:#CFCFCF;
                text-decoration:none;
        }


	#wrap {
		width:685px;
		margin:0 auto;
		background:#000000;
                border-right:0px solid #c0c0c0;
                border-left:0px solid #c0c0c0;
                filter:alpha(opacity=100);
                opacity: 1.0;
                -moz-opacity:1.0;}

	#header {
                padding:0px;
		background:#000000;
        }

        h1 {
                margin:0;
                color:#CFCFCF;
        font-family:'Dancing Script', arial, serif;
        font-size:30px;
        line-height:30px;
        letter-spacing:-1px;
        font-weight:normal;
        text-transform:normal;
        margin:0px;
        padding-left:10px;
        text-align:left;

               
        }

        h2 {
                margin:0;
        }
        
	#main {
		float:left;
		width:440px;
                padding:10px;
		background:#000000;
                border-right:1px solid #000000;
	}
	#sidebar {
		float:right;
		width:200px;
                padding:10px;
		background:#000000;
		color:#CFCFCF;
                text-align:left;
                font-family: arial;
                font-size:11px;
        letter-spacing: 0px;
	}

        #sidebar h1{
        font-family:'Dancing Script', arial, serif;
	font-size: 20px;
	font-weight: normal;
        line-height:22px;
	font-weight: normal;
        background: #000000;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 0px 0px;
        border-bottom: 0px;
        padding-left:10px;
	color: #CFCFCF;
        letter-spacing: 0px;
	}

        #sidebar h2{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
        background: #151515;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 0px 0px;
	color: #CFCFCF;
        letter-spacing: 0px;
	}

        #sidebar ul li;
	margin: 2em;
	width: 10em;
	padding: 5px;
        }

 A.mainnavi:link, A.mainnavi:active, A.mainnavi:visited {
         display:block;
        color:{color:Navigation Link};
        font-size:11px;
        padding: 5px;
        float: center;
        width:328px;
        text-align:center;
        text-decoration:none;
 
        text-transform: lowercase;
        margin-left:1px;
        margin-bottom:1px;
        letter-spacing:0px;
        font-weight:lighter;
        background:#000000;
        border-bottom: 1px solid #000000;
 
}




#col3 {
	float: left;
	width: 160px;
	}
	
#col3 h1{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
        background: #000000;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 5px;
	color: #000000;
        width: 140px;
        letter-spacing: 0px;
	}
	
#col3 p{
	line-height: 12pt;
	}
	
#col2 {
	float: right;
	width: 160px;
	}
	
#col2 h1{
	font-family: arial;
	font-size: 11px;
	font-weight: bold;
        background: #000000;
	margin-top: 12px;
	margin-bottom: 10px;
	padding: 5px 5px;
	color: #000000;
        letter-spacing: 0px;
	}
	
#col2 p{
	text-align: center;
	margin-top: 175px;	
	}

 A.navi:link, A.navi:active, A.navi:visited {
         display:block;
        color:{color:Navigation Link};
        font-size:11px;
        padding: 5px;
        float: center;
        width:180px;
        text-align:left;
        text-decoration:none;
 
        text-transform: lowercase;
        margin-left:1px;
        margin-bottom:1px;
        letter-spacing:0px;
        font-weight:lighter;
        background:#000000;
        border-bottom: 1px solid #000000;
}

A.page:link, A.page:active, A.page:visited {
        font-family: 'Dancing Script', arial, serif;
        color:#CFCFCF;
        font-size:30px;
        line-height:30px;
        padding: 0px;
        float:;
        text-align:center;
        text-decoration:none;
        margin-left:0px;
        margin-bottom:0px;
        letter-spacing:-1px;
        font-weight:normal;
        background:#000000;
        font-weight:normal;
        text-transform: normal;
        } 

        * html #footer {
                 height:1px;
        }
	#footer {
		clear:both;
                padding:10px;
		background:#000000;
                font-size:7px;
                font-family: small fonts;
                letter-spacing:1px;
                color:#606060;
                text-transform: uppercase;
                text-decoration: none;
	}
 
        #footer p {
                margin:0;
        }

/*
POSTMETA AND IMAGE BORDER AND LIKES CSS
*/

#postmeta {
	background-color: #000000;
	font-family: Arial;
	font-size: 11px;
        font-weight: bold;
	color: #CFCFCF;
        width: 430px;
        padding: 5px 5px;
	margin-left: 0px;
	margin-right: 0px;
        margin-bottom: 50px;
        margin-top: 3px;
	}
	
#postmeta a{
	color: #CFCFCF;
	text-decoration: none;
	border: none;
	border-bottom: 1px dotted #000000;
	}
	
#postmeta a:hover{
	color: #404040;
	text-decoration: strike-through;
	border: none;
	}

img.border {
display:block;
float:;
border:0px;
padding:4px;
margin-right:6px;
background-color:#000000;
}
ul#likestitle {
list-style-type: none;
margin: 0 0 0 0;
            	padding: 0 0 0 0;
            }
ul#likes {
list-style-type: none;
margin: 0 0 0 0;
            	padding: 0 0 0 0;
            }

 li.like_post {
                    /* Should match the width specified in the Likes tag */
                    width: 200px;
                    padding: 0 40px 0 0;
                    float: left;
                }

                  li.like_post img {
                      max-width: 190px;
                  }

                  li.like_post blockquote {
                      margin: 0;
                      padding: 0 0 0 10px;
                      border-left: 1px solid #000000;
                  }

                  li.like_post ol,
                  li.like_post ul {
                      margin: 0 0 0 15px;
                      padding: 0;
                  }

                  li.like_post .like_link a {
                      font-weight: bold;
                  }

                  li.like_post .like_title {
                      font-weight: bold;
                  }

                  li.like_post .post_info_bottom {
                      margin: 5px 0 0 0;
                      display: block !important;
                  }

#sidebar li { 
	padding: 20px 5px 20px 5px;
	border-bottom: 1px solid #000000;
        width:190px;

{CustomCSS}
</style>
<div id="DoNotEditImportant"><div style="position:absolute;top:0px;left:0px;border:0px;"><a style="position:fixed;" href="http://www.screamcute.com/quotes-tumblr-themes.php" title="Quotes Tumblr Themes" target=_blank><img src="http://www.sadmuffin.net/screamcute/layouts/tumblr-themes.png" alt="Quotes Tumblr Themes" border=0></a></div></div>
</head>

<body> 
<div id="wrap"> 
	<div id="header">{block:IfHeaderImage}<center><img src="{image:Header}" width="685"/></center>{/block:IfHeaderImage}
{block:IfNotHeaderImage}
<center><a href= "http://www.{Name}.tumblr.com/" class="page">{Title}</a></center>
{/block:IfNotHeaderImage}
</div> 

	<div id="main"> 

{block:Posts}

       
      
          <!-- Text Posts -->
			{block:Regular}
              		<div class="regular">
{block:Title} 
<h1>{Title}</h1>
{/block:Title}
                        	{Body}
			</div>

<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>

                 	{/block:Regular}
             
			<!-- Photo Posts -->
			{block:Photo}
              		<div class="photo">
                     		{LinkOpenTag}<center><img src="{PhotoURL-400}" alt="{PhotoAlt}" class="border"/></center>{LinkCloseTag}
                        	{block:Caption}{Caption}{/block:Caption}
                        </div>

<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>
 
                	{/block:Photo}
               
			<!-- Quote Posts -->
			{block:Quote}
                    	<div class="quote">
                        	<div class="quotes">
                            		<p class="blockquote">"<i>{Quote}

</i>"</p>
                        	</div>
				{block:Source}<div class="source">— 

{Source}</div>{/block:Source}
                    	</div>
 
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>

                	{/block:Quote}

			<!-- Link Posts -->
                	{block:Link}
                    	 <u><a href="{URL}" class="link" {Target}>{Name}

</a></u>

                        {block:Description}
                            <div class="description">{Description}</div>
                        {/block:Description}

<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>

                	{/block:Link}

			<!-- Chat Posts -->
              	  	{block:Conversation}
                    	<div class="conversation">
                        	{block:Title}<h1><a 

href="{Permalink}">{Title}</a></h1>{/block:Title}
                        	<ul>{block:Lines}
                                	<li class="{Alt}">{block:Label}

<span 

class="label">{Label}</span>{/block:Label}

{Line}</li>
                            	{/block:Lines}</ul>
                    		</div>
 
<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>          

      	

{/block:Conversation}
                
			<!-- Audio Posts -->
                	{block:Audio}
                    	<div class="audio">
                        	{AudioPlayerWhite}
				{block:Caption}{Caption}{/block:Caption}
                    	</div>

<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>

                	{/block:Audio}
             
			<!-- Video Posts -->
                	{block:Video}
                    	<div class="video">
                        	<center>{Video-400}</center>
			<p>{block:Caption}{Caption}{/block:Caption}</p>
                    	</div>

<div id="postmeta">{ShortMonth} {DayOfMonthWithZero}. <a 

href="{Permalink}" title="Permalink"> {NoteCount} Notes.</a></div>

                	{/block:Video}


{/block:Posts}

{block:PostNotes}
<h2>Notes</em></h2>
{PostNotes}
{/block:PostNotes}

<center>
{block:PreviousPage}
            <a href="{PreviousPage}" class="page">« previous //</a>
            {/block:PreviousPage}

            {block:NextPage}
            <a href="{NextPage}" class="page">next »</a>
            {/block:NextPage}
</center>

</div>

<div id="sidebar"> 
<h1>About Me</h1>
<center>
{Description}
</center>

<h1>Search</h1>
<form action="/search" method="get">
    <input type="text" name="q" value="{SearchQuery}"/>
    <input type="submit" value="?"/>
</form>

<h1>Navigation</h1>
<a href= "http://www.{Name}.tumblr.com/" class="navi">Home</a>
<a href= "http://www.{Name}.tumblr.com/archive" class="navi">Archive</a>
<a href= "http://www.{Name}.tumblr.com/ask" class="navi">Ask Me</a>
<a href= "http://www.{Name}.tumblr.com/submit" class="navi">Submit</a>
<a href= "{RSS}" class="navi">Subscribe?</a>



<h1>Likes</h1>
 <div> 
        {block:Likes}

            <div id="likes_container">
                {Likes limit="10" summarize="100" width="200"}
            </div>
        {/block:Likes}
</div> 
 

</div>

	<div id="footer">
<a title="Tumblr Themes, Tumblr Layouts" href="http://www.screamcute.com" target="_blank">Tumblr Themes</a> by <a href="http://www.screamcute.com" target="_blank" title="Tumblr Themes, Tumblr Layouts">ScreamCute.com</a>

</div><!-- end #footer -->
</div>
</body> 
</html>
"Laugh as much as you breathe and love as long as you live. "
— Author Unknown
Sep 11. 0 Notes.
Aug 26. 0 Notes.
Instructions:

The Layout Code:

About Me

Search

Navigation

Sponsors
