Tutorial : Blockquote #1


  Assalamualaikum & Annyeong Haesyo earthling!! Tadi, Nana buka blog kat sekolah *sempat aje*. Bila check c-box je , ada makhluk comel yang request tutorial :
Blockquote yang dimaksudkan tu macam ni:

LIVE PREVIEW HERE


So, tanpa buang masa, jom kita mulakan sesi tutor hari ni ye murid-murid ^_^


Step 1 :
Pergi Dashboard > Template > Edit html > Tick expand widget template

Step 2 :
Cari code ]]></b:skin> , then copy code di bawah ni :
 blockquote{
background:url(url background korang);
padding:10px;
border-radius:10px;
border-left:7px solid #FBBED1;
border-right:7px solid #DED9FC;
border-top:2px solid #DED9FC;
border-bottom:2px solid #FBBED1;
color:#808080;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
font-family:calibri
}
blockquote:hover{
background:url(url background korang);
background-repeat:repeat;
-webkit-transition: 1.0s;
-moz-transition: 1.0s;
-webkit-box-shadow: 0px 0px 9px #B0AAFF;
-moz-box-shadow:    0px 0px 9px #B0AAFF;
box-shadow:         0px 0px 8px #B0AAFF;
}
 Paste kat atas code ]]></b:skin> tadi


  • Biru - Url background pilihan korang
  • Purple - Tukar code warna pilihan korang. Tak tahu nak cari code warna? Pergi SINI
  • Orange - Tukar ikut citarasa korang :)

Dah siap? SAVE!!


Tag: Tutorial


♥☺
Hello semua!! Dah lama Nana tak buka blog. Dah berhabuk pun blog ni. Tapi kini Nana update blog ni dengan EXO!! haha.... minat EXO tak? 6=6=1 ... WE ARE ONE!!! yeaayyyy.... >.<