Mengubah font dan warna template blogger

Saya akan menjelaskan tentang bagaimana mudahnya edit template blogger.Setelah login ke account Blogger, di bawah tab Layout Font dan tab Font and Colours akan anda temukan  antarmuka yang mudah untuk mengubah dan mengganti font, warna font dan warna background atau latar belakang. Bila Anda membuat template sendiri,anda akan dapat merubah beberapa area yang Anda inginkan.
warna theme blogger
Untuk  menambahkan properti baru ke dalam daftar adalah proses yang cukup sederhana dan Anda hanya perlu mengubah CSS dan tambahkan variabel baru ke template yang Anda diperlukan.
Misalnya saya akan menambahkan variabel background warna untuk kolom-wrapper (Side bar) sehingga aku akan dapat memilih warna yang berbeda untuk side bar saya tanpa membuka Edit HTML atau mencari tahu kode desimal hex untuk warna.
1. Klik pada Layout dan kemudian  Edit Html.
2. Cari CSS untuk column-wrapper (kolom wrapper) atau side bar.
3. Tambahkan baris berikut di dalam column-wrapper.
background-color:$coloumnwrapperbgcolour;
warna theme blogger2
background-color: adalah properti CSS untuk latar belakang.
$coloumnwrapperbgcolour; adalah variabel yang kita rubah selanjutnya.
4. Gulir ke atas sampai Anda menemukan tempat mendefinisikan variabel tersebut . Biasanya Anda bisa menemukannya di bagian atas halaman. Tambahkan baris berikut
<Variable name=”coloumnwrapperbgcolour” description=”Column Rapper Bg Colour”
type=”color” default=”#fff” value=”#35556a”>
Variable name harus sama dengan variabel yang digunakan pada langkah 3
description Anda harus memberikan deskripsi yang unik untuk setiap variabel yang Anda tetapkan. Hal ini di perlukan agar anda memahami kemudian karena  ini akan ditampilkan dalam daftar.
type sementara color. Jika variabel type tentang jenis font maka kita isi akan font.
warna theme blogger3
5. Klik Save template. Setelah berhasil diperbarui buka Fonts and Colours.
Sekarang Anda dapat dengan mudah memperbarui   Warna Background  template Blogger dengan hanya beberapa klik. Anda juga dapat menerapkannya pada properti CSS lain .

0 komentar:

Post a Comment

Give Your Comment Here...