Tugas Modul 2 TOT

Untuk modul 2 ini kita Mengedit 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:
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
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/AVvXsEjPDgTgqg5tcM5ExyvVhM9OBk0DoLbK4sen-loCJ7V73Un3GGB2h_e0AXlkM_Q405muc3-mYaAagsjBW8FMbeWkSmOnh5jRGi_MT7teQk4cUnHPv3YzE9UsxhncJVRF8URcn8c2R0x-nxdl8U7XlYv_uoJKaqkfaBeKzvxxImhPKXWn6gvoGiTZHrYn/s50/guru.jpg