At Top Header Vers By Me

Hai! Tutorial balik lagi, tapi yang request, aku tampung dulu, ya.
Langsung aja, ah!

Ini aku modifikasi sama top header sebelumnya yang dipost sama Kak Afiqah ^^ Live preview? Click here.

Desgin Templ.

• Copy kode ini ya

<style>
@font-face{font-family:snowpersonVqfixedbyfrogii;
src:url('http://static.tumblr.com/eq1rpir/Rbpm54azj/snowpersonsv3__q_fixed_by_frogii_.ttf');}

@font-face {
    font-family:theonlyexception;src:url('http://static.tumblr.com/eq1rpir/rasm518kt/theonlyexception.ttf');
}

#top {
    position: fixed;
    z-index: 500;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiD9Y8O2irIBIFxaEpFT7qLzVZoBzCSZn0l3v2bnJ725T6glDp2eMzkZPzkSNHy0kW3CUj_qH0ATP_jvj-QnwLNGvs0_Up7ENbzpM4m3Q4kGZqRruwt686gAt9yoKRi0dlAQsExI7vY5ks/s1600/grayy.png);
    width: 100%;
    height: 80px;
    top: 0px;
    left: 0px;
border-bottom: 5px solid #aaa;
box-shadow:0 5px #eee;
margin-bottom: -40px;
}

#text {
    overflow-y: hidden;
    height: 75px;
    z-index: 3;
    position: relative;
}

.text {
    width: 590px;
    float: center;
    font-size: 55px;
    font-family: snowpersonVqfixedbyfrogii, cursive;
    color: #000;
    margin-top: 10px;
    text-align: center;
    -webkit-transition: 0.8s;
}

.text:hover {
    margin-top: -120px;
}

.desc {
    color: #666;
    margin-top: 75px;
    font-family: theonlyexception;
font-size: 25px;
}
</style><center>
<div id='top'>
<div id='text'>
<div class='text'>
your title<br/>
<div class='desc'>
your description</div>
</div>
</div>
</div>
</center>

• Dasbor > Tata Letak > Add A Gadget > HMTL/Javascript
• Pastekan kode tersebut di kolomnya, ya. 
• Jangan lupa, kosongin judul/title nya ^^
• Save!

Classic Templ. / Blogskins

• Dasbor > Template > Edit HTML
• Cari kode

</style>

• Copy kode at top header, lalu, pastekan di atas kode </style> tadi.  
• Kalo udah diedit-edit, Preview and Save!

Ini versiku. Full credit, please!