Cara memasang widget kode warna HTML

Hallo sob.. Hari ini saya akan sedikit share tentang cara memasang widget kode warna HTML. kode ini berguna buat sobat yang sering meng-edit template blog dan ingin menemukan warna yang sesuai dengan yang apa yang sobat inginkan. warna yang ada dalam widget kode HTML ini menggunakan RGB dalam format hexadecimal atau sering juga disebut triplet heksadesimal. Triple RGB terdiri dari 6 buah karakter hexadecimal yang tiap dua-dua karakter masing-masing menyatakan entitas dari Red (merah), Green (hijau) dan Blue (biru). Nilai-nilai yang dapat diisikan untuk tiap-tiap entitas RBG ini adalah dari 00 sampai FF. Atau dalam angka desimal 0 sampai 255. Itu menurut yang saya baca dari wikipedia :).
Ok skarang tanpa banyak teori lagi tentang RGB atau warna hexadecimal karena saya juga kurang mengerti tentang teori tersebut. berikut adalah cara memasang widget kode warna HTML.
Pertama sobat masuk ke Dasbor >> Tata Letak >> Tambah Gadget >> HTML/JavaScript
Setelah itu sobat paste kode berikut di widget HTML/JavaScript sobat.
<!-- Color Picker Script - ColorCodeHex.COM -->
<div style="font-family:Arial,Helvetica,sans-serif;border:solid 1px #cccccc;position:absolute;width:240px;height:326px;background: #ffffff;-moz-box-shadow:0 0 6px rgba(0,0,0,.25);-webkit-box-shadow: 0 0 6px rgba(0,0,0,.25);box-shadow:0 0 6px rgba(0,0,0,.25);-moz-border-radius: 5px;-webkit-border-radius:5px;border-radius:5px;"><div style="background-color:#2d6ab4;position:absolute;top:0px;left:0px; width:100%; height:22px;text-align:center;padding-top:2px;font-weight:bold;border-top-right-radius:5px;border-top-left-radius:5px;"><a style="text-decoration:none;color:#ffffff;" target="_blank" href="http://www.colorcodehex.com/">HTML Color Picker</a></div><script src="http://widget.colorcodehex.com/color-picker/abcdef.html" type="text/javascript"></script></div>
<!-- End of Color Picker Script --> 
Setelah sobat simpan kemudian sobat lihat hasilnya sesuaikan ukuran widget tersebut dengan ukuran slide bar blog sobat, silahkan ganti kode yang berwarna biru untuk mengganti ukuran widget tersebut

Sobat suka tulisan ini..?

Dapatkan Tulisan Gratis Via Email!

Follow Fajar345!

1 komentar:

 

Like This yo

Recommended Post Slide Out For Blogger
© Copyright 2010. Fajar345 Blog . All rights reserved | Fajar345 Blog is proudly powered by Blogger.com | Template by o-om.com - zoomtemplate.com