Cara Modifikasi Warna Template Blogger Via Inspect Element Mudah

Mengganti warna, memodifikasi warna atau custom warna template bawaan sangatlah mudah dengan bantuan fitur inspect elemen bawaan browser
Memiliki template keren dengan kombinasi warna yang tepat dan sesuai keinginan adalah hal yang banyak diinginkan oleh seorang belogger. Tidak sedikit blogger pemula hanya karena ingin warna template tertentu melakukan pergantian template blog dengan yang baru karena kobinasi warnanya sesuai dengan yang diinginkan padahal terkadang fitur dan susunan tata letaknya tidak sebaik yang dipakai sebelumnya. Bahkan ada yang sampai membayar jasa pengganti warna template seperti Admin sendiri dulu waktu masih benar-benar newbie blogger.

Untuk memodifiksi atau custom warna template sebenarnya caranya sangat mudah jika Anda mengetahui cara atau prosedurnya, dan hal ini Admin yakin semua blogger pemula pasti bisa karena sangat-sangat mudah sekali hanya dengan fitur inspect elemen yang ada pada browser. 
an image
Sebagai contoh praktik disini Admin akan mengubah warna bagian footer yang tadinya berwarna hitam menjadi biru. Langsung saja buka halaman blog yang akan diubah kombinasi warnanya.

an image

Tentukan area yang ingin Anda ubah, sebagai contoh disini area footer, klick kanan pada area yang akan diubah warnanya kemudian pilih Inspect Element.

an image

Maka pada tampilan layar browser sebelah kanan akan muncul kode html penyusun element template. Perhatikan area styles yang admin beri tanda panah merah menunjukkan warna hitam dengan kode HTML #000 sesuai dengan warna pada area footer blog, salin kode tersebut dan letakkan di NotePad
an image

Klick pada area kotak warna, maka akan muncul jendela pilihan kombinasi warna, silahkan dipilih ingin menerapkan warna sesuai selera anda sebagai contoh Admin pilih warna biru. Salin kode warna yang dipilih ke NotePad. 
an image

Setalah itu sorot area kode di tab elemen sebelah kanan, sampai area yang akan dirubah warna terblog, kemudian klick kanan pilih Edit as HTML. 
an image

Copy salah satu kode yang ada diarea tersebut sebagai kata kunci pencarian kode yang akan digunakan pada pencarian kode template pada menu EDIT HTML. Cohnya admin menyalin kode "Footer-Warapper" sebagai kata kunci. 
an image


Masuk ke halaman EDIT HTML yang ada di dasboard blogger menu Tema, gunakan fitur pencarian dengan cara menekan kombinasi tombol keyboard ctrl + f. kemudian gunakan kata kunci yang telah disalin sebelumnya untuk mempermudah pencarian lokasi kode. Pastekan kode pada  kolom pencarian lalu tekan Enter. 

an image

Sekarang sudah muncul area kode pencarian sesuai dengan kata kunci yang dipilih, cari kode warna sesuai dengan kode warna HTML yang sudah dipilih #000 (warna hitam) ganti dengan kode warna pengganti yang sudah dipilih sebelumnya kemudian klick simpan tema untuk menerapkan dan lihat hasilnya. Sekarang warna footer yang tadinya hitam sudah berganti dengan warna biru. 
an image


Jika Anda ingin mengganti warna Header atau warna area template lainnya gunakan fitur inspect elemen, salin kode warna asli bawaan, kemudian tentukan kode warna pengganti, lalukan prosedur sesuai dengan yang sudah Admin jabarkan di atas. 

Kesimpulan:  Mengganti warna, memodifikasi warna atau custom warna template bawaan sangatlah mudah dengan bantuan fitur inspect elemen bawaan browser. Sekarang Anda bisa mengubah warna template blogger sendiri sesuai selera tanpa harus membayar jasa penyedia desain template. 

About the Author

Seorang Blogger Newbie Lampung

Posting Komentar

Cookie Consent
We serve cookies on this site to analyze traffic, remember your preferences, and optimize your experience.
Oops!
It seems there is something wrong with your internet connection. Please connect to the internet and start browsing again.
AdBlock Detected!
We have detected that you are using adblocking plugin in your browser.
The revenue we earn by the advertisements is used to manage this website, we request you to whitelist our website in your adblocking plugin.