KODE IKLAN DFP 1 Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML | Info-Terlengkap

Recents Posts

    Iklan Atas Artikel

    Cara Mengganti Warna Template Blog dengan Mudah Lewat Kode HTML

    KODE IKLAN 200x200
    KODE IKLAN 336x280
    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.

     Mengedit Warna Template Blog adalah hal yang gampang 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 Infoterlengkap.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.

     Mengedit Warna Template Blog adalah hal yang gampang 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.

     Mengedit Warna Template Blog adalah hal yang gampang 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

     Mengedit Warna Template Blog adalah hal yang gampang 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.

     Mengedit Warna Template Blog adalah hal yang gampang 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.

     Mengedit Warna Template Blog adalah 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 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”.

     Mengedit Warna Template Blog adalah hal yang gampang 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.

     Mengedit Warna Template Blog adalah hal yang gampang 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.
    KODE IKLAN 300x 250
    close
    ==[ Klik disini 1X ] [ Close ]==
    KODE IKLAN DFP 2
    KODE IKLAN DFP 2