Tutorial: Blockquote Part2

Assalamualaikum :) Tutorial ni Mira nak kredit kat Nabila Medan ! 

Blockquote yang mira nak ajar macam ni =

Mula2 macam nie :

Kalau halakan cursor kat blockquote akan jadi macam ni : 

Nak buat blocquote mcm tu? :) V_V

1. Dashboard -> Template -> Edit HTML -> Proceed ! 

2. Tekan (F3 atau Ctrl + F) search kod .post blockquote {

3. Dah jumpa? Ok, bagus ;P!   Amaran! kalau ada anak2 kod bawah tu,korang padam dulu tau?! Ulang! padam dulu anak2 kod tu~ Jangan padam sampai habis pulak ;D ! Tak paham? ni :

 

tak nampak tekan gambar untuk lebih jelass 

4. Lepastu, copy kod bawah ni dan paste di BAWAH kod .post blockquote {  tadi

   border:1px solid #FF00C0;
background: #ffffff;
color:black;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
box-shadow: inset 15px 0 0px 0  #FF00C0;
padding: 10px 10px 10px 26px;
}
blockquote:hover {
color:#FF0000;
-webkit-transition: 0.6s;
-moz-transition: 0.6s;
border:1px solid #FF00C0;
box-shadow: inset 550px 0 0px 0 #FFCAF2;}

#Nota#

Merah = Warna cari di sini

Biru = Background cari di sini

Dah Siapp preview!! Kalau tak ada error Save Template :)