Saturday, 31 December 2011

Tutorial warna background pada entry blog (auto)

Hai uolzz! Esok pagi wani ada final exam tau. Tapi di saat-saat genting ni sempat lagi menggodek-godek blog. Alang-alang percubaan wani menjadi, baik buat tuto. Boleh share dengan korang. Susah nak cari tuto ni, puas wani google tuto org tapi semua tak berkenan di hati. Wani ambik kod yang penting and try letak sana, letak sini. Last-last jadi ! Girang - gumbira la jawabnye.

                                 
 Sebelum 


                                                                      Selepas

Without wasting our time, jom terus follow tuto ni. Senang sangat - sangat wokeh !


1) Klik dashboard  > design > edit HTML > tick expand widget template

2) Klik ctrl+f

3) Cari kod
 
   .post {
    margin: 0 0 $(post.margin.bottom) 0;

4) Masukkan kod berikut dibawahnya

    background:#FFFFFF; border:1px dotted #FFFFFF; padding:30px;

                                                            Sebelum masukkan kod

                                                              Selepas masukkan kod


5) Klik preview. Kalau jadi, klik save. Siap!

Senangkan? Selamat mencuba!

Nota tambahan;

  • background:#FFFFFF  :  Ini untuk warna background. Kod tu boleh ubah ikut suka hati korang nak warna apa. Lain-lain kod warna boleh cari di sini .
  • padding:30px;  : Ini untuk jarak tulisan dengan border. Korang boleh ubah dan lihat perbezaannya. Baru korang akan lebih faham. 


                                                                                  Photobucket
0 Comments
Comments

0 comments:

Post a Comment