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(http://4.bp.blogspot.com/-LPRgBcd-Olk/T96u_As90GI/AAAAAAAACX8/J41ka-YScHA/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!

Comments

  1. Ti, cara ganti fontnya gimana? aku bingung

    ReplyDelete
    Replies
    1. ya ganti aja pake nama font yg kamu pilih, tapi ada beberapa font yang worknya harus pake font face juga

      Delete

Post a Comment

- Komentar harus yang sopan dan baik ya
- Jangan bertengkar di kolom komentar
- Kalau repost kasih namaku dan link blogku
- Terima kasih sudah mematuhi. Silahkan berkomentar ^^

Popular posts from this blog

Resensi Novel Surprise in Hokkaido

Rindu

Teenager World