Loading

Minggu, 24 Januari 2016

Blogger Tutorial: Membuat Tulisan Header dengan CSS

Apa itu header? Header adalah judul pada blog. Kali ini saya akan memberi tips cara membuat tulisan header lebih menarik.
  1. Login ke account blogger mu
  2. Pilih blog
  3. Tekan Template > Sesuaikan > Tingkat Lanjut
  4. Cari 'Tambahkan CSS'
  5. Copy CSS ini di kotak CSS

Kode CSS dibawah ini, silakan copy, lalu pastekan ke kotak CSS nya.


/* Judul by Watercan */
.Header h1 {
font-family: 'Arial', sans-serif;
font-size: 80px;
text-align: center;
color: #559988;
text-shadow: 2px 7px 3px #ccccaa;
}
Keterangan:
Ganti teks dengan warna merah dengan font Awesome yang kamu mau di Google Font
Ganti teks dengan warna ungu dengan besarnya tulisan Header.
Ganti teks dengan warna hijau dengan letaknya header. (left; (kiri) right; (kanan) center; (tengah)
Ganti teks dengan warna orange dengan warna header
Ganti teks dengan warna aqua dengan bayangan header. #ccccaa ganti dengan warna bayangan. Hapus text-shadow: 2px 7px 3px #ccccaa; untuk tidak ada bayangan header
      
6. Klik Terapkan ke blog
7. Klik Lihat blog

Hasilnya akan seperti..
Sebelum                                             
Sesudah








Demikian atas kehormatannya, sudah menyoba tips ini. 

Tidak ada komentar:

Posting Komentar

Related Posts Plugin for WordPress, Blogger...