Perbedaan XHTML dengan HTML

| Saturday, August 15, 2009 | 2 comments |

XHTML merupakan generasi berikutnya setelah HTML,tetapi dia mempunyai kemampuan lebih tinggi untuk mengoperasikannya.Selain itu membutuhkan kesiapan berbagai perangkat lunak untuk menanganinya.

Untuk lebih memahami XHTML,Anda harus paham terlebih dahulu HTML.Lebih baiknya lagi Anda memahami HTML ver 4.01 standart.Dan baiknya Anda membiasakan mennggunakan huruf kecil untuk menuliskan kode tersebut.Dan jangan lupa membuat tag penutup setiap elemen.

Perbedaan Utama XHTML dengan HTML
  1. Elemen XHTML harus tersusun secara benar (properly nested).
  2. XHTML merupakan dokumen yang “well-formed”.
  3. Nama tag harus menggunakan huruf kecil
  4. Semua elemen XHTML harus memiliki penutup

Setting Thunderbird Gmail

| | 1 comments |

Setting Thunderbird untuk Gmail sangat mudah sekali.Yang Anda butuhkan hanyalah aplikasi thunderbird itu sendiri dan email yang sudah teregistrasi di Google.Anda bisa mendapatkan Thunderbird sendiri disini.

Langsung saja,install Thunderbird yang sudah Anda download tadi.Kemudian jalankan Thunderbird tersebut.

Ganti Tema Linuxmu...!

| | 0 comments |
Bosan dengan tema Linux-mu yang gitu-gitu saja..?
Sekarang banyak website yang menyediakan beribu-ribu tema Linux.Dan itu semua free..!

Contohnya adalah www.gnome-look.org.Situs ini merupakan situs favorit saya.Karena disini tidak hanya menyediakan tema linux tersebut,tapi juga memnerikan bagaimana cara agar tema tersebut berjalan di linux Anda.

Membuka file rar di Linux..

| | 0 comments |
Saya sempat sedikit bingung mengekstrak file yang berekstensi .rar di linux (Saya pakai ubuntu 9.04).Setelah saya cari di beberapa sumber,ternyata untuk mengekstrak file .rar,pada linux tersebut harus terinstall dulu Unrarnya.Untuk menginstall Unrar tersebut gunakan perintah berikut :

Untuk distro lain, perintahnya begini :
Debian Linux
Code:
# apt-get install unrar

Fedora core Linux
Code:
# yum install unrar

Gadis 9 Tahun Raih Gelar Professional Termuda dari Microsoft

| Friday, August 14, 2009 | 0 comments |

Berita menarik, seorang gadis dari desa Tamil Nadu telah menjadi perempuan termuda yang telah lolos ujian kualifikasi sertifikasi professional dari Microsoft. Ujian Microsoft tersebut biasanya dilakukan untuk tes prosek kerja ke depan yang lebih baik, dan sekaligus untuk mengukur skill problem solving dari masing-masing testee. Dari semua tes, Lavinashree (9) telah melaluinya dengan angka yang sangat bagus. Dengan dinobatkannya Lavinashree sebagai professional muda, maka ia telah membuat rekor baru, dan mematahkan rekor yang pernah diraih Arfa Karim, seorang gadis berusia sepuluh tahun asal Pakistan.

“Dr. Kalam adalah scientist yang sangat besar, dan saya ingin menjadi seperti dia.” kata Lavinashree. Lavinashree memang sudah terbiasa membuat rekor dunia. Bakat Lavinashree sudah tampak bahkan ketika usianya baru menginjak tiga tahun. Ketika Lavinashree berusia tiga tahun, ia masuk ke dalam Limca Book of Records atas kemampuannya menceritakan 1330 untaian sajak dari Thirukural, salah satu sajak klasik dari Tamil.

Robobama, Robot Animatronic Kembaran Obama

| | 0 comments |

Apa jadinya jika Barack Obama jadi robot?

