Harry Potter - Golden Snitch

Tutorial - Background + Border Pada Tajuk Post


Bagaimanakah cara untuk ubah warna background dan menambah border pada tajuk post (Post title)? Mengubah background pada tajuk post memang selalu dilakukan untuk mencantikkan blog. Ia boleh dilakukan sama ada dengan menukar warna background, ataupun meletakkan gambar sebagai background. Caranya mudah sahaja, korang hanya perlu lakukan sedikit perubahan pada Template blog korang.

Demo Preview : Ubah warna bahagian yang kaler Hijau dan tambah efek border.

Tutorial - Background + Border Pada Tajuk Post

Ikut tutorial cara memasukkan background color + border pada setiap tajuk post.

1. Sila ikut langkah ini
Login ke Dashboard Blogger > Template > Edit HTML > Hit Expand Widgets Template

2. Tekan CTRL+F untuk mudahkan korang cari kod di bawah


.post-title {


Sekiranya korang tidak menjumpai kod di atas tadi, korang cari pula kod di bawah ni.


.post h3 {


*Template yang berbeza mungkin mengandungi kod yang berlainan. Kalau tak jumpa juga, mungkin cara ni bukan untuk korang. Sorry

3. Tahniah sekiranya korang berhaya cari kod di atas tadi, seterusnya korang Copy kod di bawah ni dan Paste di Bawah kod yang korang cari tadi. (pastikan korang paste selepas { )


background: #FE2E64 ! important;
border: 2px doted #F7819F;


Customize :
  • background: #FE2E64 ! important; - kod untuk Background
  • border: 2px doted #F7819F; - kod untuk Border
  • Tukarkan  #FE2E64 kepada kod warna background yang korang nak
  • Tukarkan  #F7819F kepada kod warna border yang korang nak
  • Tukarkan  doted kepada jenis border yang korang nak. Boleh pilih SINI.
  • 2px - Ketebalan border 
Background menggunakan Gambar
Sekiranya korang ingin meletakkan gambar sebagai background blog korang korang cuma pertu letak kod ni  selepas langkah yang ke 2 tadi. Ataupun gantikan


background: #FE2E64 ! important;


Dengan kod di bawah ni


background: url('Link URL gambar yang korang nak letak') repeat;

Preview > Save > Siap!

Selamat mencuba dan semoga berjaya ^^

Jangan malu jangan segan. Sila tinggal Comment untuk sebarang pertanyaan.

Tags: Tutorial Blog, Tutorial Blog Backgroung + Border pada tajuk post, Tutorial Blog Melayu, Cara Buat Blog, Cara Bina Blog, Tutorial Blogspot, Tutorial Blogger

1 comment:

  1. postingan ini sangat menarik dan enak dibaca....saya berharap bisa berkunjung lagi

    ReplyDelete

Don't forget to drop your comment.. Thanks ya!

Tutorial Blog Tutorial Blog Tutorial Blog
Creative Commons License
Khaiangel (Dot) Com is licensed under a
Creative Commons Attribution-NonCommercial-ShareAlike 3.0 Unported License
.
©KhaiAngel.Blogspot.Com All Rights Reserved