At Top Header vers 2

       Sekarang ini aku lagi bingung mau share apa, karena sepertinya semua sudah pernah aku share, jadi aku putuskan buat share at top header ini aja. Thanks to kak Afiqah for the codes! Preview :

[Live preview click here]

Designer template : paste di HTML/JavaScript

Classic template : paste di bawah kode <style>

<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: absolute;
    z-index: 500;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHEo4nJXxGKsli8PXunlcvUYqJfkPgzpIu9ULISvf-uVt-VZEtSDkK49aQQu7iidXzK6IPFfYDtCN4kSe5QdxWDUEVLxmNxEZA7a0UpgDYXptPYVWb4B0tckJu1BbcHTmTZeRQ5zKz4QU/s1600/topdivider.png);
    width: 100%;
    height: 97px;
    top: 0px;
    left: 0px;
}

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

.title {
    width: 590px;
    float: center;
    font-size: 65px;
    font-family: 'snowpersonVqfixedbyfrogii', cursive;
    color: #999;
    margin-top: 5px;
    text-align: center;
    -webkit-transition: 0.8s;
}

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

.desc {
    color: #FFA3A3;
    margin-top: 75px;
    font: 25px 'theonlyexception';
}
</style><center>
<div id="top">
<div id="title">
<div class="title">
tittle<br />
<div class="desc">
your word at here</div>
</div>
</div>
</div>
</center>

Ubah kode diatas sesuai seleramu dan jangan lupa tinggalkan komentar:) Email ThisBlogThis!Share to XShare to FacebookShare to Pinterest