Barack Obama tampak sedang berdiri memberikan pidato mengenai kemerdekaan. Namun, Presiden Amerika ke-44 tersebut terbuat dari kulit silicon, dan di bagian belakang juga terdapat jaringan kabel untuk pengisi ‘urat syaraf’ Obama. Robot Obama ini merupakan reproduksi ke 21st-century, yang dibuat oleh perusahaan besar Walt Disney Company, dan dengan campur tangan langsung dari staff Gedung Putih, dan Presiden Obama sendiri.

Presiden tidak hanya menyuplai ukuran dan bentuk tubuhnya, namun juga rekaman suara dan pidato yang dibuat dari draft Disney, dengan kualitas suara yang high-definition. Sementara itu, pihak Disney tidak menyebutkan berapa biaya untuk membangun robot Obama atau “Robobama” tersebut . Menurut NYTimes.com, mereka bekerja di bawah perlindungan Secret Service Amerika, dan hanya journalist tertentu yang bsia mendekat dan mengabadikan gambar produk Disney tersebut.

Waduh, Microsoft Dilarang Jual Aplikasi Word

| Thursday, August 13, 2009 | 0 comments |

Microsoft dilarang menjual software aplikasi kantor Word?
Larangan tersebut berlaku untuk wilayah US karena adanya aksi tuntutan hukum dari perusahaan asal Texas, i4i. Perusahaan i4i tersebut merupakan perusahaan yang mensuplai software Word XML dan kemudian menegaskan bahwa Microsoft telah melanggar hak patent tahun 1998 nomor 5,787,499. Microsoft dituntut telah memperbolehkan konsumennya untuk membaca bahasa pemrograman XML untuk melakukan kustomisasi format dokumen. Bahasa XML dimasukkan ke dalam Microsoft Word dimana user kemudian dapat membaca dan menulis dokumen XML.

Sementara itu, bulan Maret 2007 lalu, i4i telah memasukkan tuntutan tersebut, dan bulan Mei tahun ini, pengadilan distric US untuk distrik Texas timur, menemukan bahwa perusahaan Microsoft yang bermarkas di Redmond tersebut bersalah atas pelanggaran hak patent dan memberikan denda kepada Microsoft sebesar $200 juta (£122 juta). Kini dari hasil keputusan pengadilan yang sama telah menetapkan bahwa Microsoft harus menghentikan penjualan Word dalam waktu 60 hari.

Akses Internet Asia Lambat..??

| | 0 comments |

Inilah yang menjadi salah satu alasan mengapa akses Internet pagi ini termasuk Internet internasional menjadi sangat lambat. Hal tersebut disebabkan putusnya salah satu kabel bawah laut APCN2 (Asia-Pacific Cable Network 2), karena kesalahan di segmen 7 APCN2 yakni antara bentang Shantou China dan Tanshui Taiwan. Sedangkan menurut TM NET terjadi pula perbaikan untuk segmen APCN2 yang diperkirakan akan selesai di tanggal Kamis (13/08) ini.

Sementara itu, data dalam TrafficReport.com menunjukkan bahwa gerbang data Internet SigTel di Singapura hanya mencapai 34 poin, lebih rendah dibandingkan dengan rata-rata globalnya. Sing Tel merupakan penyedia Internet pertama yang mengetahui adanya kecepatan akses yang mulai melambat dan mendeteksi adanya loss packet data, sejak Selasa (11/08) lalu. Akses Internet di Singapura tersebut juga sempat mengganggu dan terhenti di beberapa negara Asia.

Saingi Twitter, Facebook Ciptakan Lite

| Wednesday, August 12, 2009 | 0 comments |

Facebook telah memulai sebuah layanan baru untuk membuat layout lebih menarik. Untuk menambah kecepatan proses melihat situs jejaring social tersebut, sebelumnya terkendala dengan koneksi Internet broadband yang terbatas, kini Facebook sudah menggunakan Facebook Lite yang akan menjadi rival Twitter. Layanan microblogging Twitter sendiri lebih menampilkan satu kalimat untuk update mengenai apa yang dilakukan user. Sedangkan di halaman Facebook, update status user dapat lebih luas, termasuk ke deskripsi, foto dan beberapa aplikasi lainnya.

