Miss Apple Lover .. follower

Jumaat, 19 Ogos 2011

Tutorial Single Blockquote

hye ... u all .. ari nie ..  miss apple nk request kn permintaan dr seorang follower miss apple.. iaitu Kak nurul ...

k.. bgi sesiapa lagi yang ingin tahu cm ne nk uat blockquote ikut step nie ya..

1. Dashboard>Design>Edit html>Tick Expand Widget Templates
2. cari code nih :

.post blockquote{ 
3.Copy code bawah nie ...
blockquote {
background:url(); background:#ffffff;
border-top: 2px dashed #F5A9D0;
border-left: 4px solid #F5A9D0;
border-right: 4px solid #F5A9D0;
border-bottom: 2px dashed #F5A9D0;
margin:1em 20px;
colour:}
blockquote:hover {
background: url() repeat right bottom ;
background:#ffffff;
border-top: 2px dashed #F5A9D0;
border-left: 4px solid #F5A9D0;
border-right: 4px solid #F5A9D0;
border-bottom: 2px dashed #F5A9D0;
margin:1em 20px;
  }
4. paste bawah  code nih  .post blockquote{

5. tulisan merah tu , ubah warna yg korang pilih
    tulisan oren tu , korang boleh ubah jugak



6. korang kalau nak letak gambar letak url gambar tu dekat tulisan biru tu . yang bentuk macam nih ()
   yang untuk gambar betukar tu , letak yang bahagian hover tu .

benda nih , korang kena pandai bace code sikit .

7. preview & save ...

Selamat Mencuba ya ..!!

klik ...