.: COME AS MY FAMILY :.

Membuat Login Form Blogger

Dear All,

Berbeda dengan sebuah situs web , sebuah blog (blogger) tidak disertai sebuah form login yang digunakan user untuk masuk kedalam halaman administrasi (Back-End) . Maka user harus masuk ke halaman login blogger dahulu untuk masuk ke halaman administrasi blog mereka .

Dalam tutorial kali ini saya akan menjelaskan bagaimana memindahkan halaman login form dari blogger.com ke halaman blog kita .

Tutorial :

  1. Buka Halaman login blogger disini .


  2. Buka tekan tombol ctrl+u (firefox/opera) .

  3. Cari kode <form id="gaia_loginform" .

  4. Copy kode tersebut dari tag <form> awalan sampai akhiran tag </form>

  5. Atau copy kode dibawah ini :


  6. <form id="gaia_loginform"

    action="https://www.google.com/accounts/ServiceLoginAuth" method="post"

    onsubmit=
    "return(gaia_onLoginSubmit());"
    >

    <div id="gaia_loginbox">
    <table class="form-noindent" cellspacing="3" cellpadding="5" width="100%" border="1">
    <tr>
    <td valign="top" style="text-align:center" nowrap="nowrap"
    bgcolor="#e8eefa">
    <input type="hidden" name="ltmpl"
    value="start" />
    <div class="loginBox">
    <table id="gaia_table" align="center" border="0" cellpadding="1" cellspacing="0">
    <tr>
    <td colspan="2" align="center">
    <font size="-1">

    Sign in with your
    </font>
    <table>
    <tr>
    <td valign="top">
    <img src="https://www.google.com/accounts/google_transparent.gif"
    alt="Google" />

    </td>
    <td valign="middle">

    <font size="+0"><b>Account</b></font>
    </td>
    </tr>
    </table>
    </td>
    </tr>
    <tr>
    <td colspan="2" align="center">
    </td>
    </tr>
    <tr id="email-row">

    <td nowrap="nowrap">
    <div align="right">
    <span class="gaia le lbl">
    Email:
    </span>
    </div>
    </td>
    <td>
    <input type="hidden" name="continue" id="continue"
    value="https://www.blogger.com/loginz?d=http%3A%2F%2Fwww.blogger.com%2Fhome&amp;a=ADD_SERVICE_FLAG" />

    <input type="hidden" name="service" id="service"
    value="blogger" />
    <input type="hidden" name="naui" id="naui"
    value="8" />
    <input type="hidden" name="fpui" id="fpui"
    value="2" />
    <input type="hidden" name="skipvpage" id="skipvpage"
    value="true" />
    <input type="hidden" name="rm" id="rm"
    value="false" />
    <input type="hidden" name="dsh" id="dsh"
    value="7528144672560134721" />
    <input type="hidden" name="ltmpl" id="ltmpl"
    value="start" />
    <input type="hidden" name="alwf" id="alwf"
    value="true" />
    <input type="hidden" name="alinsu" id="alinsu"
    value="0" />

    <input type="hidden" name="ltmpl" id="ltmpl"
    value="start" />
    <input type="hidden" name="timeStmp" id="timeStmp"
    value=''/>
    <input type="hidden" name="secTok" id="secTok"
    value=''/>
    <input type="hidden"
    name="GALX"
    value="9jTdYpcfWb4" />
    <input type="text" name="Email" id="Email"
    size="18" value=""


    class='gaia le val'

    />
    </td>
    </tr>
    <tr>
    <td></td>
    <td align="left">

    <div style="color: #666666; font-size: 75%;">
    ex: pat@example.com
    </div>
    </td>
    </tr>
    <tr id="password-row" class="enabled">
    <td align="right" nowrap="nowrap">
    <span class="gaia le lbl">
    Password:
    </span>
    </td>

    <td>
    <input type="password"
    name="Passwd" id="Passwd"
    size="18"




    class="gaia le val"

    />
    </td>
    </tr>
    <tr>
    <td> </td>
    <td align="left">
    </td>
    </tr>
    <tr id="rememberme-row" class="enabled">

    <td align="right" valign="top">
    <input type="checkbox" name="PersistentCookie" id="PersistentCookie"
    value="yes"



    />
    <input type="hidden" name='rmshown' value="1" />
    </td>
    <td>
    <label for="PersistentCookie" id="PersistentCookieLabel" class="gaia le rem">
    Stay signed in
    </label>
    </td>

    </tr>
    <tr>
    <td>
    </td>
    <td align="left">
    <input type="submit" class="gaia le button" name="signIn" id="signIn"
    value="Sign in"
    />
    </td>
    </tr>
    <tr id="ga-fprow">
    <td colspan="2" height="33.0" class="gaia le fpwd"
    align="center" valign="bottom">
    <a href="https://www.blogger.com/forgot.g"
    target=_top>

    Forgot your password?
    </a>
    </td>
    </tr>
    </table>
    </div>
    </td>
    </tr>
    </table>
    </div>
    <input type="hidden" name="asts"
    id="asts"
    value="" />

    </form>

  7. Login akun blogger tambahkan widget HTML/Javascript pada blog anda .

  8. Copas kode tadi ke widget HTML/Javascript tadi lalu coba preview blog anda .