Sejumlah pengguna Facebook bahkan sudah di-invite untuk mengetes layanan Facebook Lite tersebut. Facebook mengatakan bahwa layanan Facebook Lite tersebut masih dalam tahap trial dan belum akan diluncurkan ke seluruh pengguna Facebook di dunia. “Kami masih menguji layanan alternatif yang simple ini untuk Facebook.com yang memiliki beberapa fitur yang cepat dan efisien. Sama seperti Facebook di mobile phone, Facebook Lite merupakan layanan dengan loading yang cepat, agar user mudah membuat komentar, menerima request Friend, menulis di Wall user lainnya, melihat foto dan mengupdate status.” ungkap Facebook.

Pasang Search Engine di Blogger

| | 2 comments |

Search Engine dalam blogger,memudahkan pengunjung untuk mencari artikel dengan kata kunci yang digunakan.Mungkin sebagian orang sudah mengetahui cara membuat search engine ini.

Kali ini saya akan memberikan sedikit sentuhan pada search engine sehingga tampil beda dengan search engine lain.Seperti menggunakan Flat Button dan Flat TextBox

Berikut langkahnya :

Pertama
Pilih Tab Layout(template),kemudian pilih menu Page Element(Elemen Halaman).Tambahkah Widget baru HTML/JavaScript.

Title Blog Berjalan..?

| | 1 comments |
Sahabat Blog pasti pernah melihat blog teman Anda berjalan.Memang bagi sebagian blogger itu merupakan ciri khas tersendiri.

Tetapi,masih banyak orang yang belum tahu caranya.Ya,dengan sentuhan script yang ditambahkan pada blog.Memang sih,kalau masalah pengeditan blog kita tidak jauh-jauh dari script.Ok,sekarang aku mau memberikan caranya sekaligus script-script yang dibutuhkan.

Berikut langkah-langkahnya :

Pertama :
Masuk ke account blogger Anda.

Kedua
Pilih Tab Layout,kemudian pilih menu Edit HTML.

Ketiga
Copy Script berikut ini :

<script type='text/javascript'>

//<![CDATA[



msg = " ---ALAMAT BLOG ANDA--- ";

msg = "JUDUL BLOG ANDA" + msg;pos = 0;

function scrollMSG() {

document.title = msg.substring(pos, msg.length) + msg.substring(0, pos); pos++;

if (pos > msg.length) pos = 0


window.setTimeout("scrollMSG()",200);

}

scrollMSG();

//]]>

</script>




Keempat:
Kemudian pastekan kode tadi diatas kode <head> yang ada dikotak Edit Html.kemudian tukar tulisan yang berwarna merah diatas dengan URL blog dan Judul blog anda ( boleh juga dengan tulisan lainnya yang anda mau )

Kelima:
Simpan perubahan yang telah anda lakukan tadi dengan mengklik tombol [save template] yang ada, kemudian untuk melihat hasilnya refresh jendela blog anda atau buka ditab baru dengan mengklik link View Blog yang ada.

Keenam:
SELAMAT MENCOBA..!
HAPPY BLOGGING..!

Koneksi Database dengan PHP

| | 2 comments |

Sebuah website interaktif dan dinamis, tentu membutuhkan penyimpanan data yang
fleksibel dan cepat untuk diakses.Salah satu database server adalah MySql. database ini sangat populerdan digunakan di banyak website2 terkenal.MySql bersifat free(alias
gratis),mysql dapat berjalan diplatform Linux,windows dsb. PHP telah mneyediakan fasilitas untuk koneksi database baik yang bersifat komersil maupun gratis.

Secara umum koneksi database harus melalui tiga tahap, yaitu:

1. Koneksi database.
2. Query kedatabase.
3. Pemutusan koneksi.

