Mengedit Template Blogger

Salam bahagia untuk kita semua, ok, pada artikel kali ini kita akan mengedit Template Blogger, artikel kali ini adalah tagihan pada modul 2 TOT yang berisi

- Merubah warna dasar template
- Mengganti gambar background template

Merubah warna dasar template di blogger ada 2 cara:
1. Merubah melalui pengaturan tema tanpa harus menyentuh kode template blog
2. Merubah melalui kode template blog


Merubah melalui pengaturan tema tanpa harus menyentuh kode template blog ini tidak semua template pihak ke 3 mendukung, biasanya yang menyediakan fitur ini template-template bawaan blogger atau template pihak ke 3 yang berbayar.


Pada artikel ini, akan kita pelajari bagaimana mengganti warna dasar template blog dalam hal ini template sagusablog melalui kode template blog (download template sagusablog). (link bisa didapat setelah mengikuti pelatihan, yuk daftar di IGI


1. Mengganti warna menu navigasi

Penulis coba ganti dengan warna berikut

Silahkan cari kode: .menu-secondary-container dan pada kode background:, silahkan anda ganti kode warna seperti contoh ini: #5B5E60 dengan kode warna lain yang anda inginkan.
Untuk memilih kode warna anda bisa menggunakan tool online disini:
https://www.w3schools.com/colors/colors_picker.asp

Silahkan rubah juga kode warna background pada baris kode berikutnya:

.menu-secondary li a:hover
.menu-secondary li li a
.menu-secondary li li a:hover


2. Mengganti warna tombol readmore

Penulis coba ganti dengan pilihan warna berikut

Silahkan cari kode: .readmore a, pada baris kode ini silahkan anda ganti juga kode warna untuk background sesuai selera anda.

3. Mengganti warna footer Copyrights

Silahkan cari kode: #copyrights, pada baris kode ini silahkan anda ganti kode warna untuk background dengan kode warna sesuai selera anda.

Penulis coba ganti dengan warna berikut

4. Mengganti Gambar Background Body

Penulis coba dengan ganti pilihan animasi berikut

Silahkan cari kode: body{background:url(
Pada kode tersebut terdapat alamat gambar yang bisa anda ganti dengan alamat gambar background sesuai keinginan anda.
Contoh alamat gambar: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3dY4ItguAWcK0SeDMm8BH6tGSMf6VC_vAGydJS8VgtE7ipORD48E8TM3UbULe_2veebb7956mTUtpprn4SBJRoPfu1q7o8ksf3xSY71YzfRnvvsAbsuKml09pwIJHfP9T2DgeJY2duw/s1600/bg-igi-abu2.gif

Read More