TUGAS 2- TOT SAGUSABLOG (Angkatan 1)

 TUGAS MODUL 2 - TOT SAGUSABLOG

"Mengedit Template Sagusablog"

Pada tugas Modul 2 ini, peserta mempelajari materi tentang bagaimana mengubah/mengedit template sagusablog yang digunakan oleh peserta.

Blog yang Bu Rien'z buat menggunakan Template Sagusablog IGI Warna Ungu. Setelah mempelajari Modul 2, berikut hasil perubahan/editannya.

Tampilan Awal Sebelum di edit

A. Mengganti Warna Menu Navigasi

Untuk mengganti warna menu navigasi melalui kode HTML pada kode berikut ini:

.menu-secondary-container

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

perubahan dilakukan pada background dengan mengganti kode warnanya.

Kode HTML menu navigasi sebelum diganti

Tampilan Menu Navigasi sebelum diganti

Kode HTML Menu Navigasi setelah diganti

Tampilan Menu Navigasi setelah diganti

B. Mengganti Warna Tombol Readmore

Untuk mengganti warna Tombol Readmore kode HTML pada kode :

.readmore a

perubahan dilakukan pada background dengan mengganti kode warnanya.

Kode HTML Tombol Readmore sebelum diganti

Tampilan Tombol Readmore sebelum diganti

Kode HTML Tombol Readmore setelah diganti

Tampilan Tombol Readmore setelah diganti

C. Mengganti warna Footer Copyright

Untuk mengganti warna Footer Copyright kode HTML pada kode :

#copyrights

perubahan dilakukan pada background dengan mengganti kode warnanya.

Kode HTML Footer Copyright sebelum diganti

Tampilan Footer Copyright sebelum diganti

Kode HTML Footer Copyright setelah diganti

Tampilan Footer Copyright setelah diganti

D. Mengganti Gambar Background Body

Pada Template blog yang Bu Rien'z gunakan ini, menggunakan background dengan gambar logo IGI berwarna ungu. Pada Tugas Modul 2 ini, Bu Rien'z akan mengganti logo IGI menjadi Logo personal dari Bu Rien'z, yaitu Logo Rienz Kinarya. 

Tampilan Logo Personal Rien'z Kinarya

Untuk mengganti gambar background body kode HTML pada kode :

body{background:url(

Pada kode tersebut terdapat alamat gambar yang bisa diganti dengan alamat gambar background sesuai keinginan.

Kode HTML Background Body sebelum diganti

Tampilan Background Body sebelum diganti

Kode HTML Background Body setelah diganti

Tampilan Background Body sebelum diganti

Demikian, penugasan Modul 2-TOT Sagusablog Angkatan 1. Semoga bermanfaat.

Terima kasih sudah mampir di Blog Bu Rien'z. Jangan lupa tinggalkan jejak, ya...

Salam hormat penuh cinta, dari saya.. IGI'ers Kota Gudeg Yogyakarta.