Cara Mengganti Warna Background Button Link / Tombol Link

Sebelumnya saya pernah membahas bagaimana membuat button link atau tombol link yang sederhana yang tampilannya seperti berikut :





Sekarang bagaimana cara mengganti warna background tombol link ?, caranya dengan kode seperti berikut :

<a href="http://dansite2.blogspot.com/">
<input value="Campur Aduk" " style="background-color: yellow; height: 40″; width: 150;"type="submit">
</a>

Tampilannya akan seperti berikut :





Ganti tulisan yang warna merah dengan url kamu, tulisan warna kuning dengan warna dalam bahasa inggris, tulisan warna biru dengan tulisan pada tombol. Dan lebar (width) dan tinggi (height) bisa disesuaikan. Dibawah ini contoh tombol/button dengan warna merah (red) dan hijau (green).







Selamat mencoba semoga bermanfaat.
Read More : Cara Mengganti Warna Background Button Link / Tombol Link
Diposting oleh okey , 4 komentar
Label:

Cara Membuat Button Link / Tombol Link Yang Sederhana

Sebuah button link atau disebut juga tombol link sangat berguna untuk menuju pada sebuah link. Untuk membuat button link yang sederhana kodenya sebagai berikut :

<a href="http://dansite2.blogspot.com">
<input type="submit" value="Campur Aduk"/>
</a>

Ganti tulisan yang berkedip warna merah dengan link yang kita tuju dan ganti tulisan yang berkedip warna kuning dengan tulisan pada tombol. Tombol ini bisa saja ditampilkan dalam postingan atau dalam sidebar, tergantung kegunaan. Contoh tampilan seperti berikut:




Ok selamat mencoba....
Read More : Cara Membuat Button Link / Tombol Link Yang Sederhana
Diposting oleh okey , 0 komentar
Label:

Cara Memasang Kotak Pencarian Artikel Di Blog

Kali ini kita akan bahas bagaimana cara memasang kotak pencarian artikel yang berada di blog. Ga perlu panjang lebar langsung saja kita mulai. Pasang kode dibawah ini pada gadget, caranya masuk dasbor-->rancangan-->tambah gadget-->HTML/Java Script


<form action="http://nama-blogmu.blogspot.com/search"
method="get"> <input class="textinput" name="q" size="30" type="text"/> <input value="search" class="buttonsubmit"
name="submit" type="submit"/></form>


Ganti domain nama-blogmu yang bertanda merah dengan domain blog yang kita punya. Tampilannya akan sepert dibawah ini.


Semoga bermanfaat.

Read More : Cara Memasang Kotak Pencarian Artikel Di Blog
Diposting oleh okey , 2 komentar
Label:

Membuat Semua Link Di Blog Kelap Kelip Seperti Pelangi

Kali ini kita akan bahas, bagaimana caranya membuat semua link dalam blog berkelap kelip seperti pelangi. Contohnya sorot saja link-link diblog ini dengan kursor, pasti akan kelap kelip seperti pelangi. Langsung saja caranya sebagai berikut :

Masuk (login) blogger, lalu klik rancangan-->edit HTML-->centang Expand Template Widget. Cari kode </head> setelah itu letakan kode berikut tepat diatasnya


<script type='text/javascript'>

//<![CDATA[

var rate = 20;

if (document.getElementById)
window.onerror=new Function("return true")

var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID

if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}

function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}


function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}


function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}

if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}

if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}


function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}


function ChangeColor()
{
objActive.style.color = makeColor();
}


function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?

// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;

if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}

elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;

elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;

return '#' + elmR + elmG + elmB;
}

//]]>

</script>


Terakhir kita simpan, dan lihatlah blognya pasti semua link akan kelap kelip jika disorot kursor. Selamat mencoba

Read More : Membuat Semua Link Di Blog Kelap Kelip Seperti Pelangi
Diposting oleh okey , 0 komentar
Label:

Cara Mengganti Logo Standar Blogmu Dengan Logo Sendiri

