Cara Mengganti Warna Template Blog Dengan Gampang Melalui Kode Html

Gemboxin - Mengedit Warna Template Blog yaitu hal yang gampang-gampang susah. Karena Kalian bakal menemukan banyak sekali kode HTML dalam sebuah template. Kemudian kode yang ada pada template pun banyak. Ada kode warna buat background menu, body, header, taks, link serta masih banyak lagi. Tentu ini bakal membuat Kalian bingung jika mengeceknya satu persatu. Belum lagi Kalian enggak tahu letak serta posisi kode tersebut. Namun, sesulit apa pun sebuah permasalahan tetap ada saja solusi yang bisa dilakukan. Begitu juga mengganti warna template, taks, serta link.

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Keinginan mengganti warna tersebut tentu ada sebuah tujuan khusus. Seperti buat memperindah tampilan blog, memperjelas warna menu ataupun membedakan antara warna taks serta link. Oleh karna alasan itu, pada kesempatan kali ini gammafisblog.com bakal 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 Kalian yang menggunakan template lain, ikuti saja cara ini karna secara umum caranya yaitu sama. Baik, buat enggak 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, menjadi saya sarankan buat menggunakan Browser yang sama, agar hasilnya sesuai. Namun jika Kalian 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 serta Instal pada Browser Anda.

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

apabila Telah berhasil di instal maka aplikasi “ColorZilla” bakal muncul pada menu bagian kanan atas browser Anda.

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

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

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

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

Langkah 5 : Arahkan kursor Kalian ke menu blog yang mau di ubah warna. Maka secara otomatis bakal muncul kode warna HTML menu blog tersebut.

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

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

Setelah Kalian mengetahui kode Warna menu tersebut. Maka tahap selanjutnya yaitu mengubah kode warna tersebut di kode HTML blog Anda. Namun, sebelum Kalian mengganti warna menu. Yang perlu Kalian lakukan terlebih dahulu yaitu kode warna pengganti yang mau Kalian gunakan. Misalkan saya mau mengganti menjadi warna hijau. Maka saya perlu mengetahui kode warna HTML hijau.

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

 Mengedit Warna Template Blog yaitu hal yang gampang 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 Kalian per oleh pada tahap 5, yaitu “#03548C” serta terletak pada #css-menu.drop_menu. Gunakan CTRL + F buat mempermudah. Ubah menjadi kode warna yang Kalian inginkan. Misalnya saya mau menggunakan kode warna pada tahap 6, yaitu “#025226”.

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

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

 Mengedit Warna Template Blog yaitu hal yang gampang Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

Langkah 10 : Silahkan lakukan hal yang sama buat 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 Kalian mengetahui informasi ini tentu Kalian bakal dengan gampang mengganti warna tampilan blog Kalian dengan warna kesukaan Anda. Namun, saya sarankan buat enggak menggunakan banyak warna atau warna yang dapat merusak mata, seperti warna yang terlalu terang. Karena pengunjung bakal menjadi risih akibat warna tersebut serta mengakibatkan pengunjung enggan buat lanjut membaca artikel Anda. Jadi, gunakan warna secukupnya saja. Semoga artikel ini bermanfaat buat Anda, terima kasih telah berkunjung serta sampai jumpa kembali.

Belum ada Komentar untuk "Cara Mengganti Warna Template Blog Dengan Gampang Melalui Kode Html"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel