Ikan Berkepala Buaya

VIVAnews - Seekor ikan dengan kepala mirip buaya ditemukan Suparto, warga Mojokerto, Jawa Timur. Ikan ini ditemukan pada Selasa, 19 Juli 2011 di Kolam Segaran yang merupakan peninggalan Kerajaan Majapahit.

Suparto menemukan ikan ini saat memancing. Dia mengaku terkejut karena menduga umpan yang dia lempar dimakan oleh buaya. Tapi, ternyata yang memakan adalah seekor ikan.

Suparto sebenarnya bukan orang yang pertama kali menemukan ikan jenis ini. Tahun 2009 lalu warga Sukolali, Surabaya juga menemukan ikan sejenis. Selain itu, Jawa Barat, dan di Tegal pada 2011 ini juga ditemukan ikan berkepala mirip buaya ini.

Ikan berkepala mirip buaya ini adalah jenis alligator gar atau bahasa latinnya Lepisosteusidae yang merupakan spesies asli Amerika Utara. Ikan ini merupakan predator yang sangat agresif memangsa ikan-ikan kecil lainnya.

Belum diketahui, bagaimana ikan-ikan ini bisa sampai ke sungai-sungai di Indonesia, termasuk di kolam peninggalan Majapahit ini.
Lihat videonya di sini.

Sumber By : vivanews

Google Dipandang Sebagai Investasi Positif

VIVAnews - Google selama ini dikenal sebagai perusahaan raksasa di bidang teknologi informasi. Berawal dari mesin pencari (search engine), bisnis Google semakin menggurita dengan membeli situs Youtube, membuat layanan email Gmail, dan membangun sistem operasi Android untuk smartphone. Tidak hanya itu, bahkan Google ikut bersaing dengan Facebook dan Twitter di jejaring sosial, dengan membuat Google+.

Saat ini, Google pun mulai melirik Indonesia, sebagai tempat untuk mengembangkan bisnisnya. Pesatnya perkembangan pengguna internet di Indonesia menjadi alasan Google memilih Indonesia. Pertumbuhan ekonomi yang relatif stabil juga menjadi salah satu pertimbangan Google untuk mengembangkan bisnisnya di Indonesia.

Google pun kemudian 'mengutus' Executive Chairman-nya, Eric Schmidt, ke Indonesia. Kemudian, Schmidt bertemu dengan Wakil Presiden Boediono untuk menyatakan rencana bisnis Google di Indonesia.

Schmidt tentu bukan utusan 'sembarangan'. Pendiri Google, Larry Page dan Sergey Brin, merekrut Schmidt untuk menjadi CEO Google. Saat itu, Page dan Brin merasa terlalu muda untuk mengurus bisnis Google yang semakin besar. Trio Page-Brin-Schmidt kemudian menjadi triumvirat, yang menjadi otak sukses Google di bisnis teknologi informasi.

Setelah merasa cukup matang untuk mengelola bisnis Google, Larry Page dan Sergey Brin kemudian mengambil alih CEO dari tangan Schmidt. Namun, Schmidt tetap dipakai Google sebagai penasehat dua pendiri muda Google ini. Schmidt pun kemudian ditunjuk menjadi Executive Chairman.

Kedatangan Schmidt menemui Wapres Boediono tentu menunjukkan keseriusan Google dalam niat membangun bisnisnya di Indonesia. Seperti apa rencana Google di Indonesia, berikut penuturan Schmidt kepada wartawan usai menemui Wapres Boediono, Jumat, 22 Juli 2011:


Apa yang Anda bicarakan dengan Wapres Boediono?Saat melakukan pertemuan dengan Wapres Boediono, Wapres mengatakan menyambut kedatangan kami ke Indonesia. Kami kemudian secara jelas menyatakan sedang mencari cara, bagaimana kami bisa mengembangkan operasi kami di Indonesia.

Jadi Google berencana mengembangkan bisnisnya di Indonesia?Iya, Indonesia punya banyak rencana agresif agar internet bisa dimanfaatkan lebih luas. Indonesia sangat berpengalaman dalam broadband dan sangat tinggi penetrasinya di bidang mobile. Google juga banyak digunakan di Indonesia. Jadi akan sangat baik jika kami bisa mengembangkan bisnis di sini.

Anda melihat pertumbuhan ekonomi di Indonesia juga menjadi pertimbangan Google?
Ekonomi Indonesia tumbuh sekitar tujuh sampai delapan persen per tahun. Jadi, kita lihat perkembangan bisnis kecil dan menengah sangat cepat, internet pun juga signifikan digunakan. Saya melihat ini sangat positif. Di negara lain yang sudah melewati masa ini, internet berkembang sangat pesat, dua kali lipat tiap tahun.
Indonesia juga memiliki komunitas Facebook dan Twitter yang sangat luas. Pengguna Google juga sangat tinggi. Pengguna internet sudah sangat baik.

Kapan Google mulai ekspansi di Indonesia?Kami masih diskusi dengan pemerintah Indonesia.

Apa akan dimulai tahun ini?Kami tidak bisa menyebut kerangka waktu, karena ini masih dalam diskusi.

Apa Wapres Boediono memberikan dukungan terhadap rencana Google ini?Saya pikir pemerintah (Indonesia) sangat ingin Google berperan lebih di negaranya. Mereka memandang kami sebagai investasi yang positif. Untuk (Google) bisa membangun lapangan kerja dan memiliki operasi bisnis di sini. Dan lagi, mereka ingin kami fokus ke bisnis kecil dan menengah.

Bagaimana cara Google bisa fokus ke bisnis kecil dan menengah Indonesia?Saat masuk ke suatu negara, kami memiliki program untuk bisnis kecil dan menengah, sebagai bagian dari program marketing kami. Kami memiliki program edukasi dan seminar. Ada sekitar 50 juta bisnis kecil di Indonesia. Saya belum tahu pasti apakah sebesar itu, hanya hitungan kasar semata. Itu akan menjadi mesin pertumbuhan bagi masa depan ekonomi (Indonesia).

Indonesia memiliki masalah lain, yaitu punya 79 ribu pulau. Jadi, salah satu cara terbaik untuk mengatasi masalah isolasi pulau-pulau itu adalah dengan menghubungkannya ke internet.

Google baru saja meluncurkan jejaring sosial Google+, apakah ini akan berkembang di Indonesia?Google Plus secara umum telah tersedia global di seluruh dunia. (Akun) ini hanya bisa didapat melalui undangan dan telah berkembang sangat cepat. Saya akan menjawab 'iya'. Dalam waktu beberapa minggu Google Plus telah berkembang cepat. Saya pikir ini sama seperti yang akan terjadi di Amerika Serikat.

Apa harapan Anda kepada pemerintah Indonesia?Seperti yang sudah saya katakan, kami masih dalam negosiasi. Jadi kami tidak akan mengatakan apapun. Wapres bisa ungkapkan apa pun yang mereka pikirkan. Tapi sejauh ini mereka menyambut kami secara positif.

Anda optimis?Ya, saya sangat optimis.

Sumber By : vivanews

Cara Membuat Kode Warna

Langkah pertama :

• Pada menu Dasbor blog pilih rancangan
• Pilih Tambah Gadget Html/Javascript
• Copy kode di bawah ini kedalam kolom tersebut

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

• Jika sudah simpan

Langkah kedua :

• Buat Postingan baru untuk menaruh kode warna
• Masukkan kode HTML di bawah ini
• Untuk menaruh kode di bawah pada posting ,pilih pada Edit HTML jangan pada 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" width="24" height="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><p><a href="http://www.kolom-pengetahuan.com/2011/01/pasang-kode-warna-html-pada-posting.html" target="_blank">Kode Warna HTML</a></p></center>

• Klik pratinjau untuk melihat hasil
• Jika sudah klik terbitkan entri

Sumber : teknologi-dheal-21.blogspot.com

Cara Memasang Image Pada Judul Artikel

Ok sobat, biar ga terlalu banyak berimpropisasi, langsung saja pada topik bahasan. topik yang akan kita bicarakan saat ini yaitu memasang image/gambar pada judul artikel. Artikel ini saya buat bagi yang senang akan pernak-pernik gambar,bagi yang tidak senang, ya sebagai pengetahuan saja lah. 

Untuk memasang sebuah image pada judul artikel, ada beberapa tahapan yang harus dilakukan, antara lain : 

Langkah pertama

