Tutorial Twitter: MEMBUAT KODE WARNA DI BLOG / Kode Warna pada Blog

Minggu, 05 Agustus 2012

MEMBUAT KODE WARNA DI BLOG / Kode Warna pada Blog

MEMBUAT KODE WARNA DI BLOG / Kode Warna pada Blog

Nah kawan-kawan, pada kesempatan ini Ady bakal ngepost bagaimana cara memasang / Membuat Kode Warna Pada Blog. Caranya mudah. Lebih mudah dari membuat kopi...

Nie contoh Kode Warna Pada Blog

Kode warna ini sesungguhnya sangat penting bagi seorang blogger, karena hampir setiap saat kita membuat tampilan blog penuh dengan warna. So... jangan biarkan blog mu belum memiliki Kode Warna

Langsung aja ya shob. Ady juga waktunya terbatas banget buat ngeblog. soalnya di kehidupan nyata buanyak aktifitas. Maklum mumpung masih muda. hehehe Mau langsung cari kode klik disini

atau mau buat postingan ikuti aja

Langkah - langkah untuk membuat Kode Warna pada Blog

Pertama kawan Login dulu ke akun Blog kawan sendiri... Login lewat sini aja
Sambil nunggu ane tinggal makan dulu ya? hahaha

Setelah Login kawan langsung aja cari Edit tata letak terus Add a widget ==> HTML Javascript
nanti keluar jendela dialog baru. Pada kolom Judul ga usah di isi, Nah pada kolom isi langsung aja Copas Script di bawah ya...

<script language='javascript'>
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();
}
</script>

<script type='text/javascript'>

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();
}

</script>

Nah setelah itu langsung aja ke langkah ke dua
Membuat Kode Warna di blog

Kawan buat potingan atau entri baru (seperti postingan biasa)
terus Copas Kode di bawah ini ke dalam posringan kawan

Udah selesai tu shob. disimpan terus jangan lupa di Like ya, n Share juga Boleh
Atau tinggalin Comment juga boleh Shob... Ane telponan dulu

Trims udah kunjungi blog ane
MEMBUAT KODE WARNA DI BLOG /Kode Warna pada blog

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)