Tutorial Twitter: KODE WARNA

Tampilkan postingan dengan label KODE WARNA. Tampilkan semua postingan

Tampilkan postingan dengan label KODE WARNA. Tampilkan semua postingan

Kamis, 09 Agustus 2012

KODE WARNA DI BLOG / CARA MEMBUAT KODE WARNA DI BLOG

KODE WARNA DI BLOG / CARA MEMBUAT KODE WARNA DI BLOG

KODE WARNA DI BLOG ini memang terlihat sederhana, bagi beberapa blogger terkadang Kode Warna ini dianggap kurang penting, Kode Warna di blog ini saya posting karena pada akhirnya setiap blogger pasti membutuhkan Kode Warna ini, entah untuk membuat Widget atau mengedit Template mereka.
Nah untuk yang sekedar mau cari Kode Untuk Warna Favorit langsung aja klik Warna-warna di bawah ini dan dapatkan Kode Warna yang kawan-kawan cari

KLIK PADA KODE WARNA DI BAWAH INI

Klik DISINI untuk yang mau belajar membuat KODE WARNA DI BLOG
Hehe Jangan Lupa tinggalkan Komentar Ya ane ngobrol duluTerimakasih telah berkunjung ke postingan ane yaKODE WARNA DI BLOG / CARA MEMBUAT KODE WARNA DI 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

Langganan: Postingan (Atom)