Coba lihat logo blog ini yang sudah diganti dengan logo buatan sendiri, lumayan bagus kan. Selain kelihatan bagus dapat menjadi ciri khas sendiri dari blog kita. Untuk menggantinya ikuti langkahnya sebagai berikut :
  1. Login blogger
  2. Klik rancangan-->edit HTML-->centang Expand Template Widget
  3. Cari kode <b:skin><![CDATA[ gunakan F3 di keyboard untuk mempermudah pencarian.
  4. Letakan kode berikut tepat diatasnya
<link href='http://i720.photobucket.com/albums/ww206/danonline007/alus.gif' rel='shortcut icon'/>
5. Kalau sudah klik simpan template (save)

Url gambar diatas milik saya, ganti saja dengan url gambar kepunyaan sendiri. Untuk mendapatkan url gambar bisa di upload contohnya ke situs photobucket.com. Selamat mencoba semoga bermanfaat
Read More : Cara Mengganti Logo Standar Blogmu Dengan Logo Sendiri
Diposting oleh okey , 0 komentar
Label:

Menampilkan Website / Blog Lain Di Blog Kita

Bagaimana cara menampilkan website / blog lain di blog kita ?, buat apa ?, katanya sih buat variasi saja biar blog tambah meriah. Mungkin hal ini ada baiknya juga terutama untuk menampilkan blog kepunyaan kita sendiri yang lainnya, hitung-hitung promosi. Ok...caranya pasang kode dibawah ini digadget blog.

<iframe name="Menampilkan situs dalam suatu situs" src="http://www.google.com" marginwidth="0" marginheight="0" readonly ="true" vspace="0" hspace="0" allowtransparency="true" scrolling="yes" width="300" frameborder="0" height="250"></iframe>

Jika copy paste langsung kode diatas, maka ketika melihatnya diblog yang akan tampil adalah situs google. Untuk menampilkan website / blog kita sendiri ganti saja url-nya. Selamat mencoba...

Read More : Menampilkan Website / Blog Lain Di Blog Kita
Diposting oleh okey , 8 komentar
Label:

Ganti Background Kotak Komentar Dengan Gambar

Tampilan blog akan terkesan tampil menarik apabila ada kemauan untuk mengeditnya. Sekarang bagaimana mengganti background kotak komentar dengan gambar ?, sebelumnya lihat dulu tampilan kotak komentar yang sudah diganti dengan gambar seperti dibawah ini.

Nah...sekarang langkah-langkahnya
Pertama masuk dasbor-->rancangan-->edit HTML-->centang expand template widget
Kedua cari kode sebagai berikut :

<div class='comment-form'>

Ketiga ganti kode diatas dengan kode berikut:

<div id='ib-form'>

Keempat cari kode ]]></b:skin> gunakan tobol F3 di keybord untuk mempermudah pencarian, setelah ketemu tempatkan kode berikut ini diatasnya

#ib-form iframe{
background:#ffffff url(http://i720.photobucket.com/albums/ww206/danonline007/ist2_3978766-white-m6-convertible.jpg) no-repeat bottom right;
border:7px solid #C7C7C7;
padding:5px;
font:normal 12pt "ms sans serif", Arial;
color:#7EB2AC;
width:95%;height:250px;}
#ib-form iframe:hover{
background:#ffffff url(http://i720.photobucket.com/albums/ww206/danonline007/ist2_3978766-white-m6-convertible.jpg) no-repeat bottom right;
border:7px solid #7EB2AC;}
#ib-form a{
color:#7EB2AC;}


Terakhir klik simpan template

Catatan : jika ingin menggunakan background dengan gambar milik sendiri ganti saja url gambarnya. Selamat mencoba
Read More : Ganti Background Kotak Komentar Dengan Gambar
Diposting oleh okey , 0 komentar
Label:

Pasang TV Online Internasional Di Blog

Buat yang suka hiburan TV online internasional, tentu saja sebelumnya mencari situs yang menyediakan TV online. Sekarang ga perlu lagi cari kesana kemari cukup buka blog kamu dan lihat TV onlinenya. Sekarang bagaimana cara pasangnya ?, copy paste saja kode dibawah ini dan masukan keblog kamu. Cara menambah gadget lihat disini


