Mengedit Template Blogger

Semangat Pagi!

Pada kesempatan kali ini penulis akan berbagi artikel tentang penyelesaian tugas kedua pada workshop TOT-2 Sagusablog yaitu Mengedit Template Sagusablog.

Detail Tagihan Modul 2 adalah :

- Mengubah warna dasar template

- Mengganti gambar background template

 Mengubah warna dasar template di blogger ada 2 cara:

1. Mengubah melalui pengaturan tema tanpa harus menyentuh kode template blog

2. Mengubah melalui kode template blog

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

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 ubah 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 mencoba mengganti gambar background sebgai berikut

Silahkan temukan 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/AVvXsEiijZWNxm_qzhakswDflF0ImRKhvd_KO9PFWOmD7kEYga0uBrt4_jELBx_ZcMbVCdWqTInk-VEMfakqpCcXcecakzFoZQG6qvmDn9FgompDbrNDlQxnzE4BEnjidgkqXS3r8uXth6nI_g/s1600/bg-igi-abu2.gif

Demikian artikel yang berjudul Mengedit Template Blogger, semoga bermanfaat.