Jika ada kesalahan pada simpan widget ataupun saat preview halaman bisa ditanyakan kepada saya (dengan ngisi komentar gitu ^_^) .

Semoga Tutorial diatas dapat membantu anda .

Terima kasih






Mochamad Idris

Read More . . .

Efek "Snow Storm" di Blogger

Dear All ,

Apakah anda melihat butiran - butiran yang jatuh di halaman blog ini , kalau tidak coba cek ketersediaan javascript di web browser anda (^-^) . Pada kesempatan kali ini penulis akan membahas mengenai cara membuat efek "Snow Storm" (Badai Salju) seperti yang anda lihat di blog anda dengan catatan engine blog anda adalah Blogger .


Langsung saja kita mulai :

  1. Download file javascript ini .


  2. Save dengan nama 'snowstorm.js' (tanpa tanda kutip) , ingat ekstensi harus [dot] js .


  3. Setelah itu agar blog anda bisa menggunakan kode dari file javascript tersebut maka anda harus meng-upload nya ke internet , atau bisa saja anda menggunakan file javascript tadi yang saya upload disini .


  4. Setelah anda sudah meng-upload file anda , copas link file tersebut ke dalam kode xml blog anda . Caranya :


    • Buka editor template anda .


    • Tulis kode dibawah ini


    • <script src="link file anda disini" type="text/javascript" />


    • Letakkan sebelum tag </head> .



  5. Sebelum di simpan coba anda "preview" dahulu .


Penulis tidak bertanggung jawab jika terjadi error pada template blog anda (he..he..bercanda kog!!) . Jika terjadi kesalahan insya Allah saya bersedia membantu .

Semoga tulisan saya diatas bisa membantu .

Terima kasih






Mochamad Idris

Read More . . .

Menjalankan Aplikasi Java di Linux

Dear , all

Dalam kesempatan kali ini penulis ingin menjelaskan bagaimana kita menjalankan aplikasi Java di sistem operasi Linux distro Ubuntu Koala-Kermic , sebenarnya untuk distro lainya tidak masalah karena penulis pernah mencobanya di Linux distro yang lain .


Sebelumnya kita membuat sebuah aplikasi Java sederhana contohnya App HalloJava , untuk lebih detilnya disini





Setelah selesai simpan file tersebut di dalam folder user anda , contohnya :


/home/~user/projek_java/HalloWorld.java



Jalankan terminal , dan masuk pada direktori dimana file Java tersebut berada (di Linux lebih dikenal direktori daripada folder) .


user@shell-linux$cd /home/~user/projek_java

Setelah itu kita akan mengkompile source code tersebut kedalam Java bytecode dengan menjalankan perintah sebagai berikut :

user@shell-linux:~user/projek_java$javac HalloWorld.java
user@shell-linux:~user/projek_java$javac HalloWorld.java

Dengan perintah tersebut kita akan mendapatkan file output dengan nama HalloJava.class yang diletakkan kedalam direktori dimana file HalloJava.java kita berada , file tersebut merupakan file bytecode dari app Java kita .

user@shell-linux:~user/projek_java$ls
HalloJava.java HalloJava.class

Berikut cara menjalankan file bytecode Java kita , ketik perintah sebagai berikut :

user@shell-linux:~user/projek_java$java HalloJava
Hallo Java !!!

Alhasil , tercetak output “Hallo Java !!!” di terminal .

Jika terjadi kesalahan saat menjalankan coba periksa -classpath nya . mungkin -classpath Java belum teregistrasi di sistem linux . untuk mendaftarkan cek tulisan saya disini .


Semoga tulisan saya diatas bisa membantu .

Terima kasih






Mochamad Idris


Read More . . .

Install Proxy Server Squid di Windows

Dear all,

Pada kesempatan kali ini penulis akan menjelaskan bagaimana menjadikan sebuah mesin ber-OS Windows XP menjadi sebuah server proxy yang dapat digunakan sebagi cache server , bandwidth manager , ataupun otentikasi user .

Untuk lebih detil pengertian , fungsi ataupun info lebih lengkap bagaimana proxy server bekerja dapat dilihat di postingan saya disini.

