Tutorial : Kotak Status atas body[Blogskin]
posted by Zakiah Akma May 26, 2013 0 comments
  
 
 

Hari ni , saya nak buat satu tuto yang memang korang semua dah tahu . Tuto ni untuk kawan saya dan juga untuk korang semua yang membaca post ni . Tuto ni untuk pengguna blogskin sahaja . Tuto ni daripada saya . Kalau nak re-tuto balik , mintak izin saya dulu .


1; Dashboard > Template > Edit HTML
2; Cari kod </style>
3; Copy kod kat bawah ni :


<style>
#line{
position:fixed;
right:50px;
top:0px;
border-left:10px solid #A4A4A4;
border-right:10px solid #A4A4A4;
width:70px;
height:50px;}



#notii {
border:1px dashed #A4A4A4;
width:150px;
font-family:  'Sofia' , cursive ;
font-size:13px;margin-top:10px;
margin-left:-38px;
padding:4px;
height:%0px;
text-align:left;
background:url(URL BACKGROUND);
color:#444;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;}


</style>
<div id="line">
<div id="notii">
<img src="URL GAMBAR">
AYAT SENDIRI</div>
</div></div>
 
4; Pastekan di bawah kod </style>
5;Save & Preview .
Merah : Cari url background untuk kotak tu.
Hijau : Cari url gambar kat SINI atau SINI .      
Biru : Tulis status sendiri .
design by Wanaseoby. edit by Zakiah Akma.