Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Gammafisblog.com - Mengedit Warna Template Blog adalah hal yang gampang-gampang susah. Karena Anda akan menemukan banyak sekali kode HTML dalam sebuah template. Kemudian kode yang ada pada template pun banyak. Ada kode warna untuk background menu, body, header, taks, link dan masih banyak lagi. Tentu ini akan membuat Anda bingung jika mengeceknya satu persatu. Belum lagi Anda tidak tahu letak dan posisi kode tersebut. Namun, sesulit apa pun sebuah permasalahan tetap ada saja solusi yang bisa dilakukan. Begitu juga mengganti warna template, taks, dan link.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Keinginan mengganti warna tersebut tentu ada sebuah tujuan khusus. Seperti untuk memperindah tampilan blog, memperjelas warna menu ataupun membedakan antara warna taks dan link. Oleh karena alasan itu, pada kesempatan kali ini gammafisblog.com akan berbagi informasi mengenai cara mengganti kode warna tampilan template. Tutorial kali ini saya gunakan blog ini sebagai bahan percobaan, dimana blog ini menggunakan template Kompi Flexible. Untuk Anda yang menggunakan template lain, ikuti saja cara ini karena secara umum caranya adalah sama. Baik, untuk tidak memperpanjang kata mari langsung saja kita mulai pembahasannya.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML


Langkah 1 : Di sini saya menggunakan Browser Google Chrome, jadi saya sarankan untuk menggunakan Browser yang sama, agar hasilnya sesuai. Namun jika Anda menggunakan Mozilla Firefox maka tinggal disesuaikan saja.

Langkah 2 : Masuk ke halaman
https://chrome.google.com/webstore/category/extensions kemudian Search “ColorZilla”. Aplikasinya seperti gambar di bawah ini. Download dan Instal pada Browser Anda.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Jika sudah berhasil di instal maka aplikasi “ColorZilla” akan muncul pada menu bagian kanan atas browser Anda.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 3 : Buka halaman blog Anda yang ingin di ubah warnanya. Misalkan saya ingin mengubah warna Background menu dari warna biru menjadi warna hijau

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 4 : Klik aplikasi ColorZilla lalu klik “Page Color Picker Active”. Hal ini bertujuan untuk mengaktifkan aplikasi tersebut.

Langkah 5 : Arahkan kursor Anda ke menu blog yang ingin di ubah warna. Maka secara otomatis akan muncul kode warna HTML menu blog tersebut.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Perhatikan gambar di atas, terlihat bahwa kode warna HTML menu blog adalah “#03548C”. Kemudian letak kode warna tersebut adalah terletak pada kode #css-menu.drop_menu

Setelah Anda mengetahui kode Warna menu tersebut. Maka langkah selanjutnya adalah mengubah kode warna tersebut di kode HTML blog Anda. Namun, sebelum Anda mengganti warna menu. Yang perlu Anda lakukan terlebih dahulu adalah kode warna pengganti yang ingin Anda gunakan. Misalkan saya ingin mengganti menjadi warna hijau. Maka saya harus mengetahui kode warna HTML hijau.

Langkah 6 : Masuk ke halaman “https://html-color-codes.info/old/colorpicker.html” untuk mencari kode warna hijau. Atur hingga Anda memperoleh warna yang sesuai keinginan Anda.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 7 : Setelah memperoleh kode warna pengganti. Langkah selanjutnya masuk ke halaman Edit HTML blog Anda. Masuk ke blogger.com >> Klik Tema >> Edit HTML

Langkah 8 : Pada Menu Edit HTML, Cari kode warna yang telah Anda per oleh pada langkah 5, yaitu “#03548C” dan terletak pada #css-menu.drop_menu. Gunakan CTRL + F untuk mempermudah. Ubah menjadi kode warna yang Anda inginkan. Misalnya saya ingin menggunakan kode warna pada langkah 6, yaitu “#025226”.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 9 : Setelah mengganti kode warna HTML #03548C menjadi #025226, langkah terakhir klik save. Maka akan terlihat perubahannya seperti pada gambar di bahwa ini.

Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 10 : Silahkan lakukan hal yang sama untuk mengubah warna background yang lainnya.


Itulah artikel tentang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML. Mudah sekali kan cara mengganti kode warna HTML blog. Setelah Anda mengetahui informasi ini tentu Anda akan dengan mudah mengganti warna tampilan blog Anda dengan warna kesukaan Anda. Namun, saya sarankan untuk tidak menggunakan banyak warna atau warna yang dapat merusak mata, seperti warna yang terlalu terang. Karena pengunjung akan menjadi risih akibat warna tersebut dan mengakibatkan pengunjung enggan untuk lanjut membaca artikel Anda. Jadi, gunakan warna secukupnya saja. Semoga artikel ini bermanfaat untuk Anda, terima kasih telah berkunjung dan sampai jumpa kembali.

Berlangganan update artikel terbaru via email:

0 Response to "Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML"

Post a Comment

Silahkan berkomentar dengan baik dan sesuai judul artikel serta NO "SPAM"

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel