Showing posts with label Tutorial. Show all posts
Showing posts with label Tutorial. Show all posts

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

Monday, 19 December 2011

Tutorial masukkan signature pada setiap entry blog



  1) Upload gambar signature (create guna adobe photoshop)  ke photobucket.com.


  2) Click share untuk dapatkan html kod. Lihat HTML for websites & blogs; Full size.


  3) Copy kod :


4) Tukar kod tersebut menjadi :

                                                               Kod yang diperlukan

5) Click dashboard > setting > formatting > post template > copy dan pastekan kod seperti di bawah;


6) Save settings
7) Click posting tab. Signature akan kelihatan! Selamat mencuba!




Photobucket