Halaman

    Social Items



Heloo Readers... kali ini onbloging mau share gimana Cara Menambahkan Color Picker Di Blog kamu nih, silahkan ikuti step by step nya yah...

Cara Menambahkan Color Picker di Blog

1. Silahkan login Blogger > Buat postingan baru pada menu Halaman > Pilih HTML (Bukan COMPOSE), copy kode di bawah ini dan pindahkan ke kolom posting HTML

Cara Pemakaian :
1. Klik <b>pada kotak warna</b>, maka akan muncul pilihan warna lain.
2. Setelah selesai menentukan warna yang diinginkan klik <b>OK</b>.
3. Untuk memunculkan kode warna silahkan klik <b>"GET COLOR"</b>.
4. Copy kode warna yang telah dipilih

<input id="inputColor" type="color" value="#ff1a1a" style="
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
    width: 304px;
    height: 204px;
">
<button onclick="getColor()">Get Color</button>
<div id="colorHex">
</div>
<div id="colorRGB">
</div>
<script>
function getColor() {
    document.getElementById("colorHex").innerHTML = 'HEX : ' + document.getElementById("inputColor").value;
    document.getElementById("colorRGB").innerHTML = 'RGB : '+ hexToRgb(document.getElementById("inputColor").value);
}
function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    var r = parseInt(result[1], 16);
    var g = parseInt(result[2], 16);
    var b = parseInt(result[3], 16);
    return 'RGB('+r+','+g+','+b+')'; 
}
</script>

2. Publikasikan

Sumber Thumbnail = Freepik


Cara Menambahkan Color Picker di Blog



Heloo Readers... kali ini onbloging mau share gimana Cara Menambahkan Color Picker Di Blog kamu nih, silahkan ikuti step by step nya yah...

Cara Menambahkan Color Picker di Blog

1. Silahkan login Blogger > Buat postingan baru pada menu Halaman > Pilih HTML (Bukan COMPOSE), copy kode di bawah ini dan pindahkan ke kolom posting HTML

Cara Pemakaian :
1. Klik <b>pada kotak warna</b>, maka akan muncul pilihan warna lain.
2. Setelah selesai menentukan warna yang diinginkan klik <b>OK</b>.
3. Untuk memunculkan kode warna silahkan klik <b>"GET COLOR"</b>.
4. Copy kode warna yang telah dipilih

<input id="inputColor" type="color" value="#ff1a1a" style="
    padding-bottom: 1px;
    padding-top: 1px;
    padding-right: 1px;
    padding-left: 1px;
    width: 304px;
    height: 204px;
">
<button onclick="getColor()">Get Color</button>
<div id="colorHex">
</div>
<div id="colorRGB">
</div>
<script>
function getColor() {
    document.getElementById("colorHex").innerHTML = 'HEX : ' + document.getElementById("inputColor").value;
    document.getElementById("colorRGB").innerHTML = 'RGB : '+ hexToRgb(document.getElementById("inputColor").value);
}
function hexToRgb(hex) {
    var result = /^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(hex);
    var r = parseInt(result[1], 16);
    var g = parseInt(result[2], 16);
    var b = parseInt(result[3], 16);
    return 'RGB('+r+','+g+','+b+')'; 
}
</script>

2. Publikasikan

Sumber Thumbnail = Freepik