Mengubah warna template blog

Memilih warna template blog

Seperti yang kita tahu, untuk memilih template yang sesuai untuk Website / Blog kita memang kadang sulit, karena pemilihan template seharusnya menggunakan template yang sebisa mungkin cocok dengan tema atau niche blog yang kita punya. Selain pemilihan template, warna template juga bisa jadi pertimbangan juga loh, nah bagi nada yang sudah menemukan template yang sesuai namun warnanya kurang klop, coba deh coba cara berikut.

Berikut Tips trik tutorial untuk merubah warna dari template dengan catatan template tersebut belum / tidak memiliki fitur penyesuaian warna dari opsi tema di blogger, yang mana harus kita rubah manual.

Bahan :

1. File Templatenya dong
 Anda bisa download, banyak banget kok yang nyediain template gratisan.

2. Browser
 Buat Preview. Dan pastikan template yang ingin di ubah sudah ter-load.

3. Notepad++
 Buat ngedit script HTML/CSS nya. Tenang om, ngga susah kok.


Langkah : 
1. Jalankan dulu Template yang ingin diubah

2. Cari tahu warna yang akan diubah
  Untuk mencari tahu kode warna pada template kita gunakan fasilitas browser kita yaitu Inspect Element.

Inspect Elemen

Change element rules


3. Temukan & Ubah kode warna tadi di file template


Buka Notepad++ nya, Untuk menemukan bisa kita search, namun kita gunakan Fungsi Replace ( ctrl + H ).
Nanti kode yang tadi  kita dapatkan dari inspect elemen kita paste ke kolom Find What. Selanjutnya
kita isi kolom Replace With dengan kode yang baru.

* kode warna html bisa didapat darimana saja.
Biasanya saya langsung edit di browser langsung.

 


4. Save
Tinggal Save deh template nya. Lumayan mudah bukan.


5. Install template
Setelah file template sudah kita ubah, kita tinggal install deh ke blog kita.

* Cara ini mungkin akan merubah semua elemen ( warna ) pada template kita ( backround, link, dsb yang memiliki kode warna yang sama karena kita menggunakan fungsi "replace all" ). Untuk mengubah warna elemen tertentu yaa.. kita edit manual satu satu css nya dong :D.

Sekian sedikit tutorial dari saya, semoga bisa membantu. Bantu Share ya jika berkenan...

Post a Comment

0 Comments