fungsi2 PHP untuk koneksi database,yaitu:

1. Mysql_connect();
2. Mysql_pconnect();
3. Mysql_select_db();

untuk dapat mengakses data yang ada didatabase program php, harus dilakukan koneksi lebih dulu.

contoh:

Mysql_connect(Nama host,nama,password);
berikut ini contoh program untuk koneksi database:

$koneksi=mysql_connect(”localhost”,”Azwar”,”babi”);
if($koneksi){
echo “Koneksi BErhasil”;
}else{
echo”Koneski gagal coba lagi”;
}
?>

untuk koneksi database menggunakan mysql_pconnect() pada dasarnya sama saja yang membedakan adalah jika mengunakan mysql_pconnect() koneksi tidak akan terputus walaupun program telah selesai diekskusi.

demikian mudahnya menggunakan koneksi database menggunakan PHP, pelajarilah maka anda akan semakin jatuh cinta.

Perbedaan Padding dan Margin

| Tuesday, August 11, 2009 | 1 comments |
Pertama kali,aku mengenal CSS,ya sampai sekarang aku masih bingung membedakan yang mana yang PADDING dan MARGIN.Sekalian saja aku posting sebagai pengingat,sekaligus sharing pengetahuan. :-)

MARGIN
Margin digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antar kolom/elemen halaman web/blog.
Jadi marginlah yang mengatur jarak antara kolom header, sidebar, main, dan bottom/footer.

PADDING
Padding digunakan untuk mengatur batas atas, batas kanan, batas bawah, dan/atau batas kiri antara isi/content dengan kolom/container halaman isi/content tersebut.
Jadi apabila kita ingin mengatur jarak antara tulisan dalam artikel dengan garis/batas tepi didalam halaman web/blog digunakanlah padding ini.

Penulisan margin maupun padding sebenarnya sama hanya propertiesnya yang diganti bisa dipisah maupun digabung antara top-right-bottom-left.
Sintagnya adalah sebagai berikut :

selector {property : value}
misalkan :
body {
margin-top:5px;
margin-right:10px;
margin-bottom:5px;
margin-left:15px;
}
atau disingkat : body {margin:5px 10px 5px 15px}. Demikian halnya untuk padding
misalkan :
body {
padding-top:5px;
padding-right:10px;
padding-bottom:5px;
padding-left:15px;
}
atau disingkat : body {padding:5px 10px 5px 15px}.

Membuat Favicon Pada Blogger

| | 0 comments |
Pernah tau yang namanya Favicon..?
Itu icon kecil yang ada di address bar.Biasanya favicon memberikan ciri khusus bagi website itu sendiri.Misalnya Blogger sendiri.Blogger mempunyai favicon gambar logonya.

Kali ini,aku mau sharing bagaimana cara membuat favicon itu.

Cari tag </head>, kemudian masukkan kode dibawah ini seperti terlihat pada gambar diatas, tepat diatas tag </head> :


<link rel="shortcut icon" href="lokasi image kamu berada" />


Kalau Aku,biasanya upload image di Imageshack.


Kemudian simpan template Kamu.Nah jadi deh...

Selamat Mencoba..!

HAPPY BLOGGING..!!! :)

Membuat Vertikal Menu dengan CSS

| | 1 comments |
Sebelumnya,pernah tau khan yang namanya menu navigasi..?
Biasanya dalam website,menu navigasi menjadi sesuatu yang mutlak harus ada.Nah, untuk menu navigasi dalam tiap website,itu berbeda-beda,tergantung dengan tema website itu sendiri.Kadang ada yang condong ke menu navigasi horizontal ataupun vertikal.

CSS sendiri memberikan kelebihan dalam pembuatan layout menu tersebut.Dengan sedikit sentuhan CSS,menu navigasi kita yang sebelumnya kelihatan kaku,akan terliha lebih stylish.

Nah sekarang aku akan membahas cara membuat menu vertikal dengan menggunakan CSS.

Sekarang kita persiapkan terlebih dahulu tag HTMLnya seperti di bawah ini:

