<title>Website</title>

<style>

#navbar-iframe {
    display: none !important;
}

a:link,a:visited {
    color: #aaa;
    text-decoration: none!important;
}

body {
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheNP890DVWPxUvGtQArSuB_4dOkA9ltqxBeopIxHvMTnNkMG1wZHHPZapYLtSUADmuMeB-tYrhL_zOwQGGqNxrDq1HrV8Wh5m1jh1h4m_z2J7H0dKzEF-Gm3wgI_3fSmFjLKkbWnBQIys/s1600/brown.png);
    font-family: calibri;
    font-size: 12px;
    color: #a;
    text-transform: uppercase;
    letter-spacing: 1px;
}

h1 {
    font-size: 50px;
    top: 160px;
    left: 390px;
    color: #BBC793;
    position: fixed;
}

::-webkit-scrollbar {
    width: 6px;
    height: auto;
    background: #aaa;
}

::-webkit-scrollbar-thumb {
    background: #F2E6DE;
    border-radius: 10px;
}

tablo {
    overflow: scroll;
    overflow-x: hidden;
    position: fixed;
    text-align: left;
    top: 230px;
    left: 300px;
    height: 200px;
    width: 300px;
    border: 1px dashed #fff;
    background: pink;
    padding: 10px;
}

.facebook {
    padding: 5px 5px 5px 5px;
    position: fixed;
    top: 320px;
    left: 490px;
    width: 100px;
    overflow: hidden;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-right: 100px solid #FABAB4;
    height: auto;
    background: #172DAA;
}

.facebook:hover {
    padding: 5px 5px 5px 100px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-right: 0px solid #FABAB4;
}

.twitter {
    padding: 5px 5px 5px 5px;
    position: fixed;
    top: 320px;
    left: 570px;
    width: 100px;
    overflow: hidden;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-right: 150px solid #FF9999;
    height: auto;
    background: #6B5344;
}

.twitter:hover {
    padding: 5px 5px 5px 155px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-right: 0px solid #FF9999;
}

.blogskins {
    padding: 5px 5px 5px 5px;
    position: fixed;
    top: 320px;
    left: 170px;
    width: 100px;
    overflow: hidden;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-left: 100px solid #FABAB4;
    height: auto;
    background: #393161;
}

.blogskins:hover {
    padding: 5px 100px 5px 5px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-left: 0px solid #FABAB4;
}

.tumblrish {
    padding: 5px 5px 5px 5px;
    position: fixed;
    top: 320px;
    left: 170px;
    width: 100px;
    overflow: hidden;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-left: 150px solid #FF9999;
    height: auto;
    background: #F1BBBA;
}

.tumblrish:hover {
    padding: 5px 155px 5px 5px;
    -webkit-transition: 1.0s;
    -moz-transition: 1.0s;
    border-left: 0px solid #FF9999;
}

.word {
    position: fixed;
    width: 100px;
    font-size: 14px;
    bottom: -80px;
    right: 10px;
    padding: 5px;
    border-radius: 10px;
    font-family: consolas;
    letter-spacing: 2px;
    text-transform: uppercase;
    color: #888;
    margin-top: 5px;
    text-align: center;
    height: 100px;
    background: #FFF0E0;
}
</style>

<center><h1>Website</h1>
<div class="facebook" ><a href="link">facebook</a></div>
<div class="twitter" style="margin-left:-78px;margin-top:50px;"><a href="link">twitter</a></div>
<div class="blogskins" style="margin-left:120px;border-color:#FABAB4;background:#393161"><a href="link">blogskins</a></div>
<div class="tumblrish" style="margin-left:60px;margin-top:50px;><a href="link">tumblrish</a></div>

<img src="http://data.whicdn.com/images/39594743/564023_277409875711915_2092581259_n_large.jpg"style="background:#FFF0E0; padding:10px;border:1px dashed pink; position:fixed; width:200px;left:380px; top:250px;">

<div class="word"><a style="color:#000;" href="http://www.blogskins.com/me/tralala-afiqah">THEME</a> <a style="color:#000;" href="http://chocollyheart.blogspot.com/">BY</a></div>