Langkah pertama yang harus dilakukan adalah membuat image ataupun logo yang di inginkan. jika sobat mahir dalam program grafik & design semisal adobe photoshop ataupun coreldraw, ya tinggal buat saja yang nyentrik. Tapi kalau tidak bisa atau males bisa gunakan layanan di internet, ini sudah saya bahas pada artikel terdahulu, silahkan klik disini untuk membacanya kembali. 

Langkah kedua

langkah kedua yaitu sobat harus upload image atau logo tersebut, bisa ke blogger ataupun ke hosting lain. Misalkan biasanya saya menyimpan setiap image yang saya punya di www.Photobucket.com untuk masalah upload gambarpun sudah saya bahas pada postingan yang lalu, kalau mau baca-baca lagi silahkan klik di sini. 

Langkah ketiga

langkah ketiga adalah mengatur ukuran dari image tersebut agar sesuai dengan yang di inginkan, karena jika terlalu besar atau terlalu kecil maka tentu saja akan tidak enak dipandang mata. Misalkan saya mempunyai URL image seperti ini : 

http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif 

Sebagaimana kita ketahui untuk membuat sebuah image bisa online maka kita tambahkan kode : 

<img src="URL image"> 

Sehingga kodenya akan jadi seperti ini : 

<img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif"> 

dan yang akan tampil adalah image dengan ukuran yang sebenarnya. contoh image tersebut adalah seperti ini : 



 



tentu saja bila kita memajang image sesuai ukuran image yang aslinya, ini menjadi kurang enak di lihat jika di padukan dengan tulisan judul posting. Untuk mengakalinya kita bisa menambahkan beberapa atribut kedalam kode image tersebut, antara lain atribut width="..." untuk lebar, height="..." untuk tinggi, danborder="..." untuk bingkai, dan dalam hal ini yang dipakai adalah border dengan nilai 0 (nol) agar terhindar dari setting template yang memakai nilai border. Saya ambil contoh kode image tadi jadi seperti ini : 

<img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif" width="45" hight="45" border="0"> 

sehingga image yang tadi akan berubah jadi seperti ini : 



 



Bagaimana sudah jelaskan cara merubah ukuran gambar? jika sudah, kita beranjak ke langkah selanjutnya. 

Langkah keempat

langkah keempat yaitu memasukan kode gambar yang sudah kita modifikasi tadi ke dalam kode template blog milik kita. Silahkan ikuti langkah-langkah berikut ini : 

Untuk yang memakai template klasik : 

1. Sign in ke blogger dengan id sobat


2. Klik menu Template


3. Klik menu Edit HTML


4. Copy 'n paste seluruh kode HTML ke dalam notepad, ini dimaksudkan untuk mengurangi resiko apabila terjadi kesalahan pada saat kita melakukan editting kode template


5. Cari kode berikut pada kode HTML sobat :


<$BlogItemTitle$> 

cara yang mudah untuk menemukan kode tersebut adalah : klik menu Edit yang berada bar menu browser lalu klik Find kemudian tuliskan kode diatas tadi lalu klik tombol Find, maka secara otomatis kita akan langsung di bawa ke tulisan kode tadi. Nah kode <$BlogItemTitle$> adalah merupakan kode untuk menampilkan judul postingan, maka kita harus menyimpan kode image yang kita miliki di dekatnya, bisa sebelum atau sesudahnya tergantung dari keinginan kita. Tentunya bila di simpan sebelum kode judul posting maka image pun akan muncul sebelum judul posting, jika di simpan sesudah kode judul posting sudah barang tentu image pun akan muncul sesudah tulisan judul. Saya ambil contoh kode image di simpan sebelum tulisan judul : 

<img src="http://i162.photobucket.com/albums/t253/rohman24/kupu2.gif" width="45" hight="45" border="0">&nbsp;&nbsp;<$BlogItemTitle$> 

pemasangn kode &nbsp;&nbsp; adalah untuk memberi jarak spasi antara image dengan tulisan judul, sebab jika tidak menambahkan kode &nbsp; maka image dengan tulisan akan bersatu walaupun kode image dengan kode judul di tulis ada jarak spasinya. 


6. Klik tombol Preview untuk melihat perubahan yang dilakukan



7. Jika sudah OK, klik tombol Save Settings



8. Selesai

Sumber : teknologi-dheal-21.blogspot.com