Tutorial: Widget Information

konnichiwa anata no subete!! ^^ *azek:P . Aku kembali lagi nih :D ,aku bawa tutorial baru .. . ini ori tutoku ya.. :) jadi kalau mau copy sertakan creditnya dari blogku >:) :D . what widget information? itulowh yang ada di bagian atas kanan blogku,lihat? .
kalo blum ngerti nih ku kasih gambarnya

tuh,ngertikan?
oke dari pada penasaran ,langsung ke tutonya aja yah -w- v

Blogskin:
1.) Dashboard >> template
2.) Cari kode

</style>

3.) dapat? . sekarang tugas kamu copy kode ini dan pastekan dibawah kode </style>

#line{
position:fixed;
right:60px;
top:0px;
border-left:10px solid #FFB1B1;
border-right:10px solid #FFB1B1;
width:60px;
height:100px;
}
.statioo {
border:2px solid #FFB1B1;
font-family: verdana;
font-size:25px;
letter-spacing:4px;
-webkit-transition:All 0.4s ease;
-moz-transition:All 0.4s ease;
-o-transition:All 0.4s ease;color:#666;
width:150px;
margin-left:-50px;
margin-top:90px;
text-align:center;
padding:5px;
background:#fff;
}
#notii {
border:2px dashed #FFB1B1;
width:150px;
font-family: verdana;
font-size:15px;
margin-top:7px;
margin-left:-50px;
padding:5px;
height:%0px;
text-align:center;
background:#fff;
color:#666;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}
</style>
<div id="line">
<div class="statioo">
JUDUL INFORMASI</div>
<div id="notii">
ISI INFORMASI</div>
</div></div>

nb:
Warna ini untuk warna bordernya bisa liat disini
Warna ini untuk font judul dan isi informasi
Warna ini untuk judul informasi,jelas bukan? ;)
Warna ini untuk isi informasi,maksudnya kalian bisa isi terserah kalian misalnya:aku hiatus dulu ya,besok ada event di blog ini jadi jangan kemana-mana,etc (:'v)

4.) preview dulu, gak ada kendala baru Save ;)