Pasang widget color picker online

color picker Color picker dibawah ini bisa dijadikan sebagai alat untuk mengedit template atau design menu secara online. Akan sangat membantu dalam menentukan kode warna-warna yang dibutuhkan. Sayangnya tidak bisa membantu dalam memodifikasi warna untuk foto-foto Rahma Azhari bugil.

Dalam memberi warna pada dokumen HTML, kita seringkali harus memasukkan kode yang dinamakan kode hexadesimal sesuai warna masing-masing. Jika menggunakan software seperti photoshop maupun dreamweaver, kita akan mudah menentukannya, tapi bagaimana jika tidak ada? atau kita sedang online dari sebuah warnet, dimana tools untuk menentukan kode hexadesimal tidak tersedia dalam komputer tersebut? pasti bingung deh.

Color Picker

Silahkan anda klik di kotak sebelah kanan yang memiliki banyak warna, dan kode yang ada disebelah atas adalah kode hexadesimal dari warna yang dipilih (diklik).

Tools untuk sahabat

Untuk itu saya buatkan color picker untuk memudahkan. Buka saja halaman ini jika kawan-kawan membutuhkan, dan cari warna dengan cukup melakukan klik pada warna yang dikehendaki. Atau bagi yang sering sekali otak-atik template ada baiknya memasang sendiri di sidebar blog-nya agar bisa melakukan pemilihan warna langsung dari blognya sendiri.

Perlu diketahui bahwa penulisan kode hexadesimal selalu didahului oleh tanda "#". Jadi jika anda ingin memasukkan kode pada CSS untuk pengaturan warna huruf sebuah hiperlink/anchor menjadi merah dan memiliki latar belakang hitam kodenya seperti dibawah ini:

a {color: #FF0000; background-color: #000000;}

Untuk mencari kode warna #FF0000 dan #000000 itulah fungsi dari color picker ini.

Bagi kawan yang ingin memasang color picker diblog sendiri, bisa menggunakan dua alternatif, dipasang disidebar atau dipasang dalam sebuah postingan. Kalau dipasang dipostingan maka sebaiknya buat link ke posting tersebut di sidebar atau menu horizontal, agar mudah mengaksesnya. Jika dipasang di sidebar tentu tidak perlu dan selain bisa digunakan sendiri juga bisa dipakai kawan yang membutuhkan. Cara memasangnya dibawah ini:

  • Untuk Blogger/Blogspot
    • Dipasang pada postingan: copy kodenya dan sisipkan pada postingan.
    • Dipasang disidebar: Copy kodenya dan pasang pada widget.
  • Untuk Wordpress Hosting Sendiri
    • Dipasang pada postingan: copy kodenya dan sisipkan pada postingan.
    • Dipasang disidebar: copy kodenya dan pasang pada widget.

Sama saja kok ditulis sama dua kali hehehe...

Kode

Selamat mencoba...

Artikel Terkait:

Anda boleh mempublikasi ulang seluruh atau sebagian artikel:
Pasang widget color picker online
Terima kasih jika anda melinkback halaman:
http://www.ateonsoft.com/2009/01/pasang-widget-color-picker-online.html
Tapi jika anda merasa terganggu dengan linkback ateonsoft.com karena blog ini tidak berharga bagi anda, anda tetap boleh meng-COPAS seluruh atau sebagian artikel ini tanpa linkback, terima kasih anda menyukai artikel di ateonsoft.com.
Artikel disini berguna bagi anda?, Silahkan klik disini untuk berlangganan gratis sekaligus informasi lengkapnya. Atau langsung saja gunakan form dibawah ini, dengan begitu anda akan mendapat kiriman artikel FULL di email Anda setiap ada artikel yang terbit di ateonsoft.com

Orang yang kritis akan merespon apa yang telah dibacanya, bagaimana tanggapan anda tentang artikel Pasang widget color picker online? silahkan berkomentar, saat ini baru ada 18 komentar

beat2ws said...

Bagus mas. Kayak photoshop aja.
Nitip komentar nih.

Cengeng-ngesan T_^ said...

wah, berguna banget mas...
tapi blog saya bukan blog tutorial nih...
jadi pengunjungnya datang cuman buat cari artikel aja he...

sandy said...

nice info nui mas..

siip..

Yopan Prihadi said...

Hmm...kebetulan saya tuh paling males ngoprek photosop neh....maklum rada gaptex dikit..
Infonya siip deh.....makin mantep aja ni' Albri....

Anthony Harman said...

Tool yang bagus sekali ini, Bri. Thanks ya..

Cebong Ipiet said...

waw ituh bikin sdri bri
keyeeen
hehehhe biasanya aku pke yg online itu
kalo g y pke html col

aR_eRos said...

wah wah wah info menarik ni
ndak usah pasang de, ntar kalao butuh kode warna tingggal kesini hehe

ahmad said...

saya sebenarnya pingin pasang mas . tp loading blog saya udh lemot . takut ntr tambah lemot lagi . :(

oh ya , , itu warnanya kurang banyak mas . warna antara putih-itam kagak ada . padahal warna favorit saya tuh . :)

albri said...

@beat2ws: hehe ya kalah lengkap dengan photoshop mas

@Cengeng-ngesan T_^: Kan bisa buat saat ngedit template sendiri

@sandy: siip juga

@Yopan Prihadi: Sulit ya mas photoshop? hehehe

@Anthony Harman: lumayan mas tepatnya

@Cebong Ipiet: Nggak bong minta dibikinin babe...

@aR_eRos: Silahkan mas eros

rampadan said...

Oooo..
Buat nyari hexadesimalnya ya?
Bagus bagus bagus mas..

Baka Kelana said...

"Sayangnya tidak bisa membantu dalam memodifikasi warna untuk foto-foto Rahma Azhari bugil. "

kalu bisa mantap banget tuch Bos..ha.ha..ha..

Baka Kelana said...

Tak coba ya..soanya gw doyan ngotak ngatik

tigin ginulur said...

Waah, keren.... :)

