Cara Mempercantik Warna Tampilan Situs Web Blog Dengan Inspect Element

Cara Mempercantik Warna Tampilan Situs Web Blog Dengan Inspect Element

Cara Mempercantik Warna Blog Dengan Inspect Element - Tampilan pada blog merupakan sesuatu yang penting untuk disetiap halaman blog baik itu sidebar, widget, isi halaman, header dan bagian lainya. Tampilan blog dengan warna template yang tidak tepat akan membuat kesan blog yang kita kelola akan tampak tidak profesional.

Bagi anda yang sering meng edit kode CSS dan HTML kerap dihadapkan dengan warna disetiap bagian halaman baik itu pada judul dan warna teks serta background, ketika memberikan warna pada pengeditan kita kerap menggunakan warna yang kita ketahui saja dengan penamaan bahasa inggris (misalnya: purple, black, orange, green, blue, red etc) atau bisa juga menggunakan 3 dan 6 digit hexa decimal yang penulisanya didahului tanda # (seperti warna putih -> #fff atau #ffffff).

Lalu bagaimana mencari pilihan warna tersebut menggunakan angka hexa decimal dengan mudah? nah pada artikel ini saya akan membahas cara yang paling mudah untuk anda lakukan. untuk tutorialnya silahkan anda ikuti langkah-langkah mempercantik tampilan warna background dan teks di blog berikut ini :

Cara memilih Warna Code CSS di HTML dengan Tepat

1. Pertama buka alamat situs yang menurut anda tampilan warna disalah satu bagian halamanya sesuai atau menarik ingin anda masukkan di blog anda. Misalnya saya akan mendapatkan kode warna di bagian background judul sidebar blog kabarlangit menggunakan browser mozzila firefox (chrome juga tidak masalah).

2. Selanjutnya klik kanan tepat di bagian background sidebar tersebut, setelah klik kanan nanti akan ada beberapa opsi, lalu anda pilih inspect element (Q)

3. Nah selanjutnya akan tampil seperti screenshoot dari pemilihan warna background sidebar dari kabarlangit berikut ini.

4. Setelah itu, silahkan anda pilih warna yang ingin anda masukkan di blog yang akan anda edit warna teks atau background halamanya. Nah seperti disini saya memilih warna biru langit dengan kode angka #25B6DD . caranya cukup mudah klik warna pada kotak inspect elemen sebelah kanan selanjutnya anda akan disuguhkan kode warna. (pehatikan contoh tutorial gambar).

Cara Mempercantik Warna Tampilan Situs Web Blog Dengan Inspect Element

5. Selesai, Untuk kode angka warna biru langit berarti ditulis dengan #25B6DD.

Nah demikianlah artikel saya kali ini untuk mempercantik tampilan warna blog anda dengan kode warna hexa decimal melalui browser mozilla ataupun chrome. Semoga postingan desain blog kali ini bisa bermanfaat untuk blog anda dan trimakasih.

Saya merupakan anak ke 8 dari 8 bersaudara, berwatak keras kepala dan sangat mencintai dunia blogging serta desain.
"Love My Mom"

Previous
Next Post »