Berikut tutorial menginstall squid sebagai proxy server di mesin Windows XP ;
  1. Download paket instalasi Squid disini

  2. Kemudian ekstrak paket di dalam direktori c:\







  3. Masuk dalam direktori squid\etc
    Ganti nama file-file yang ada didalam direktori squid\etc tersebut dengan menghilangkan ekstensi (akhiran) nama file *.default , liat contoh :

    sebelum





    sesudah






  4. Setelah itu buat folder dengan nama cache , didalam direktori squid\var (sebelumnya dalam deirktori var hanya berisi folder log) .

    sebelum







    sesudah






  5. Jalankan command prompt . masuk dalam direktori squid\sbin .

    c:\>cd squid\sbin
    c:\squid\sbin>





  6. Setelah itu kita akan membuat sebuah direktori swap yang akan digunakan sebagi virtual memori bagi squid , dengan mengetik perintah :

    c:\squid\sbin>squid -k parse
    c:\squid\sbin>squid -z

    Setelah itu akan keluar konfirmasi bahwa direktori swap berhasil dibuat .






  7. Jalankan squid dengan cara :

    c:\squid\sbin>squid start

    Atau kita dapat membuat sebuah service squid yang akan berjalan secara background (daemon) dengan cara :

    c:\squid\sbin>squid -i





  8. Kemudian coba kita jalankan service squid-nya , dengan cara masuk kedalam run , kemudian ketik perintah 'services.msc' (tanpa tanda petik).












  9. Cari service bernama squid , kemudian pilih tombol start didalam menu properties-nya.



















  10. Untuk mengecek apakah squid kita sudah berjalan, kita dapat mengecek lewat konfigurasi browser kita .



















Nilai-nilai dari variabel diatas berdasarkan dari konfigurasi proxy server kita , untuk mengubah fungsi proxy kita menurut kebutuhan , kita dapat mengubah konfigurasi degan cara mengedit file dari squid\etc\squid.conf .
Untuk mempelajari cara kostumisasi file squid.conf tersebut dapat dilihat di tulisan saya disini .
Semoga tutorial diatas dapat membantu pembaca .

Terima Kasih






Mochamad Idris



Read More . . .

Over View J2ME

Dear All,

Bahasa Pemrograman java telah banyak berkembang dalam kurun waktu yang sangat cepat untuk sekarang ini . Mulai dari edisi standar pemrograman (J2SE) yang digunakan untuk pengembangan apllikasi berbasis GUI , applet dan sejenisnya .



Kemudian java mengenalkan kelengkapannya dengan J2EE yang diorientasikan untuk keperluan pengembangan aplikasi model client-server kelengkapan tersebut meliputi akses database , proses komunikasi antar host ataupun dengan server , maupun pengontrolan terhadap proses transaksi (transaction control) .


Lalu pada akhirnya Java mengeluarkan teknologi pemrograman untuk skala perangkat bergerak (mobile device) seperti ponsel , PDA , pager yang dikenal dengan sebutan J2ME (Java 2 Micro Edition)





Perbedaan mendasar pada mobile device yang menjadi kelebihan dibanding dengan perangkat lain :


  1. Ukuran yang kecil

  2. Perangkat bergerak biasanya dibuat dalam ukuran yang kecil, sehingga dengan ukuran tersebut perangkat bergerak nyaman dibawa kemana-mana


  3. Ruang penyimpanan pada perangkat bergerak sangat terbatas
  4. Dengan ukurannya yang kecil , perangkat bergerak cenderung memiliki sistem elektronik yang terbatas pula . Ruang penyimpanan (memory) , CPU , maupun display device pada perangkat yang bergerak dibuat sangat minim .


  5. Daya yang rendah (hemat energi)

  6. Perangkat bergerak didesain dengan bentuk yang kecil dengan memiliki sistem elektronik yang kecil pula . Sistem elektronik berupa memory , CPU , maupun display tesebut hanya mengkonsumsi daya dari sebuah batrei yang hanya berukuran kecil . Contohnya dalam baterai ponsel yang hanya berdaya dc 3,6v/930mAh dapat bertahan hidup selama 3 hari (ketentuan berlaku).


  7. Perangkat bergerak menjadi bagian dari masyarakat

  8. Penggunaan perangkat bergerak seperti ponsel sekarang telah menjadi bagian dari kebutuhan primer seorang individu , bisa dikatakan setiap orang memerlukan sebuah media penghubung dengan orang lain dimanapun ia berada , dan disaat apapun kondisi mereka



Semoga tulisan diatas dapat membantu pembaca .


Terima Kasih






Mochamad Idris

Read More . . .

 
© 2009 Computer | Life | Earth | Health | Powered by Blogger | Built on the Blogger Template Valid X/HTML (Just Home Page) | Design: Choen | PageNav: Abu Farhan