<iframe frameborder="0" height="400" id="tvweb360player" scrolling="no" src="http://tvweb360.com/live_embed_player_630px_en" width="100%"></iframe><script type="text/javascript" src="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></script>


Read More : Pasang TV Online Internasional Di Blog
Diposting oleh okey , 1 komentar
Label:

Memasang Gadget Di Blog

Untuk blogger pemula mungkin akan bertanya-tanya bagaimana cara memasang berbagai gadget diblognya. Dengan memasang gadget tentu saja akan membuat blog kita tampil dinamis. Sekarang bagaimana cara memasang gadget di blog ?, caranya sebagai berikut :

Untuk editing blog kita terlebih dahulu kita login ke blog kita, maka akan ditampilkan bagian dasbor, kemudian klik rancangan. maka akan tampil bagian halaman rancangan kita seperti dibawah ini.












Nah untuk menambah gadget klik tambah gadget (lihat gambar), setelah itu akan muncul halaman seperti berikut





















Pilih saja gadget yang diinginkan, namun apabila kita mempunyai kode HTML/javascript gadget , seperti contoh kode HTML/javascript gadget Mp3, Radio, Translator, dlll, maka caranya sebagai berikut:
























Klik HTML/Javascript, dan akan muncul tampilan seperti ini





















Klik saja simpan dan lihatlah blognya. Selamat mencoba
Read More : Memasang Gadget Di Blog
Diposting oleh okey , 0 komentar
Label:

Bagaimana Merubah Template Blogspot

Kalau bosan dengan tampilan template blog, caranya ganti saja tampilan template yang digunakan sekarang dengan template yang lain. Dimana cari template yang baru itu ?, gampang saja cari lewat mbah google ketik template blogger, free template blogspot dan sebagainya asal sesuai dengan kata kunci utama template. Ok.... sekarang bagaimana cara mengganti atau merubah template blogspot tersebut, ikuti langkahnya sebagai berikut :

Masuk dasbor (login ke blogger)

Klik Rancangan








Klik Edit HTML





Cari file template dan unggah, kemudian jangan lupa centang Expand template widget












Simpan Tamplate














Ok selamat mencoba....
Read More : Bagaimana Merubah Template Blogspot
Diposting oleh okey , 0 komentar
Label:

Membuat Tombol Login Blogger

Ketika kita buka halaman blog sendiri dan ternyata terlintas ingin memposting atau menambah gadget, tentu kita harus login dulu ke blogger. Bagi yang templatenya sudah dimodif atau pakai tamplate baru yang ga ada bar untuk login ke blogger pasti harus buka halaman baru dibrowser untuk menuju blogger.com. Nah untuk mempermudah itu kita bikin saja tombol login ke blogger, caranya sangat gampang, pasang saja kode dibawah ini di gadget blog beres deh.......


<center> <a href="https://www.google.com/accounts/ServiceLogin?service=blogger&continue=https%3A%2F%2Fwww.blogger.com%2Floginz%3Fd%3Dhttp%253A%252F%252Fwww.blogger.com%252Fhome%26a%3DADD_SERVICE_FLAG&passive=true&alinsu=0&aplinsu=0&alwf=true&ltmpl=start&skipvpage=true&rm=false&showra=1&fpui=2&naui=8#s01">
<input type="submit" value="LOGIN BLOGGER"/>
</a></center>


Seperti ini hasilnya


Read More : Membuat Tombol Login Blogger
Diposting oleh okey , 1 komentar
Label:

Pasang Kode Warna HTML Di Blog

Bagi blogger yang suka mengedit kode HTML terutama berkaitan dengan warna, terkadang kita kesulitan untuk mengetahui kode warna yang kita inginkan. Maka untuk mempermudah itu solusinya adalah menaruh kode warna tersebut diblog kita. Adapun caranya sebagai berikut :

  • Login ke akun blogger --dasbor--rancangan--edit HTML
  • Centang expand template widget
  • Cari kode </head>, untuk mempermudah pencarian tekan F3 dikeyboard kamu, lalu masukan kode tersebut dikotak pencarian lalu enter.Kemudian paste kode dibawah ini pas diatas kode </head>


<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><!--[if gte IE 5.5000]>
<textarea rows="4" cols="27"><script type="text/javascript">

function correctPNG() // correctly handle PNG transparency in Win IE 5.5 or higher.
{
for(var i=0; i<document.images.length; i++)
{
var img = document.images[i]
var imgName = img.src.toUpperCase()
if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
{
var imgID = (img.id) ? "id='" + img.id + "' " : ""
var imgClass = (img.className) ? "class='" + img.className + "' " : ""
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
var imgStyle = "display:inline-block;" + img.style.cssText
if (img.align == "left") imgStyle = "float:left;" + imgStyle
if (img.align == "right") imgStyle = "float:right;" + imgStyle
if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src=\'" + img.src + "\', sizingMethod='scale');\"></span>"
img.outerHTML = strNewHTML
i = i-1
}
}
}

YAHOO.util.Event.addListener(window, "load", correctPNG);

</script>
<![endif]-->

  • Setelah di paste simpan template
  • Langkah terakhir kita tinggal menempatkan kode warna tersebut apakah mau dalam gadget atau dalam postingan, terserah bagusnya dimana. Adapun kode untuk kode warnanya adalah sebagai berikut :

<center><form name="hcc" id="hcc">
<table style="border-collapse: collapse;" align="center" border="1" bordercolor="#cccccc" cellpadding="0" cellspacing="0"><tbody><tr><td><table align="center" border="0" cellpadding="0" cellspacing="1" width="375"><tbody><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190707">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0808">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b40404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0101">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa5858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f78181">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cece">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbefef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#191007">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a1b0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b240b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#61380b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a4b08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b45f04">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df7401">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff8000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe9a2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#faac58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7be81">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5d0a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6e3ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8ece0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbf5ef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#181907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#292a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#393b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5e610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#868a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#aeb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d7df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7fe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f4fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f3f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f7f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbfbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#101907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#243b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#38610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b8a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5fb404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#74df00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#80ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9afe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#acfa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bef781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3f6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ecf8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5fbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071907">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a0a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b610b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a08">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b404">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df01">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff00">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58fa58">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f781">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5a9">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6ce">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8e0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbef">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071910">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b6138">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a4b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b45f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01df74">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ff80">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efe9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6e3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbf5">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071918">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a2a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b615e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#088a85">
</td><td onclick="Barva(this.bgColor)" bgcolor="#04b4ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#01dfd7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#00ffff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2efef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58faf4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81f7f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9f5f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cef6f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0f8f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#effbfb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#071019">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a1b2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b243b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b3861">
</td><td onclick="Barva(this.bgColor)" bgcolor="#084b8a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#045fb4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0174df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0080ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e9afe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#58acfa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#81bef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9d0f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cee3f6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0ecf8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#eff5fb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#070719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0a0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#08088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0404b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0101df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5858fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8181f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a9a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#cecef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e0e0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#efeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#100719">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1b0a2a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#240b3b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#380b61">
</td><td onclick="Barva(this.bgColor)" bgcolor="#4b088a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#5f04b4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#7401df">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8000ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#9a2efe">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ac58fa">
</td><td onclick="Barva(this.bgColor)" bgcolor="#be81f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d0a9f5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e3cef6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ece0f8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5effb">
</td></tr><tr height="24"> <td onclick="Barva(this.bgColor)" bgcolor="#190718">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a29">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b39">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b5e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a0886">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b404ae">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df01d7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff00ff">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2ef7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58f4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781f3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cef5">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0f7">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeffb">
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#190710">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2a0a1b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#3b0b24">
</td><td onclick="Barva(this.bgColor)" bgcolor="#610b38">
</td><td onclick="Barva(this.bgColor)" bgcolor="#8a084b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#b4045f">
</td><td onclick="Barva(this.bgColor)" bgcolor="#df0174">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ff0080">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fe2e9a">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fa58ac">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f781be">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f5a9d0">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f6cee3">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f8e0ec">
</td><td onclick="Barva(this.bgColor)" bgcolor="#fbeff5">
</td></tr><tr height="10"><td>
</td></tr><tr height="24"><td onclick="Barva(this.bgColor)" bgcolor="#000000">
</td><td onclick="Barva(this.bgColor)" bgcolor="#0b0b0b">
</td><td onclick="Barva(this.bgColor)" bgcolor="#151515">
</td><td onclick="Barva(this.bgColor)" bgcolor="#1c1c1c">
</td><td onclick="Barva(this.bgColor)" bgcolor="#2e2e2e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#424242">
</td><td onclick="Barva(this.bgColor)" bgcolor="#585858">
</td><td onclick="Barva(this.bgColor)" bgcolor="#6e6e6e">
</td><td onclick="Barva(this.bgColor)" bgcolor="#848484">
</td><td onclick="Barva(this.bgColor)" bgcolor="#a4a4a4">
</td><td onclick="Barva(this.bgColor)" bgcolor="#bdbdbd">
</td><td onclick="Barva(this.bgColor)" bgcolor="#d8d8d8">
</td><td onclick="Barva(this.bgColor)" bgcolor="#e6e6e6">
</td><td onclick="Barva(this.bgColor)" bgcolor="#f2f2f2">
</td><td onclick="Barva(this.bgColor)" bgcolor="#ffffff">
</td></tr></tbody></table></td></tr></tbody></table>
<table align="center" border="0" cellpadding="0" cellspacing="2"><tbody><tr height="24"><td id="vzorec" height="24" width="24">
</td><td valign="bottom"><p>Kode warna yang terpilih : <input name="barva" id="barva" style="font-weight: bold; font-family: Verdana; height: 16px; width: 74px; font-size: 12px;" maxlength="7" size="9" type="text"></p></td></tr></tbody></table>
</form></center>