choybuccuq said...

mas guwe asli bingung gimana caranya membuar header blog dari flas atau sejenisnya.... yang jelas header dari template terganti sama punya sendiri ... makasih..

G.i.S said...
This post has been removed by the author.
G.i.S said...

kang kok gak kelauar widgetnya,...

G.i.S said...

kang kok gak kelauar widgetnya,...

Wong_anTeng said...

aku coba sisipkan di postingan tapi kagak bisa, kalo di pasang di widget bisa. aku pengennya pasang di postingan aja agar kagak memakan lahan sidebarku, eh malah kagak bisa muncul di postingan. gimana ya? salah saya yang tak bisa atau????? gimana cara nyisipin entu kode biar mau nongol di postingan?

Post a Comment

KomentarImage Silahkan menuliskan komentar anda pada opsi Google/Blogger untuk anda yang memiliki akun Google/Blogger.

Silahkan pilih account yang sesuai dengan blog/website anda (LiveJournal, WordPress, TypePad, AIM).

Pada opsi OpenID silahkan masukkan URL blog/website anda pada kotak yang tersedia.

Atau anda bisa memilih opsi Nama/URL, lalu tulis nama anda dan URL blog/website anda pada kotak yang tersedia.

Jika anda tidak punya blog/website, kolom URL boleh dikosongi.


Gunakan opsi 'Anonim' jika anda tidak ingin mempublikasikan data anda. (sangat tidak disarankan). Jika komentar anda berupa pertanyaan, maka jika anda menggunakan opsi ini tidak akan ditanggapi. Lebih baik anda gunakan pilihan dibawah ini:


Jika ingin komentar anda tidak dipublikasi, silahkan klik disini

Masih kesulitan juga membuat komentar? silahkan klik disini

Terima kasih, komentar anda sangat berarti untuk ateonsoft.com

Artikel lebih baru Artikel lebih lama Home