<ul id="nav">
<li><a href="#">Home</a></li>
<li><a href="#">Services</a></li>
<li><a href="#">Suport</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>

Nah,akan muncul tampilan seperti di bawah ini:


* Home
* Services
* Suport
* About Us
* Contact Us


OK..memang tampilan pertama kita sangat kaku.Nah disinilah CSS diperlukan untuk memperbaiki tampilan yang masih kaku itu.
Ok,langsung aja kita pasang kode CSSnya..sebagai berikut :

#nav {
margin: 0;
padding: 0;
list-style-type: none;
background-color: #663300;
width: 180px;
float: left;
}
#nav li {
margin: 0;
padding: 0;
float:left;
width:100%;
}
#nav a {
display: block; /* untuk memperbesar area klik karena tag a defaultnya inline
*/
color: #FFF;
text-decoration: none;
padding: 0 15px;
line-height: 2;
border-bottom:1px solid #FFF;
}
#nav a:hover {
background: #330000;
}

Dan...Bla..bla.bla...
Nah,setelah sedikit sentuhan CSS yang bisa dibilang agak ribet,tapi mengasyikkan.
SELAMAT MENCOBA..!!

Basic Command Linux

| | 0 comments |


Berikut ini adalah perintah-perintah dasar dalam linux.
cat
Perintah untuk menampilkan isi teks file cat [namafile]
#cat /etc/rc.d/rc.module
$cat /tmp/suratcintabuatkamu

cd
Perintah untuk Pindah direktori

$ cd [nama direktori]
$ cd /home/mic/picture

maka direktori aktif akan berpindah ke /home/mic/picture

cfdisk
Perintah untuk mempartisi hardisk
#cfdisk /dev/sda

chfn
change finger information -perintah untuk merubah finger informatin user

chfn [user name]
$ chfn mic

chgrp
Memilih group owner dari sebuah file/direktori (hanya root yang bisa melakukan!)

#chgrp [group] [file/direktori name]
#chgrp eagle /tmp/raptor/data/test1.doc
#chgrp eagle -r /tmp/raptor/picture

r=recursive

chmod
Perintah untuk Mengubah mode proteksi /file permission file atau direktori

$ chmod [permission] file/direktori

RWX RWX RWX
Owner Group Other

