Cara mudah posting kode warna html di blog

-
Cara mudah posting kode warna html di blog. Kode warna html sangat penting saat kita ingin mengutak-utik warna template blog. Terkadang kita harus mondar-mandir browsing mencari kode warna. Banyak menyita waktu bukan? Untuk itu, kali ini saya ingin berbagi bagaimana agar kita tidak lagi kesana-kemari hanya untuk mencari kode warna html tersebut. 

Untuk membuatnya sangat mudah, langkahnya sebagai berikut:
1. Login ke account blog anda.
2. Klik Rancangan.
3. Pilih Edit HTML.
4. Backup dulu template anda (Download Template Lengkap).
5. Centang pilihan Expand Template Widget.
6. Copy kode </head>
7. Tekan tombol Ctrl + F pada keyboard anda (cara cepat untuk menemukan kode)
8. Pastekan pada kotak hasil tekanan Ctrl + F anda tadi.
9. Maka kode </head> akan tampak diblok warna hijau.
10. Lalu copy seluruh kode di bawah ini tepat di atas kode tersebut.

function Barva(koda) { document.getElementById("vzorec").bgColor=koda; document.hcc.barva.value=koda.toUpperCase(); document.hcc.barva.select(); } function BarvaDruga(koda) { document.getElementById("vzorec2").bgColor=koda; document.hcc.Barva2.value=koda.toUpperCase(); document.hcc.Barva2.select(); }

var hue; var picker; //var gLogger; var dd1, dd2; var r, g, b; function init() { if (typeof(ygLogger) != "undefined") ygLogger.init(document.getElementById("logDiv")); pickerInit(); //ddcolorposter.fillcolorbox("colorfield1", "colorbox1") //PREFILL "colorbox1" with hex value from "colorfield1" //ddcolorposter.fillcolorbox("colorfield2", "colorbox2") //PREFILL "colorbox1" with hex value from "colorfield1" } // Picker --------------------------------------------------------- function pickerInit() { hue = YAHOO.widget.Slider.getVertSlider("hueBg", "hueThumb", 0, 180); hue.onChange = function(newVal) { hueUpdate(newVal); }; picker = YAHOO.widget.Slider.getSliderRegion("pickerDiv", "selector", 0, 180, 0, 180); picker.onChange = function(newX, newY) { pickerUpdate(newX, newY); }; hueUpdate(); dd1 = new YAHOO.util.DD("pickerPanel"); dd1.setHandleElId("pickerHandle"); dd1.endDrag = function(e) { // picker.thumb.resetConstraints(); // hue.thumb.resetConstraints(); }; } executeonload(init); function pickerUpdate(newX, newY) { pickerSwatchUpdate(); } function hueUpdate(newVal) { var h = (180 - hue.getValue()) / 180; if (h == 1) { h = 0; } var a = YAHOO.util.Color.hsv2rgb( h, 1, 1); document.getElementById("pickerDiv").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; pickerSwatchUpdate(); } function pickerSwatchUpdate() { var h = (180 - hue.getValue()); if (h == 180) { h = 0; } document.getElementById("pickerhval").value = (h*2); h = h / 180; var s = picker.getXValue() / 180; document.getElementById("pickersval").value = Math.round(s * 100); var v = (180 - picker.getYValue()) / 180; document.getElementById("pickervval").value = Math.round(v * 100); var a = YAHOO.util.Color.hsv2rgb( h, s, v ); document.getElementById("pickerSwatch").style.backgroundColor = "rgb(" + a[0] + ", " + a[1] + ", " + a[2] + ")"; document.getElementById("pickerrval").value = a[0]; document.getElementById("pickergval").value = a[1]; document.getElementById("pickerbval").value = a[2]; var hexvalue = document.getElementById("pickerhexval").value ='#'+ YAHOO.util.Color.rgb2hex(a[0], a[1], a[2]); ddcolorposter.initialize(a[0], a[1], a[2], hexvalue) if (hexvalue!="#FFFFFF") document.getElementById("pickerhexval").select(); }

11. Simpan template.

