Cara Mudah Dan Cepat Mengganti Warna Template Blogger

Mengganti warna template blog adalah satu hal yang menurut saya penting, warna yang sesuai dengan niche sangat mempengaruhi keindahan dan keharmonisan tampilan website, silahkan baca Psikologi Warna Pada Sebuah Desain. Sebenarnya sudah banyak tutorial yang menuliskan artikel cara mengedit warna, cara mengganti warna, dan cara-cara untuk merubah warna pada template blogger.

Namun anda harus ketahui, sekarang saya akan share cara termudah dan tercepat. Jika anda mencari di artikel diwebsite lain, mungkin anda akan menemukan cara yang lebih sulit seperti menggunakan Adobe Photoshop atau tool-tool yang harus anda install hanya untuk mencari code warna. Sekarang anda tidak perlu benda-benda semacam itu, berikut tutorialnya.

Cara Mudah Dan Cepat Mengganti Warna Template Blogger

1. Buka website anda pada browser, misalkan www.teoridesain.com

2. Klik kanan bagian yang akan diganti warna > Inspect Element , kali ini saya ingin mengganti warna menu pada template, disini saya menggunakan Google Chrome.

CaraMudahDanCepatMenggantiWarnaTemplateBlogger01 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger

3. Akan terbuka kotak dialog dibagian bawah, perhatikan gambar.

CaraMudahDanCepatMenggantiWarnaTemplateBlogger02 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger

4. Sekarang anda tinggal mengarahkan kursor agar bagian yang ingin diganti warna ter-block, cari tahu code warnanya. Lihat ke bagian kanan bawah terdapat kode warna, Copy kode > Block > Klik Kanan > Copy atau tekan CRTL+C.

CaraMudahDanCepatMenggantiWarnaTemplateBlogger03 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger

 

5.  Sekarang anda sudah mendapatkan code warnanya, pergi ke Dasbhor > Template > Edit HTML > CRTL+F > Paste (CRTL+V) > Enter. Anda akan menemukan letak warna tersebut di edit HTML dalam seketika.

CaraMudahDanCepatMenggantiWarnaTemplateBlogger04 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger
6. Buka www.teoridesain.com > Web Tool > Color Picker > Pilih Warna > Copy Kode WarnaColor Picker.
CaraMudahDanCepatMenggantiWarnaTemplateBlogger05 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger

7. Pastekan pada warna yang sudah ditemukan sebelumnya dalam Edit HTML > Save Template > Selesai.

CaraMudahDanCepatMenggantiWarnaTemplateBlogger06 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger
CaraMudahDanCepatMenggantiWarnaTemplateBlogger08 300x300 Cara Mudah Dan Cepat Mengganti Warna Template Blogger
Hasil Akhir dari Mengganti Warna Template
Catatan : 
Bagaimana jika terdapat banyak warna yang sama pada template anda ketika mencarinya pada Edit HTML? Solusi terbaik adalah ketahui bagian template mana yang warnanya ingin anda ganti, misalkan nav, menu. header, widget, footer dan sebagainya, begini caranya.

Ulangi langkah kedua, saat kotak dialog terlihat anda dapat menemukan persamaan codingnya didalam Inspect Element dan Edit HTML, misalkan dengan id:menu. Perhatikan Gambar.

persamaancodinginspectelementdaneditHTML Cara Mudah Dan Cepat Mengganti Warna Template Blogger

 

Demikian cara mudah dan cepat mengganti warna template blogger tanpa sodtware atau tool-tool yang harus anda install, Cara ini juga dapat digunakan untuk mengganti seluruh bagian warna pada template, misalkan warna footer, warna header, warna background, warna body dan sebagainya. Bagaimana mudah sekali kan? Jika ada pertanyaan silahkan berkomentar. Semoga bermanfaat.
author
Author: 
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Penjelasan Prinsip Dan Tujuan Desain Poster
    Pada dasarnya poster adalah sarana untuk mengiklankan
    8 Jenis Desain Dan Cara Mudah Menguasainya
    8 Jenis Desain Dan Cara Mudah Menguasainya
    Desain grafis erat kaitannya dengan menggambar atau
    Feature Blog Yang Harus Dibuat Untuk Kepentingan Blog Anda
    Feature Blog Yang Harus Dibuat Untuk Kepentingan Blog Anda
    Pada dasarnya membuat sebuah blog memanglah mudah,
    Aplikasi Penting Untuk Belajar Desain Atau Para Desainer
    Aplikasi Penting Untuk Belajar Desain Atau Para Desainer
    Pertumbuhan pengguna smartphone pada zaman modern ini
    1. author

      Rian10 bulan ago

      Mantap share nya mas, saya masih belajar css.. trims

      Reply
    2. author

      abu azma7 bulan ago

      Wah dapat ilmu baru, ini yang selama ini saya cari, terimakasih mas…

      Reply
      • author
        Author

        TeoriDesain6 bulan ago

        semoga menjadi ilmu yang bermanfaat mas 🙂

        Reply
    3. author

      NGAWI DIAN4 bulan ago

      wahh.. mantap bang ilmunya… sangat bermananfaat.. Salam dari ngawidian.com

      Reply
    4. author

      PubiwayLiker4 bulan ago

      Kalau saya pakai color generator gan mengganti-ganti warna css nya

      Reply

    Leave a reply "Cara Mudah Dan Cepat Mengganti Warna Template Blogger"

    Must read×

    Top