Mengubah font dan warna template blogger

Published 2 Mei 2012 by loewongankerja
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 .

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: