Anime Around The World

Cara membuat efek bintang bertaburan

  1. Login ke Blog 
  2. Rancangan/TataLetak/Layout
  3. Tambah Gadget
  4. Pilih HTML/Javascrips
  5. Masukkan kode dibawah ini :                                                                                                               
    <script src="http://snow-effect.googlecode.com/files/snow.js" type="text/javascript">
    /***********************************************

    * Snow Effect without images-by Kurt Grigg at http://www.btinternet.com/~kurt.grigg/javascript
    * Script featured & available at Dynamic Drive at http://www.dynamicdrive.com/
    * Please keep this notice intact

    ***********************************************/
    </script><a href="http://lamurdey.blogspot.com/2010/12/cara-membuat-efek-bintang-bertaburan.html" target="_blank"><font size="1">Bintang Bertaburan</font></a>
                                                                               
  6. Simpan Template,dan jangan beri nama di witged agar tidak merusak tampilan template.
  7. Selesai.




Cara mengganti template xml hasil downloadtan

Template adalah hal yang paling penting jika membuat sebuah blog/website dan juga merupakan bagian utama dari blog/website,ini guna mempercantik dan menarik perhatian pengunjung.
Disini saya akan menjelaskan bagaimana cara menggunakan template xml hasil downloatan.
Untuk yang pertama download dulu template yang berbentuk xml di situs-situs penyedia layanan template gratis,seperti,finalsense , zoomtemplate,blogtemplate4u.
Disitus ini disediakan bermacam-macam bentuk template mulai dari kalangan personal hingga template bisnis,pilihlah salah satu template yang agan sukai.
Biasanya hasil downloatan berbentuk zip dan juga rar.
Nah,setelah agan download salah satu template tersebut,ikuti tutorial berikut untuk dipasang di tamplate blog sobat.

1.Silahkan login dulu ke blogger dengan ID sobat.
2.klik Rancangan lalu pilih edit HTML


3.buka hasil downloatan anda,seperti gambar dibawah ;

 
4.klik kanan pada template.xml lalu klik view file,maka akan muncul seperti gambar dibawah ini :


 5.klik kanan, select All (ctrl + A),pastekan ke template blog sobat.


6.Setelah selesai dipastekan,simpan template. 

Dan apabila muncul gambar seperti yang dibawah,itu memberitahukan bahwa di template yang baru agan tidak memiliki widget yang seperti widget template lama. 
klik pertahankan witged jika ingin tetap mempertahankan widget tersebut.

 
7.Simpan template dan lihat hasil.





Cara membuat gambar dipojok kiri,atas,kanan,bawah

Cara membuatnya ada dua cara gan,bisa dengan cara yang simple dan juga yang rumit,
langsung aja gan,kita buat dengan cara yang simple dulu :

  1. Upload gambar yang ingin digunakan,ketempat file sharing yang biasa agan gunakan,sperti photobucket,pict.com,fileave.com atau apa aja la,yang biasa agan gunakan.
  2. Setelah di upload ambil kode url nya.
  3. Login/Masuk ke blog 
  4. Rancangan/TataLetak/Layout
  5. Tambah Gadget
  6. Pilih HTML/Javascrips
  7. Masukkan kode dibawah ini kedalam HTML/Javascrips 

    <a href='ALAMAT BLOG AGAN' style='display:scroll;position:fixed;Bottom:0px;RIGHT:0px;' title='KETERANGANGAMBAR'><img src='URL GAMBAR AGAN'/></a>
      
  8. Untuk keterangan ALAMATBLOGAGAN isi dengan alamat blog agan,seperti http://lamurdey.blogspot.com/
  9. Bottom(bawah) posisi gambar bisa diganti dengan Top(atas)
  10. RIGHT(kanan) posisi gambar bisa diganti dengan LEFT(kiri)
  11. KETERANGANGAMBAR ganti dengan nama apa yang agan ingin kan dan ini akan terlihat jika agan menyorot gambar.
  12. Dan untuk URLGAMBARAGAN masukkan URL yang berasal dari file sharing sebelumnya.
  13. Jika sudah selesai Pratinjau terlebih dahulu,kira-kira sudah tidak ada kesalahan baru di SAVE.

Selesai SEMOGA BERMANFAAT.


    cara membuat scorllbox dipostingan/widget

    Saya yakin, pasti yang agan maksud seperti gambar yang bawah ini iya kan,ayo de ngaku aja...


    Langsung aja gan,sebelum ketinggalan pesawat :
    1. Login/Masuk Blog
    2. Rancangan/Tata Letak/Layout
    3. Tambah Gadget
    4. Pilih HTML/Javascrips
    5. Lalu Copas kode yang ada dibawah ini,kedalam HTML/Javascrips.


    <center><!--Code By Lamurdey -->
    <div style="border: 1px solid rgb(238, 238, 238); height: 50px; overflow: auto; padding: 10px; width: 200px;">
    <a href="http://ALAMATBLOGAGAN.com">BLOG AGAN</a>
    <a href="http://ALAMATBLOGAGAN.com">BLOG AGAN</a>
    <a href="http://ALAMATBLOGAGAN.com">BLOG AGAN</a>
    <a href="http://ALAMATBLOGAGAN.com">BLOG AGAN</a>
    <a href="http://ALAMATBLOGAGAN.com">BLOG AGAN</a>
    <p style="font-family:verdana,arial,sans-serif;font-size:10px;"><center>
    <a href="http://lamurdey.blogspot.com/">scrollbox</a></center></p></div></center>

    Untuk keterangan warna merah (50) adalah tinggi dari scorll,untuk warna hijau (200) adalah lebarnya.
    sedangkan untuk warna pink(http://ALAMATBLOGAGAN.com) isi dengan alamat blog agan.
    Selesai
    Gampangkan...

    Semoga bermanfaat. 

    Membuat background postingan warna-warni

    Caranya gampang gan,kita tinggal menyisipkan sedikit kode HTML ke postingan agar, postingan memiliki background berwarna.
    perhatikan kode HTML dibawah ini :
     
    <div style="background:kode warna-warni;">
    Isi dari postingan agan,setelah selesai tutup dengan,
    </dif>


    Cantumkan <div style="background:kode warna-warni;"> sebelum memulai postingan agan,dan penulisannya dilakukan di edit HTML bukan compose,setelah selesai membuat postingan, tutup dengan </div>
     
    Dan untuk keterangan  kode warna-warni adalah kode HTML background yang hendak kita pasang nanti nya.
    Untuk melihat kode warna HTML silahkan lihat Disini.

    Cara membuat kode warna HTML di postingan

    Langsung aja Gan :

    1. Masuk/Login keblog agan

    2. Klik Tata Letak/Layout.

    3. Klik Edit HTML

    4. Cari kode </head> Untuk memudahkannya pencet CTRL+F

    5. Kemudian copy paste kan kode dibawah ini tepat diatas </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]>
    <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]--> 

    6. Save Tamplate,jika sudah selesai dicopas !

    7. Selanjutnya masuk kepostingan(Entri baru),lalu copy pastekan kode dibawah ini,di Edit HTML bukan Compose!

    <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>

    Kalau agan pengen kodenya muncul di widget,ikuti cara yang dibawah ini :

    1. Klik tab Page element

    2. Klik add Gadget

    3. PIlih HTML/Java Script

    4. Masukan kode di atas kedalam HTML/Java Script

    5. Klik Save

    6. Selesai

    7. Lihat hasilnya,semoga bermanfaat.

    Kode warna HTML






































































































































































































    Kode warna yang terpilih :

    Planet mirip bumi??

    Bagaimana Planet Mirip Bumi Bisa Ditemukan?
    VIVAnews - Para astronom di Amerika Serikat (AS) mengaku telah menemukan suatu planet di luar tata surya yang dihuni Bumi, namun bisa jadi cocok untuk dihuni makhluk hidup. Posisi strategis planet itu mirip dengan Bumi.
    Posisi planet itu berjarak 120 triliun mil atau sekitar 193,1 triliun kilometer dari Bumi. Pertanyaannya, bagaimana mereka bisa mengetahui planet itu?
    Peneliti dari Universitas California di Santa Cruz, Steven Vogt, dan R Paul Butler, astronom dari Carnegie Institution di Washington mengungkapkan bahwa mereka sama-sama menggunakan teleskop canggih di darat. Namun, mereka tidak langsung menemukan planet harapan itu.
    Para ilmuwan rupanya mengamati pergerakan suatu bintang -yang mereka sebut Gliese 581- selama lebih dari sebelas tahun. Bintang itulah yang menjadi orbit dari suatu planet mirip Bumi, yang belakangan mereka temukan.
    Planet itu merupakan yang keenam yang ditemukan tim ilmuwan yang mengitari Gliese 581. Menurut Vogt, dua planet lain tampak menjanjikan untuk dihuni. Sedangkan yang lainnya terlalu panas.
    Sebaliknya, planet kelima yang mereka temukan malah terlalu dingin. Justru planet keenam yang mereka anggap cocok, sehingga disebut goldilocks. Artinya kondisi planet itu tidak terlalu dingin dan tidak terlalu panas karena posisinya tidak terlalu dekat dan tidak terlalu jauh dari bintang.
    Tadinya, planet itu akan dinamai Gliese 581g, mengingat bintang yang menjadi pusat rotasi disebut Gliese 581a. Namun, Vogt tidak setuju dengan penamaan itu. "Itu bukan nama yang sangat menarik, apalagi ini menyangkut planet yang indah," kata Vogt.
    Dia lebih suka planet itu sesuai dengan nama istrinya. "Saya menyebut planet itu Dunia Zarmina," kata Vogt.
    Gliese 581 dianggap sebagai "bintang cebol," hanya sepertiga dari matahari. Oleh karena itu, menurut Butler, Gliese 581 tidak akan bisa langsung terlihat dari teleskop biasa dari Bumi meski berada di konstelasi Libra.
    Penemuan para astronom itu dipublikasikan di media Astrophysical Journal dan juga diumumkan oleh National Science Foundation, Rabu 29 September 2010.