Langkah selanjutnya:
1. Buka Entri Baru, seperti biasa kita akan membuat posting baru.
2. Ketik apa yang anda ungkapkan tentang postingan kode warna tersebut.
3. Copy seluruh kode di bawah ini:
4. Klik Edit HTML di pojok nanan atas kotak posting (bukan compose).
5. Pastekan kode tersebut di bawah postingan awal anda tadi.
6. Klik Compose, coba lihat apakah kolom warna sudah tampil dengan benar di postingan anda.
Jika benar, pasti tampil kolom warna HTML dengan sempurna.
7. Terbitkan Entri Baru, atau jika anda ingin meninjau dahulu sebelum diterbitkan klik Pratinjau.
8. Selesai.

"Selamat mencoba"

Komentar

Posting Komentar

Postingan populer dari blog ini

Cara cepat mencari kata di sebuah artikel blog

-
Cara cepat mencari kata di sebuah artikel blog. Kemajuan dunia IT sudah tak terbendung lagi. Di manapun orang berada dengan mudah mengakses informasi di internet dengan perangkat yang praktis seperti android. Lihatlah di sekeliling ketika anda di terminal, stasiun, tempat tongkrongan, dan bahkan sambil berkendara mereka tidak ingin ketinggalan berita. Mengapa demikian? Itulah perkembangan teknologi saat ini. Namun, dibalik pesatnya teknologi informatika masih banyak hal-hal yang tidak dikuasai pengguna internet. Salah satunya adalah hal sepele, misalnya mencari salah satu kata atau kalimat pada saat mendarat pada sebuah artikel yang kita tuju. Hal ini menurut saya penting, karena berhubungan dengan apa yang sebenarnya kita cari. Misalnya saja anda mencari sebuah istilah. Ketika mengetikkan suatu kata atau kalimat pada search di google.id/com, pastinya anda akan diantarkan pada sebuah artikel atau posting yang mengandung keyword kata tersebut. Tetapi betapa kecewanya setelah sampai pada...
Baca selengkapnya

SPECIAL EFFECTS ANIMATION

-
SPECIAL EFFECTS ANIMATION. Made with computer effects that go on in the editing process known as CGI (Computer Generated Imagery) Effects or Visual Effects - Special Effects instead. But in the CGI there are other terms that might be a little confusing, that is, Special Effects Animation. Special Effects Animation is a branch of the animation (which is a function of the CGI scope.) This field is specialized to make all the moving objects, except the characters. For characters, this field is called Character Animation. Special Effects Animation can make objects ranging from cars, buildings, rain, wind, fire, lasers, water and other natural phenomena. So, when you use 3D software to create certain effects, say you're making Special Effects Animation. But after these effects are integrated in the film in post production, the result is you're making Visual Effects.
Baca selengkapnya

Pembelajaran siswa berbasis online

-
Pembelajaran siswa berbasis online. Tak dapat dibendung kemajuan dunia teknologi saat ini. Baik perkembangan dunia komputer maupun gadget. Coba lihat di sekitar anda, siap yang tidak memiliki handphone. Saya yakin hampir setiap rumah memilikinya. Bahkan tak sedikit saya lihat anak-anak sudah pandai mengoperasikan ponsel pintar android. Lalu apa hubungannya dengan dunia pendidikan? Suatu saat teman pernah bercerita bahwa anaknya sekarang males megang buku. Setiap ada tugas dari sekolah dia selalu membuka tablet untuk menyelesaikan PRnya. Dari contoh tersebut lalu saya berfikir, "seandainya setiap pendidik memiliki sebuah blog untuk pembelajaran bagi siswanya". Bukankah seorang pendidik lebih cepat memberikan materi bagi muridnya? Sang gurupun tak harus terlalu banyak bicara untuk menyampaikan pelajaran, siswa disuruh membaca dan pertanyaan pun bisa mengalir. Bukankah ini juga interaktif? Itu hanyalah sekilas dalam fikiran saya lhoh he he. Namun, bukan tak mungkin masih banyak ...
Baca selengkapnya