• Dashboard >>> Tata letak >>> HTML/Javascript
  
  
• Copy dan Paste kode ini :

<div class="widget-content">
<br />
<center>
<style>

#sidebar-position{

border:2px solid rebeccapurple;

z-index:9999;

background:url(URL GAMBAR);

padding:5px;width:200px;}

#back{

-webkit-transition: 1.0s;

-moz-transition: 1.0s;

border:4px solid rebeccapurple;

background-image: url('URL GAMBAR');

width:193px;

height:180px;

overflow:hidden;

margin-right:6px;

margin-bottom:5px;}

#back:hover{

border:4px solid rebeccapurple;

-webkit-transition: 1.0s;-moz-transition: 1.0s;}

.title {

margin-right:-90px;

margin-top:-60px;

font:28px 'from where you are';

padding:5px;

-webkit-transition:all .3s linear;

-moz-transition:all .3s linear;

transition:all .3s linear;

text-align:center;color:#FFF;

background:rebeccapurple;

padding:3px;

letter-spacing:3px;}

#statuss {

margin-top:200px;

-webkit-transition:all .3s linear;

-moz-transition:all .3s linear;

transition:all .3s linear;

font:12px delius;

text-transform:uppercase;

color:#000;

padding:3px;

background:#fff;

display:block;

height:250px;}

#back:hover .title {margin-top:0px}

#back:hover #statuss {margin-top:0px;}

</style><div id="sidebar-position">

<div id="back">
<div class="title">
Hi!</div>
<div id="statuss">
<div id="status">
<br />
<br />
<br />
Welcome to my blog</div>
</div>
</div>
</div>
</center>
</div>

Ket:
-- : Kode warna
-- : URL gambar/background
-- : Font
-- : Title/judul
-- : Text

Labels: ♫ Tutorial, disclaimer