Lompat ke konten Lompat ke sidebar Lompat ke footer

Modul 2 TOT: Mengedit Template Sagusablog

Tagihan Modul 2:
- Merubah warna dasar template
- Mengganti gambar background template

Merubah Warna Dasar Template Sagusablog

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 panduan ini, akan kita pelajari bagaimana mengganti warna dasar template blog dalam hal ini template sagusablog melalui kode template blog (download template sagusablog).

1. Mengganti warna menu navigasi
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: 

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
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.

4. Mengganti Gambar Background Body

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/AVvXsEhtOVcv5rGqnEj39wxg6Wb9zqfUUbMBBxjPwG7tjOUTTHoCswSU7vyg9GRzzZDDgdbncAw86M6XQQnrFvnfL2je_QaiVvaHT-p0b1xooG4BM8O3PCtW5_fmT551O4ypJjNm8l0jBgtHZQ/s1600/bg-igi-abu2.gif

Cara melaporkan hasil pekerjaan: 
Laporkan melalui SIM GP IGI (gurupembelajar.igi.or.id) dengan menuliskan alamat ke postingan blog yang berisi screenshot tampilan blog sebelum dan sesudah diedit.