Cara Membuat Gradasi Warna di Footer Blog - Tuan Siput
Hai semuanya kali ini tuan siput akan membagikan artikel tentang cara membuat gradasi warna pada footer template blog.

Sebenarnya gradasi warna yang akan digunakan ini bukan hanya untuk gradasi warna pada footer saja tapi bisa digunakan untuk segala jenis bagian seperti hedaer, sidebar, background, tulisan dan masih banyak lagi.

Untuk tampilan warnanya sendiri sebenarnya bisa diubah dengan warna yang diinginkan, namun untuk warna standarnya mengikuti warna pada kode yang akan dicantumkan dalam postingan ini. Tapi jangan kawatir, kamu bebas kok untuk mengubah warnanya sesukamu.

Ikuti beberapa langkah berikut ini untuk cara pemasangannya


1. Masuk ke "Blogger" > pilih menu "Tema" > klik "Edit HTML".

2. Copy dan paste kode di bawah ini sebelum atau di atas kode ]]></b:skin>

/* Degradasi Warna */
#footer-container{background: linear-gradient(135deg, #00BFFF 15%,#54ff00 100%);}

3. Ganti kode #footer-container dengan kode pemanggil yang digunakan di template blog kamu.

4. Simpan tema.

Untuk melihat kode pemanggil, 1. klik "Kanan" pada bagian template yang ingin kamu lihat kemudian 2. klik "Inspect".


Maka akan muncul kode pemanggil. Seperti template yang saya gunakan saat ini kode pemanggilnya adalah #footer-container.


Semoga artikelnya bermanfaat ya,  jika masih bingung jangan sungkan untuk bertanya.

Cara Membuat Gradasi Warna di Footer Blog

Hai semuanya kali ini tuan siput akan membagikan artikel tentang cara membuat gradasi warna pada footer template blog.

Sebenarnya gradasi warna yang akan digunakan ini bukan hanya untuk gradasi warna pada footer saja tapi bisa digunakan untuk segala jenis bagian seperti hedaer, sidebar, background, tulisan dan masih banyak lagi.

Untuk tampilan warnanya sendiri sebenarnya bisa diubah dengan warna yang diinginkan, namun untuk warna standarnya mengikuti warna pada kode yang akan dicantumkan dalam postingan ini. Tapi jangan kawatir, kamu bebas kok untuk mengubah warnanya sesukamu.

Ikuti beberapa langkah berikut ini untuk cara pemasangannya


1. Masuk ke "Blogger" > pilih menu "Tema" > klik "Edit HTML".

2. Copy dan paste kode di bawah ini sebelum atau di atas kode ]]></b:skin>

/* Degradasi Warna */
#footer-container{background: linear-gradient(135deg, #00BFFF 15%,#54ff00 100%);}

3. Ganti kode #footer-container dengan kode pemanggil yang digunakan di template blog kamu.

4. Simpan tema.

Untuk melihat kode pemanggil, 1. klik "Kanan" pada bagian template yang ingin kamu lihat kemudian 2. klik "Inspect".


Maka akan muncul kode pemanggil. Seperti template yang saya gunakan saat ini kode pemanggilnya adalah #footer-container.


Semoga artikelnya bermanfaat ya,  jika masih bingung jangan sungkan untuk bertanya.