I N F I N I T E

text-align: left;
    margin-left: -30px;
    margin-bottom: 10px;
    width: 200px;
    padding: 8px;
    background-color: #fff;
    box-shadow: 0px 4px 4px #cfc4ae;
    border-left: 40px solid #cdf0eb;
    font-family: masana;
    font-size: 22px;
    letter-spacing: 2px;
    background-image: url('URL BACKGROUND');
}
@font-face{
font-family:masana;
src:url(http://static.tumblr.com/dep4vzc/Inomy7nn8/masanascript-1propia.otf);
}

Assalamualaikum :)

<style>
#s-m-t-tooltip {
    background: black;
    font-size: 9px;
    line-height: 11px;
    -webkit-animation: zoom 600ms;
    font-family: cambria;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    text-transform: lowercase;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

 title="ayatkorangsendiri"

 <img src="http://data1.whicdn.com/images/172498921/large.jpg"  title="ayatkorangsendiri"  /> 

<style>
#s-m-t-tooltip {
    background: black;
    font-size: 9px;
    line-height: 11px;
    -webkit-animation: zoom 600ms;
    font-family: cambria;
    letter-spacing: 1px;
    text-transform: uppercase!important;
    color: #fff;
    text-align: center;
    padding: 5px 10px 5px 10px;
    display: block;
    border-radius: 5px;
    margin: 24px 14px 7px 12px;
    text-transform: lowercase;
}
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script type="text/javascript" src="http://static.tumblr.com/7qjmkr5/IUmmdsy41/jquery.style-my-tooltips.js"></script>
<script>
    (function($){
        $(document).ready(function(){
            $("[title]").style_my_tooltips();
        });
    })(jQuery);
</script>

 title="ayatkorangsendiri"

 <img src="http://data1.whicdn.com/images/172498921/large.jpg"  title="ayatkorangsendiri"  />