Hasilnya seperti begini







































































































































































































Kode warna yang terpilih :


Selamat mencoba...
Read More : Pasang Kode Warna HTML Di Blog
Diposting oleh okey , 0 komentar
Label:

Cara Memasang Translator / Terjemahan Bahasa Di Blog

Mungkin banyak sekali dari pengunjung blog kita dari negara lain, sedangkan blog kita dengan postingan bahasa lokal. Untuk itu agar mempermudah pengunjung dari negara lain tersebut mentranslate bahasa, tidak salahnya kita pasang translator. Caranya bagaimana ?, itu sangatlah gampang, masukan saja kode dibawah ini pada penambahan gadget HTML. Selamat mencoba....

Kode HTML Translator

Copy dan paste kode ini ke blog kamu

Catatan : ganti tulisan blog anda pada kode dengan alamat blog kamu.
Read More : Cara Memasang Translator / Terjemahan Bahasa Di Blog
Diposting oleh okey , 1 komentar
Label:

Cara Memasang Widget Mp3 Di Blog


Menghiasi blog sudah merupakan hal yang sudah menjadi kewajiban para blogger, karena selain mempercantik tampilan blog dapat juga dinikmati oleh pengunjung. Ok kali ini kita bahas mengenai bagaimana memasang widget Mp3 di blog yang dapat menjadi pajangan hiasan blog. Caranya sangat gampang kunjungi saja situs www.musik-live.net. Setelah masuk beranda situs tersebut klik menu playlist Mp3 player yang tepatnya berada dibagian atas situs. Dari sana akan terlihat playernya yang bisa kita rubah skinnya menurut selera kita dan tentu saja disesuaikan pula dengan warna background blog yang kita punya. Untuk mendapatkan kodenya tinggal copy saja dan simpan sementara di notepad. Ok... setelah mendapatkan kodenya kemudian login ke blog kita klik perancangan, klik tambah gadget, kemudian cari widget HTML copy paste kode embed tersebut dan simpan. Lihat blog sudah nampak tuh widget Mp3nya, selamat mencoba.
Read More : Cara Memasang Widget Mp3 Di Blog
Diposting oleh okey , 0 komentar
Label:
Langganan: Postingan (Atom)




SEO ToolsSubmit Express

  © Blogger templates The Transformers by Blog Tips And Trick 2009