Nampak tak, nampak tak? Oraite.. Aku malas nak citer banyak.. Jadi, moh ler kite start... Ehh, nanti dulu.. Backup template asal korang... Kang takut tak menjadi, nanya korang..

Sebelum tuh, cube tekan semua link kat bawah nie.. Ada iklan yang mungkin korang berminat kot.. Kalau tak berminat, klik jerp 1 link nie.. hehe... (Link SAYS daa..)

http://bit.ly/RQaOfz
http://bit.ly/XvgYYH
http://bit.ly/TNv2nM
http://bit.ly/WFdcLQ
http://bit.ly/Z5hVnp

1. Login akaun Blogger korang dulu... Wajib nie tau..

2. Pergi ke Template > Edit HTML > Proceed (Ejaan Proceed yang mungkin baru betul. Sebab selame nie aku typo kowt masa taip entri.. hahahah..)

3. Tick Expand Widget Templates, dan cari kod ]]></b:skin>. Kalau dah jumpa, salin kod CSS bawah nie dan tampal kod tuh betul-betul dekat atas kod yang kita cari mule-mule tadi tuh..

a.button:link {
color: #6E6E6E;
font: bold 12px Helvetica, Arial, sans-serif;
text-decoration: none;
padding: 7px 12px;
position: relative;
display: inline-block;
text-shadow: 0 1px 0 white;
-webkit-transition: border-color .218s;
-moz-transition: border .218s;
-o-transition: border-color .218s;
transition: border-color .218s;
background: #F3F3F3;
background: -webkit-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
background: -moz-linear-gradient(linear,0% 40%,0% 70%,from(whiteSmoke),to(#F1F1F1));
border: solid 1px gainsboro;
border-radius: 2px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
margin-right: 10px;
text-align: center;
width: 70px;
transition: width 1s;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition: width 1s;
}
a.button:hover {
color: #333;
border-color: #999;
-moz-box-shadow: 0 2px 0 rgba(0, 0, 0, 0.2) -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15);
width: 110px;
}