.sidebar h2 {

background:url(URL ATAS)no-repeat top;font-size:22px;

 .sidebar {

background:url(URL TENGAH)repeat-y;color: #333333; 

.sidebar .widget { 

 background:url(URL BAWAH)no-repeat bottom;margin:0px 0px;

/* Posts
----------------------------------------------- */

.post-title:first-letter {
color: #000;
font-size: 20px;
font-family: 'Short Stack', cursive;
padding: 1px;
text-shadow: 1px 0px 1px #fff;
}

Dah lama sangat orang mengrequest tuto nie. Sorry sangat-sangat, baru sekarang dapat buat. Tak tahu nak bagi nama apa so arrien bubuh saja nama Navi Header. Navi sebab dye macam navigation, header sebab dye dekat atas macam header (?) LOL XD Basecode credit to : [Owner]

<style>
@font-face{
font-family:agentletouch;
src:url(http://static.tumblr.com/dep4vzc/GkJmxp429/a_gentle_touch.ttf);}
@font-face {
    font-family: Bebas Neue;
    src: url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);
}
#title2 {
    font: normal 25px "Bebas Neue";
    text-shadow: 0 0 0px #111;
    color: #ccc;
    text-align:center;
    background: url(URL BACKGROUND);
    padding: 20px;
    background-position:50% 50%;
    border-bottom: 10px solid #fff;
    box-shadow: 0px 0px 10px #aaa;
    width: 97%;
    z-index: 9999!important;
    top: 0px;
    position: absolute;
    left: 0px;
}
</style>
<div id="title2">
<div style=" text-width: 600px;  color: #fff; font-family:agentletouch; font-size:50px;  text-align: center;text-shadow: 0 0 10px #000; ">
" YOUR BLOG NAME'S "
</div> <br />
<div class="title2"><div class="btd">
◉<a class="n" href="LINK">ABOUT</a>◉
<a class="n" href="LINK">ENTRY</a>◉
<a class="n" href="LINK">ASK.FM</a>◉
<a href="LINK">STUFF</a>◉
<a href="LINK">SKIN</a>◉
<a href="LINK">ARTWORK</a>◉
<div></div></div></div></div>

<style>
@font-face {
    font-family: Bebas Neue;
    src: url(http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf);
}
#title2 {
    font: normal 25px "Bebas Neue";
    text-shadow: 0 0 10px #111;
    color: #fff;
    text-align:center;
    background: url(URL BACKGROUND);
    padding: 20px;
    background-position:50% 50%;
    border-bottom: 10px solid #fff;
    box-shadow: 0px 0px 10px #aaa;
    width: 97%;
    z-index: 9999!important;
    top: 0px;
    position: absolute;
    left: 0px;
}
</style>
<div id="title2"><center>
<div style=" text-width: 600px;  color: #fff; font-family:agentletouch; font-size:50px;  text-align: center;text-shadow: 0 0 10px #000; ">
" YOUR BLOG NAME'S "
</div> </center><br>
◉
<span class="title2" onClick="document.getElementById('main').innerHTML=document.getElementById('o').innerHTML">home</span> ◉
<span class="title2" onClick="document.getElementById('main').innerHTML=document.getElementById('k').innerHTML">about</span> ◉
<span class="title2" onClick="document.getElementById('main').innerHTML=document.getElementById('p').innerHTML">linkies</span> ◉
<span class="title2" onClick="document.getElementById('main').innerHTML=document.getElementById('s').innerHTML">tutorial</span> ◉
<span class="title2" onClick="document.getElementById('main').innerHTML=document.getElementById('u').innerHTML">free page</span> ◉
</div>

<center><a href="URL LINK IKLAN"><img src="URL ICON" style=" height: 20px; padding: 4px; padding: 5px;width="20" /></a><a href="URL LINK IKLAN"><img src="URL ICON" style=" height: 20px; padding: 4px; padding: 5px;width="20" /></a><a href="URL LINK IKLAN"><img src="URL ICON" style=" height: 20px; padding: 4px; padding: 5px;width="20" /></a></center>

<center>
<a href="URL LINK IKLAN" target="_blank"><img class="arrien" src="URL ICON" width="50" height="50" title="click"/></a>
<a href="URL LINK IKLAN" target="_blank"><img class="arrien" src="URL ICON" width="50" height="50" title="click"/></a>
<a href="URL LINK IKLAN" target="_blank"><img class="arrien" src="URL ICON" width="50" height="50" title="click"/></a></center><br />

No Re-Post & Re-tuto

<br /><center><div style="background: #fff; border: 2px solid #444444;border-radius:5px; padding: 0px; width: 600px;"><div style="text-align: center;"><marquee behavior="alternate" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3"><br />
<a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a> <a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a> <a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a>
</marquee></div></div></center>

<br /><center><div style="background: #fff; border: 2px solid #444444;border-radius:5px; padding: 0px; width: 600px;"><div style="text-align: center;"><marquee behavior="alternate" direction="down" onmouseout="this.start()" onmouseover="this.stop()" scrollamount="3"><br />
<a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a> <a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a> <a href="Url entry GA"><img src="Url banner GA" style="border: 1px solid #D4D3D3; height: 100px; padding: 4px; padding: 5px;width=" 160" /></a>
</marquee></div></div></center>

No Re-tuto & Re-Post

background : #676767;
margin-bottom: -1px;
border-radius: 3px;
padding: 2px;
font: 25px bebas neue ;
text-align:center;
border:1px solid #676767;
color:#ffffff;
margin-top:2px;
letter-spacing:0px;
}
@font-face { font-family: "bebas neue"; src: url('http://static.tumblr.com/cvlbtjz/cnsln9tpp/bebasneue.otf'); }

<div style='margin-top:0px; background:#fff; border:1px solid #000; font-size: 11px; padding:2px; padding-left:20px; letter-spacing:1px; text-transform:block;'>
<font style='background:transparent url(http://i1217.photobucket.com/albums/dd386/moonstonedaydreams/Silver%20Icons/clock.gif) no-repeat scroll left;padding-left:20px;font-size:11px;'>Masa : <data:post.timestamp/></font> |
<font style='background:transparent url(http://i1217.photobucket.com/albums/dd386/moonstonedaydreams/Silver%20Icons/comment.gif) no-repeat scroll left;padding-left:20px;font-size:11px;'>Comments : <b:if cond='data:post.allowComments'>
<a class='comment-bubble' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:post.numComments/><span style='font-size:11px'> </span></a>
</b:if></font>
</div>

text-align:center;
padding:8px;
color: #333333;
font-size: 95%;
background: url(URL BACKGROUND);
border-left: 1px solid #eee;
border-right: 1px solid #eee;
moz-box-shadow: 0 0 1px 1px #eee;
-webkit-box-shadow: 0 0 1px 1px #eee;
border-radius:0px;
margin:6px;
}