$ chmod 755 /home/mic/picture/*.*
RWXRWXRWX
111101101

$ chmod 700 /home/mic/secret
rwxrwxrwx
111000000

clear
Perintah untuk membersihkan layar
$clear

cp
Perintah untuk Mencopy file

$ cp [source] [destination]
$ cp sakura.jpg /home/mic/picture

maka file gambar sakura.jpg akan dipindahkan ke direktori /home/mic/picture

grep
Perintah untuk melakukan scan file terhadap karakter tertentu
grep "pattern" filename
$grep "love" /tmp/doc/*
halt
Perintah untuk meng-halt system (hanya root yang bisa ! )

#halt –h now

Matikan system sekarang !!

init*
Perintah melakukan perpindahan antar level.

init 0123456

0=halt the system
1=single user mode
2=multi user without NFS
3=Full Multi user
4=unused
5=start X window
6=reboot system

# init 6
reboot
# init 5
startx window

Umumnya default adalah init 3

ln- Symbolic Link
Perintah untuk memberikan nama link terhadap suatu file
$ ln -s [file] [ link name]
$ ln -s /home/mic/picture/sakura.jpg saku

locate*
Perintah untuk pencarian file dengan cepat

locate [file name]
$locate UAS_Elektro2005.doc

ls
Perintah untuk Melihat isi direktori

$ ls

Akan ditampilkan isi folder Anda.

$ ls -la

akan ditampilan isi folder lengkap dengan hak akses (file permission)

mkdir
make directory- perintah untuk membuat direktori

#mkdir /mnt/flashdisk
#mkdir 755 /tmp/musik/dangdut

mv
Perintah untuk Memindah file /direktori

$ mv [source] [destination]
$ mv sakura.jpg /home/mic/picture
file sakura.jpg akan dipindahkan ke direktori /home/mic/picture
Hati-hati ! memindah berbeda dengan mencopy lho !

$ mv sakura.jpg bunga.jpg

Nama file sakura.jpg berubah menjadi bunga.jpg

$ mv /home/mic/picture /home/mic/gambar

Direktori /home/mic/picture berubah nama menjadi /home/mic/gambar

ping
Perintah untuk mengecek keaktifan suatu komputer/server dalam jaringan

ping [hostname/IP number]
#ping skylarx2
#ping 192.168.0.17
#ping www.yahoo.com (jika terhubung ke-internet)

pkgtool
Perintah pada slackware untuk menambah, meremove, melihat program. Pkgtool juga dapat digunakan untuk mengatur konfigurasi global sistem Linux. (Hanya berlaku bagi root ! )
#pkgtool

pwd
Perintah untuk melihat direktori aktif

$ pwd

Jika Anda berada di /home/mic/lagu/avril, maka setelah mengetikkan pwd akan muncul

/home/mic/lagu/avril

rm
Perintah untuk Menghapus file /direktori
$ rm [file name]
$ rm /home/mic/gambar/bunga.jpg
$ rm -r /home/mic/gambar
$ rm /tmp/musik/barat/asktoomuch.mp3

pada contoh ke-3, penggunaan r akan menyebabkan semua file dan folder /home/mic/gambar akan ‘amblas’ :) (r= recursive)

rmdir
remove direktory - perintah untuk meremove directory


#rmdir /tmp/musik/dangdut/omairama

shutdown
Perintah untuk shutdown

Shutdown
#shutdown -h now
shutdown tanpa ada peringatan.
#shutdown -t 15
shutdown 15 detik lagi.....cepat save file Anda ! hehehe
#shutdown -r now
merestart komputer !

startx
Perintah untuk mengaktifkan system X window — (perintah paling populer :))
$startx

Jika terjadi “kecelakaan” tekan Ctrl-Alt-Backspace untuk keluar dari system X window

su
Menjadi superuser atau log sebagai user ID lain

$su [username]
$su
password :***************
# (sudah sebagai superuser)
$su michael
password :***************
$ (log sebagai michael)

top
Perintah untuk mengetahui proses yang terjadi

$top

touch
Perintah untuk membuat file kosong
touch [file name]
$touch /tmp/cobadeh

useradd /userdel*
Perintah untuk menambah /menghapus user (hanya root yang bisa! )
useradd [user name]

#useradd swe4tg1rl
#userdel rajajud1

which
Perintah untuk menunjukan letak file yang diakses
which [file name]
$which /tmp/data

whereis
Perintah untuk mencari sebuah file
Whereis [namafile]
$whereis bab2.doc

xinit
Init X window tanpa perlu masuk ke window manager

Postingan Mengandung Tag HTML

| Monday, August 10, 2009 | 0 comments |
Dalam postingan di blogger,terkadang tidak hanya berisi sebuah tulisan yang berupa hiburan saja.Tapi,banyak juga dari kita para blogger lebih condong ke postingan yang berbau Teknologi.Ya, mungkin saja memberikan postingan tentang bagaimana membuat layouting atau apalah.Nah,tentu saja tidak jauh dari yang namanya tag HTML dari postingan tersebut.

Tag HTML yang kita posting,akan diproses dan dibaca sebagai command HTML.Sedangkan kita menginginkan tag HTML tersebut tidak terbaca sebagai command.Bagaimana mengatasinya...?

Kali ini aku akan memberikan cara untuk mengatasi hal tersebut.

Sekarang sudah tersedia layanan web yang memberikan cara untuk men-encode tag HTML sehingga tidak terbaca sebagai command.

Buka saja situs di berikut ini http://www.opinionatedgeek.com/dotnet/tools/htmlencode/Encode.aspx


HAPPY BLOGGER..!