personal site

hello hai hai n hai :>

so, hari ni fara nak share satu benda , rugi kalau tak buat hehe .






                                                     



so , nak buat ?

DENIM TEMPLATE


1) Dashboard > Design > edit HTML
2) Cari code bawah ni

]]></b:skin>

3) kalau dah jumpa , copy code bawah ni dan pastekan SEBELUM code yg korang cari tadi

#cikfara{
position:fixed !important;
right:30px; padding-top:12px;
bottom:25px;
padding-bottom:12px;
text-align:center;
height:15px;
width:40px;
overflow:hidden;
border:3px solid #FF9E9E;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
}
#cikfara:hover{
border:1px solid #FF9E9E;
padding:5px;
height:80px;
width:150px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}

4) ok , tekan save

5) pegi dekat Dashboard > Layout > Add a Gadget > HTML/javascript

6) copy code bawah ni , then pastekan ia di ruang HTML tu

<div id="cikfara">
<img src="URL GAMBAR MINI" style="margin-left: 3px; margin-bottom: 3px;">
<br>
<center>
<BR>
CHATBOX ? MUSIC PLAYER ? STATUS UPDATE ? OR ANYTHING HERE  OK !</center></div>

7) ok siap ! preview dulu , kalau ok save aje ok ;)



BLOGSKIN


1) Dashboard > Template
2) cari code bawah ni

</style>

3) ok , kalau dah copy code bawah ni pulak n paste SEBELUM code yg korang cari tadi

#cikfara{
position:fixed !important;
right:30px; padding-top:12px;
bottom:25px;
padding-bottom:12px;
text-align:center;
height:15px;
width:40px;
overflow:hidden;
border:3px solid #FF9E9E;
-moz-border-radius: 17px 17px 17px 17px;
border-radius:17px 17px 17px 17px;
-webkit-transition: opacity 0.7s linear;
-webkit-transition: all 0.7s ease-in-out;
-moz-transition: all 0.7s ease-in-out;
-o-transition: all 0.7s ease-in-out;
background: #fff;
z-index:999;
}
#cikfara:hover{
border:1px solid #FF9E9E;
padding:5px;
height:80px;
width:150px;
-moz-border-radius: 0px 0px 0px 0px;
border-radius:0px 0px 0px 0px;
}

4) kemudian cari code ni pulak

</body>

5) copy code bawah ni dan pastekan SEBELUM code yg korang cari tu

<div id="cikfara">
<img src="URL GAMBAR MINI" style="margin-left: 3px; margin-bottom: 3px;">
<br>
<center>
<BR>
CHATBOX ? MUSIC PLAYER ? STATUS UPDATE ? OR ANYTHING HERE  OK !</center></div>

6) preview kalau dah ok save aje  !

SIAP ^__^


NOTE


- Colour : letak la ape2 yang korang nak dekat situ
- Colour : URL gambar , ingat pilih yang MINI punya ok !
- Colour : solid / dashed / dotted (pilih salah satu)
- Colour : ubah dengan warna yg korang nak dekat >>SINI<<


# kalau nak copy tuto fara bagi tahu dulu ! n sila credit

 Iza Zaty said...

tq sangat !!

 

Post a Comment