Yus Waroeng Software

About Delphi

noreply@blogger.com (gi-Komunika) — Fri, 15 May 2009 01:27:00 +0700

1.1. Pengantar

Pemrograman Delphi merupakan salah satu pemrograman visual yang handal untuk mengolah suatu data, yang memiliki banyak komponen untuk digunakan pada form. Selain dengan menggunakan komponen standar yang telah disediakan oleh Delphi, kita juga dapat menambah dengan komponen lain yang biasanya harus diinstal-kan lagi, dan nanti akan secara otomatis terpasang pada komponen Delphi yang sudah ada. Komponen-komponen tambagan tersebut antara lain LMD tools, 1st Class, Apollo, Ahm Thriton dan lain sebagainya. Diantara komponen-komponen tsb, masing-masing memiliki kelebihan, antara lain pada desain tulisan, tombol yang berupa gambar, tulisan berjalan, form yang lebih menarik dan lain sebagainya. Penggunaan komponen-komponen tersebut biasanya lebih mudah, karena kita hanya tinggal mengaturnya pada Object Inspector, sehingga tidak terlalu banyak diperlukan algoritma. Namun demikian, semua komponen tersebut sifatnya hanya pelengkap. Untuk lebih mendalami pemrograman Delphi, tentu sebaiknya kita harus lebih memahami terlebih dahulu komponen standar yang sudah disediakan oleh Delphi dan menggunakannya secara optimal.

1.2. Memahami IDE ( Integrated Development Environment ) Delphi 5

Bagian-bagian utama pada pemrograman Delphi yaitu meliputi menu, speed bar, komponen pallete, form designer, code editor dan object inspector. Diantara bagian utama tersebut, yang paling sering digunakan biasanya yaitu meliputi form designer, komponen pallete, object inspector dan code editor. Adapun shortcut (perintah melalui tombol keyboard) yang seringkali digunakan yaitu :

 F9 : berfungsi untuk melakukan proses Run (menjalankan program)
 Ctrl+F9 : berfungsi untuk melakukan proses pemeriksaan kesalahan
 F12 : berfungsi untuk berpindah dari tampilan form ke code editor atau
sebaliknya.
 Ctrl+F11 : berfungsi untuk membuka file project (*.dpr).
 Alt+F+V : berfungsi untuk menyimpan file unit dan project sekaligus.
 Ctrl+S : berfungsi untuk menyimpan file unit (*.pas) saja, atau untuk
menyimpan kembali file unit yang disimpan sebelumnya.
 Alt+F+A : berfungsi untuk menyimpan nama file unit yang baru (sama dengan Ctr
+S ) atau untuk menyimpan nama file unit dengan nama yang berbeda.
 Alt+F+E : berfungsi untuk menyimpan nama file project (*.dpr) dengan nama yang
berbeda.

Untuk mengetahui tentang IDE Delphi 5 ini, terlebih dahulu Anda harus menjalankan Delphi 5. Ikuti langkah sebagai berikut :
1.Klik tombol | Start |, | Programs |, | Borland Delphi 5 |, | Delphi 5 |.
2.Tunggu beberapa saat, sehingga tampil menu utama Delphi seperti pada Gambar 1.1. berikut ini.

Pembahasan tentang IDE Delphi pada buku ini mengacu pada Delphi 5. Jika Anda menggunakan Delphi versi lain, akan ada sedikit perbedaan.

Gambar 1.1. Bagian-bagian dari IDE Delphi 5

Menu
Menu pada Delphi memiliki kegunaan seperti menu pada aplikasi Windows lainnya. Dari menu ini, Anda bisa memanggil atau menyimpan program, menjalankan dan melacak bug program. Singkatnya, segala sesuatu yang berhubungan dengan IDE Delphi, dapat Anda lakukan dari menu. Untuk lebih jelasnya, lihat gambar 1.2.

Gambar 1.2. Menu pada IDE Delphi 5

Speed Bar
Speed bar atau sering juga disebut toolbar berisi kumpulan tombol yang tidak lain adalah pengganti beberapa item menu yang sering digunakan. Dengan kata lain, setiap tombol pada speed bar menggantikan salah satu item menu. Sebagai contoh, tombol kiri atas adalah penganti menu | File |, | New |, tombol disebelah kanannya adalah pengganti menu | File |, | Open | dan seterusnya. Untuk lebih jelasnya, lihat gambar 1.3.

Gambar 1.3. Speed Bar pada IDE Delphi 5

Tombol-tombol yang diletakkan pada Speed Bar, dapat Anda tambah atau kurangi sesuai selera Anda. Caranya klik kanan pada Speed Bar dan pilih Customize, kemudian pilih tab Commands.
Bila Anda ingin menambah tombol, dari kotak dialog yang muncul, pilihlah ikon yang ingin Anda tambahkan, kemudian tariklah ikon tersebut ke Speed Bar.
Jika Anda ingin mengurangi tombol, pilih ikon yang ingin Anda hilangkan dan tariklah ikon tersebut keluar Speed Bar.

Component Pallete
Component pallete berisi kumpulan ikon yang melambangkan komponen-komponen pada VCL ( Visual Component Library ). Perlu Anda ketahui bahwa komponen VCL merupakan pustaka komponen yang dapat Anda gunakan untuk membangun suatu aplikasi.
Pada component pallete, Anda melihat beberapa Tab, yaitu Standard, Additional, Win32, System, Internet, Data Access , Data Controls, ADO dan seterusnya. Untuk lebih jelasnya, lihat gambat berikut :

Gambar 1.4. Component Pallete pada IDE Delphi 5

Ikon yang ditampilkan pada Component Pallete tidak memiliki keterangan yang menyatakan nama komponen. Jika Anda ingin mengetahui nama komponen, gunakan cara berikut ;
Letakkan kursor mouse Anda di atas ikon sebuah komponen yang ingin Anda ketahui namanya dan tunggu sekitar satu detik. Delphi akan menampilkan kotak kecil berwarna kuning yang bertuliskan nama komponen tersebut. Contoh :

Form Designer
Sesuai dengan namanya, form designer merupakan tempat dimana Anda dapat merancang jendela dari aplikasi windows Anda. Perancangan form dilakukan dengan meletakan komponen-komponen yang diambil dari Component Pallete.

Code Editor
Code Editor merupakan tempat dimana Anda menuliskan program. Disini Anda meletakan pernyataan-pernyataan dalam bahasa Pascal. Pemrograman Borland Pascal pasti tidak asing lagi dengan Code Editor karena sangat serupa dengan editor milik Borland Pascal.
Yang perlu diperhatikan pada Code Editor adalah Anda tidak perlu menuliskan seluruh kode sumber. Delphi telah menuliskan semacam kerangka untuk Anda. Untuk lebih jelasnya Anda dapat melihat gambar 1.5.

Gambar 1.5. Component Pallete pada IDE Delphi 5

Object Inspector
Object Inspector digunakan untuk mengubah karakteristik sebuah komponen. Pada Object Inspector, Anda melihat dua tab, yaitu Properties dan Events. Anda dapat mengaktifkan salah satu tab ini dengan mengklik teks Properties atau Events (lihat gambar 1.6).

Gambar 1.6. Object Inspector pada IDE Delphi 5

Pada Tab Properties, Anda bisa mengubah properti dari komponen Anda. Secara mudah, properti dapat dijelaskan sebagai data yang menentukan karakteristik komponen. Sebagai contoh, pada gambar 1.5a (Properties), Anda melihat properti-properti milik sebuah form, seperti ActiveControl, AutoScroll, BorderIcons, BorderStyle dan seterusnya.

Pada Tab Events, Anda dapat menyisipkan kode untuk menangani kejadian tertentu. Kejadian bisa dibangkitkan karena beberapa hal, seperti pengklikan mouse, penekanan tombol keyboard, penutupan jendela dan sebagainya. Untuk lebih jelasnya perhatikan gambar 1.5b (Events). Pada gambar ini Anda dapat melihat beberapa kejadian (events), seperti OnActivate, OnClick, OnClose dan seterusnya.

Cara Membuat Menu

noreply@blogger.com (gi-Komunika) — Fri, 15 May 2009 00:57:00 +0700

Dalam sebuah program aplikasi, sebuah menu merupakan salah satu komponen yang seringkali ada/ digunakan. Seperti contoh, pada aplikasi Ms-Word, ada menu File, Edit, View dst. Dan masing-masing menu tersebut biasanya memiliki Sub. Menu, misal ; pada menu File di Ms-Word ada sub.menu New, Open, Close dst. Dalam Delphi, kita juga dapat membuat menu-menu seperti itu.
Misal kita akan membuat menu sebagai berikut :

Pada program tersebut, terdapat menu Masukan, Tampilan, Cetak dan About. Adapun Menu Masukan, memiliki sub. menu yaitu Data Mahasiswa, Data Nilai, Data KRS dan Data Cuti.

Contoh project dengan menggunakan menu

Cara pengerjaan :
1.Tempatkan komponen MainMenu (pada pallete standard) pada form, kemudian double clik dan ketikkan menu yang diinginkan (posisi properti akan berada pada properti Caption).
2.Misal ; menu Masukan. Untuk memberikan tanda garis bawah pada huruf ‘M’, berikan tanda ‘&’ (misal ketik ; ‘&Masukan’, akan menjadi ‘Masukan’). Tanda garis bawah pada huruf berguna untuk mengaktifkan menu dengan menggunakan keyboard. Misal ; untuk mengaktifkan menu Masukan, yaitu dengan cara menekan tombol Alt + M.
3.Untuk memberi garis diantara sub. menu (misal ; diantara menu Data Mahasiswa dan Data Nilai), ketikkan tanda ‘-‘ pada properti caption.
4.Untuk membuat menu selanjutnya (misal ; menu Tampilan), klik kekanan dan ketikan menu yang diinginkan. Adapun untuk membuat sub. menu selanjutnya, klik kebawah dari menu utama, kemudian ketik sub. menu yang diinginkan.
5.Untuk lebih jelasnya, lihat gambar berikut :

6.Untuk keluar, klik tanda silang yang ada dibagian kanan atas window.

Setelah Anda selesai membuat menu tsb, untuk memasukkan perintah pada menu tsb, cukup klik (tekan tombol kiri sekali) menu yang akan digunakan, kemudian ketikkan listing program yang diinginkan.
Untuk lebih memahami pembuatan menu ini, coba Anda buat project baru dengan menu sbb :

Klik menu | File |, | New Application |

Simpan (klik menu | File |, | Save All | nama file unit dengan nama fmMenu.pas dan file project dengan nama Menu.dpr. Setelah selesai, jalankan (F9) !.

Function

noreply@blogger.com (gi-Komunika) — Fri, 15 May 2009 00:35:00 +0700

Fungsi merupakan suatu potongan program yang memberikan suatu hasil/ nilai. Karena memberikan suatu nilai, fungsi tidak dapat berdiri sendiri, melainkan memerlukan suatu tempat untuk menampung.
Untuk mendefinisikan suatu fungsi, Anda harus memulai dengan kata ‘Function’ yang diikuti oleh nama dari fungsi tersebut. Untuk memperjelas pembahasan, berikut contoh penggunaan fungsi dalam sebuah program :

Buat project sbb :

Gambar Project menggunakan fungsi

Prosedur pengerjaan, atur properti sbb :

Setelah selesai, simpan terlebih dahulu dengan cara klik menu | File |, | Save All |. Isi file unit (*.pas) dengan nama fmFungsi.pas dan file project (*.dpr) dengan nama Fungsi.dpr
Setelah selesai meletakkan dan mengatur komponen-komponen tsb, tekan tombol F12, lalu ketikkan deklarasi fungsi pada bagian Public (dibagian atas) sebagai berikut

public
function HitungHarga(HgSatuan,JmlLiter : Integer) : Integer;
{ Public declarations }
end;

Setelah selesai, kemudian dibawah kata ‘implementation’ dan {$R *.DFM}, ketikkan (semuanya) listing sbb :

//Contoh sederhana penggunaan fungsi
function TForm1.HitungHarga(HgSatuan,JmlLiter : Integer) : Integer;
begin
HitungHarga:=HgSatuan*JmlLiter;
end;

Setelah selesai menuliskan listing program untuk penggunaan function, tekan F12, lalu klik ganda (double click) pada Button1 (Proses), dan ketikkan listing berikut (ketik yang tidak diberi efek tebal) :

procedure TForm1.Button1Click(Sender: TObject);
var
Jml,Harga, TotalHg : Integer;
begin
Harga:=strtoint(edit1.text);
Jml:=strtoint(edit2.text);

//penggunaan fungsi Hitung harga
TotalHg:=HitungHarga(Harga,Jml);
edit3.text:=Inttostr(TotalHg);
end;

Tekan F12, lalu klik ganda (double click) pada Button2 (Reset), dan ketikkan listing berikut (ketik yang tidak diberi efek tebal) :

procedure TForm1.Button2Click(Sender: TObject);
begin
Edit1.text:='0';
Edit2.text:='0';
Edit3.text:='0';
Edit1.setfocus;
end;

Tekan F12, lalu klik ganda (double click) pada Button3 (Tutup), dan ketikkan listing berikut (ketik yang tidak diberi efek tebal) :

procedure TForm1.Button3Click(Sender: TObject);
begin
close;
end;

Simpan kembali project Anda (Ctrl + S), kemudian jalankan (F9).

Procedure

noreply@blogger.com (gi-Komunika) — Fri, 15 May 2009 00:33:00 +0700

Procedure (prosedur) merupakan sub. Program yang standar dibuat oleh Delphi ketika kita akan menuliskan listing program melalui komponen tertentu (misal ; button, edit dlsb). Dengan melakukan proses klik ganda (double click) tombol kiri pada komponen tertentu, Delphi akan secara otomatis menuliskan bagan procedure. Misal ;
Melakukan proses klik ganda pada komponen Button1, maka secara otomatis akan terbentuk procedure sebaagi berikut :

procedure TForm1.Button1Click(Sender: TObject);
begin
…………..
end;

Setelah melakukan proses klik dua kali pada komponen Button1, kita tinggal mengetikan listing program diantara kata ‘begin’ dan ‘end’ (tanda titik-titik). Dan untuk menuliskan variable, yaitu diletakkan diatas kata ‘begin’ dan dibawah kalimat ‘procedure TForm1.Button1Click(Sender: TObject);’. Misal ;

procedure TForm1.Button1Click(Sender: TObject);
var
a,b : Integer;
begin
…………..
end;

Variable, Tipe Data & Operator

noreply@blogger.com (gi-Komunika) — Fri, 15 May 2009 00:13:00 +0700

Pada bahasan materi kuliah Delphi 1, Anda telah mengetahui penjelasan mengenai variabel, tipe data dan operator. Agar Anda lebih memahami mengenai penggunaan variabel, tipe data dan operator ini, berikut adalah rangkuman bahasan ketiga topik tersebut yang langsung diterapkan pada program.
Kasus ;
Menghitung nilai rata-rata, indeks dan status mahasiswa dengan asumsi sbb :

Input : NIM, Nilai Pascal, Nilai Delphi, Nilai Foxpro

Proses : Menghitung nilai rata-rata, menentukan nilai indeks dan status, dengan ketentuan sbb :
Nilai Rata-rata = (Nilai Pascal + Nilai Delphi + Nilai Foxpro ) / 3
Indeks, yaitu diperoleh dengan ketentuan sbb :
Nilai > = 85, Indeks ‘A’
Nilai antara 75 – 84,9 Indeks ‘B’
Nilai antara 65 – 74,9 Indeks ‘C’
Nilai antara 55 – 64,9 Indeks ‘D’
Nilai <= 54.9 Indeks ‘E’

Status, yaitu diperoleh dengan ketentuan sbb :
Indeks ‘A’ Status ‘Istimewa’
Indeks ‘B’ Status ‘Baik’
Indeks ‘C’ Status ‘Cukup’
Indeks ‘D’ Status ‘Kurang’
Indeks ‘E’ Status ‘Gagal’

Output : Nilai Rata-rata, Indeks dan Status

Untuk penerapan pada programnya yaitu sbb (halaman selanjutnya) :

Gambar 2.1. Project menghitung nilai Mahasiswa

Prosedur pengerjaan, atur properti sbb :

Setelah selesai, simpan terlebih dahulu dengan cara klik menu | File |, | Save All |. Isi file unit (*.pas) dengan nama fmLatih1.pas dan file project (*.dpr) dengan nama Latih1.dpr
Setelah selesai meletakkan dan mengatur komponen-komponen tsb, klik ganda (double click) komponen TButton1 (Proses), dan ketikkan listing program sebagai berikut :

procedure TForm1.Button1Click(Sender: TObject);
//deklarasi variabel
var
Rata : Real;
Hasil : String;
begin
if NIM.text='' then
begin
showmessage('Data NIM harus diisi !');
NIM.setfocus;
end else
if NPascal.text='' then
begin
showmessage('Data nilai Pascal harus diisi !');
NPascal.setfocus;
end else
if NDelphi.text='' then
begin
showmessage('Data nilai Delphi harus diisi !');
NDelphi.setfocus;
end else
if NFoxpro.text='' then
begin
showmessage('Data nilai Foxpro harus diisi !');
NFoxpro.setfocus;
end else
begin
Rata:=(strtofloat(NPascal.text)+strtofloat(NDelphi.text)+
strtofloat(NFoxpro.text))/3;
Hasil:=Floattostr(Rata);

{Membatasi angka dibelakang koma 2 digit}
str(Rata:0:2,Hasil);
NRata.Text:=Hasil;

if Rata>=85 then
begin
NIndeks.text:='A';
NStatus.text:='Istimewa';
end else
if Rata>=75 then
begin
NIndeks.text:='B';
NStatus.text:='Baik';
end else
if Rata>=65 then
begin
NIndeks.text:='C';
NStatus.text:='Cukup';
end else
if Rata>=55 then
begin
NIndeks.text:='D';
NStatus.text:='Kurang';
end else
begin
NIndeks.text:='E';
NStatus.text:='Gagal';
end;
end;

Setelah selesai, simpan lagi hasil pengerjaan dengan perintah Ctrl + S.
Tekan F12, lalu klik ganda (double click) komponen TButton2 (Batal), dan ketikkan listing program sebagai berikut :

procedure TForm1.Button2Click(Sender: TObject);
begin
NIM.text:='';
NPascal.text:='0';
NDelphi.text:='0';
NFoxpro.text:='0';
NRata.text:='0';
NIndeks.text:='';
NStatus.text:='';
NIM.setfocus;
end;

Tekan F12, lalu klik ganda (double click) komponen TButton3 (Tutup), dan ketikkan listing program sebagai berikut :

procedure TForm1.Button6Click(Sender: TObject);
begin
close;
end;

Setelah selesai, simpan lagi hasil pengerjaan dengan perintah Ctrl + S, lalu jalankan program (F9).

2.2. Penjelasan

Pada listing program tersebut, terdapat variabel sbb :
var
Rata : Real;
Hasil : String;

Tipe data Real digunakan untuk hasil perhitungan yang mengandung angka dibelakang koma (desimal), sedangkan tipe String yaitu digunakan untuk jenis huruf lebih dari satu.
Pemisah antara variabel dengan tipe data yaitu tanda titik dua ( : ). Jenis tipe data bilangan yang sering digunakan yaitu biasanya tipe data Integer (bilangan bulat) dan Real (bilangan pecahan).

Pada kedua tipe bilangan tersebut, berlaku proses konversi, dengan aturan sbb :
- Konversi dari tipe huruf (string) ke tipe bilangan bulat yaitu ‘STRTOINT’ (string to integer)
- Konversi dari tipe huruf (string) ke tipe bilangan desimal yaitu ‘STRTOFLOAT’ (string to real)
- Konversi dari tipe bilangan bulat ke tipe huruf yaitu ‘INTTOSTR’ (integer to string)
- Konversi dari tipe bilangan desimal ke tipe huruf yaitu ‘FLOATTOSTR’ (real to string)

Pada listing program diatas, terdapat perintah konversi sbb :

Rata:=(strtofloat(NPascal.text)+strtofloat(NDelphi.text)+strtofloat(NFoxpro.text))/3;

dan

Hasil:=Floattostr(Rata);

Pada listing yang kesatu, yaitu proses konversi dari tipe string ke bilangan desimal ( STRTOFLOAT ). Sedangkan pada listing yang kedua, terdapat proses konversi dari tipe bilangan desimal ke tipe huruf ( FLOATTOSTR ).

Pertanyaannya, mengapa harus dilakukan proses konversi ?
Jawab :

Proses konversi dari tipe huruf ke tipe bilangan (baik tipe bilangan bulat maupun desimal) terjadi karena semua data yang dimasukkan atau ditampilkan melalui komponen EDIT akan dianggap sebagai tipe huruf, meskipun datanya berupa angka. Sehingga jika akan dilakukan perhitungan operasi matematika, maka harus dilakukan proses konversi terlebih dahulu dari tipe huruf ke tipe bilangan ( ‘STRTOFLOAT’ atau ‘STRTOINT’ ). Dan setelah dilakukan proses perhitungan, maka untuk menampilkannya kembali pada komponen EDIT, perlu dilakukan kembali proses konversi dari tipe bilangan ke tipe huruf ( ‘FLOATTOSTR’ atau ‘INTTOSTR’ ).

Selain terdapat proses konversi, pada listing tersebut juga bisa kita lihat cara penulisan operator. Misalnya yaitu pada listing program berikut (penggalan listing diatas) :

if Rata>=85 then
begin
NIndeks.text:='A';
NStatus.text:='Istimewa';
end else
dst…..

Anda lihat, pada kalimat if Rata>=85 then…. Setelah kata ‘then’ tidak terdapat tanda titik koma (;), karena hal ini akan menyebabkan proses dibawahnya tidak akan dilakukan dan pada akhirnya akan terjadi “error”. Selain itu, penulisan operator sama dengan (=) pada pernyataan kondisi ‘ If ’ tidak menggunakan tanda titik dua (:). Sedangkan penulisan operator sama dengan (=) selain pada kondisi if harus menggunakan tanda titik dua (:=).

Cara Membuat Installer

noreply@blogger.com (gi-Komunika) — Thu, 14 May 2009 20:23:00 +0700

Agar program yang telah kita buat tampak lebih profesional, maka sebaiknya kita buat fasilitas installer dari program tsb. Dengan membuat file installer ini, maka kita dapat memasang program yang telah kita buat di komputer manapun, tanpa harus terdapat program Delphi. Sebagai informasi, program yang dibuat dengan Delphi, jika tidak menggunakan tabel, maka dapat dicopy ke komputer lain, tanpa harus ada program Delphi. Tetapi jika program yang kita buat tsb menggunakan sejumlah tabel, maka setiap komputer yang akan menjalankan program tsb harus ada bahasa pemrograman Delphi, karena diperlukan untuk melakukan pengaturan alias / databasename. Tentu hal ini sangat tidak praktis, karena tidak semua komputer terdapat program Delphi. Untuk menghindari hal ini, maka kita harus membuat sebuah installer dari program yang telah dibuat, sehingga proses pengaturan alias akan dilakukan secara otomatis, dan program dapat dijalankan meskipun pada komputer yang digunakan tidak terdapat program Delphi.

Tools yang diperlukan
Untuk melakukan proses instalasi terhadap program yang telah kita buat, kita memerlukan sebuah tools untuk melakukan proses tsb. Adapun tools tsb yaitu Installshield Express. Karena kita menggunakan pemrograman Delphi 5, maka tools yang digunakan yaitu Installshield Express for Delphi 5. Tools/ software ini terdapat pada CD Delphi, dan setiap versi Delphi memiliki tools Installshied masing-masing. Pada CD Delphi, tools ini terdapat pada folder “ISxpress”. Untuk melakukan proses instalasi pada software Installshield Express ini, buka folder ISxpress tsbm kemudian klik dua kali file Setupex.exe. Setelah Anda selesai menginstall, tampilan awal dari Installshield Express yaitu sbb :

Prosedur Pembuatan file Setup
Untuk memahami cara pembuatan file installer ini, mari kita coba pada file program (project) yang sudah kita buat. Misal ; kita akan buat file installer untuk project Kampus.dpr. Caranya yaitu sbb :

1.Aktifkan InstallShield Express (klik Start | Programs | Installshield Express for Delphi5 | Express for Delphi 5 )
2.Muncul tampilan seperti pada gambar 7.1 (halaman sebelumnya)
3.Klik menu File | New |, muncul gambar sbb :

4.Ketikkan nama project file installasi (bukan project file Delphi !) pada kotak isian ProjectName, dan tentukan alamat (folder) penyimpanan.
5.Dalam kasus ini, nama project instalasi yaitu Kampus.iwz dan akan disimpan pada folder C:\My Documents
6.Setelah selesai, klik tombol Create
7.Muncul gambar sbb :

8.Pada bagian ‘Set the Visual Design’, klik ‘Application Information’, muncul gambar sbb :

9.Klik tombol Browse untuk memasukkan nama file *.exe (dari file project delphi) yang akan digunakan. Fila *.exe yang digunakan dalam hal ini yaiitu ‘Kampus.exe’.
10.Jia tidak diperlukan, hapus data/ tulisan pada isian Version dan Company. Sehingga yang tersisa anya tulisan yang diberi gambar lingkaran.
11.Klik Tab Main Window, ketikkan kalimat berikut: “Install Sistem Pengolahan Data Perguruan Tinggi”
12.Klik OK
13.Selanjutnya, pada bagian ‘Specify Installshield Object for Delphi 5’, klik ‘General Option’, lalu klik kotak kecil yang ada disebelah tulisan ‘BDE (Borland Database Engine)’. Muncul gambar ‘BDE Installation Type’, klik tombol ‘Next’, klik tombol ‘New’. Ketikkan nama Alias yang Anda buat ketika membuat program Kampus.dpr
14.Dalam hal ini, alias yang penulis buat yaitu ‘Delphi 2’.
15.Klik ‘OK’, gambar menjadi sbb :

16.Sorot nama Alias tsb, lalu klik tombol Next>
17.Beri tanda ‘Ceklist’ pada kalimat ‘Save .CGF……..’, kemudian klik tombol ‘Next’
18.Muncul gambar sbb :

19.Isi kotak isian PATH dengan nilai \ dan Type dengan PARADOX
20.Klik tombol Next>, lalu klik Finish.
21.Lalu klik tab ‘Advanced’, kemudian klik OK
22. Selanjutnya, pada bagian ‘Specify Components and Files’, klik ‘Group and Files’, muncul gambar sbb :

23.Klik simbol positif/ plus (+) pada sebelah kiri kata ‘Program Files’, kemudian klik tombol ‘Insert Files’. Catatan : File yang harus kita masukkan yaitu terdiri dari file .exe (dalam hal ini ; Kampus.exe), lalu file-file tabel ( *.DB ) dan file help/ musik (jika ada). Untuk kasus program kita, hanya file *.exe dan tabel yang akan dimasukkan. Adapun untuk file tabel, yaitu file tabel Kampus dan Jurusan. Setelah Anda masukkan file-file tersebut, maka tampilan menjadi sbb:

24.File yang harus masuk yaitu sbb : Kampus.exe, Kampus.PX, Kampus.DB, Jurusan.PX, Jurusan.XG0, Jurusan.YG0 dan Jurusan.DB
25.Klik tab ‘Components’ dan ‘Setup Types’, lalu klik OK
26.Terakhir, kita atur bagian ‘Select User Interface Components’.Klik ‘Dialog Boxes’, muncul gambar sbb :

27.Tandai / ceklist seperti yang nampak pada gambar, selain itu tidak perlu. Setelah selesai, lalu klik OK
28.Simpan kembali file instalasi Anda, klik tombol yang bergambar Disket (Save) atau klik menu File | Save (Ctrl+S).
29.Klik menu CheckList, lalu pilih dan klik ‘7. Run Disk Builder’. Muncul gambar sbb :

30. Pilih CD-ROM pada isian Disk Size, lalui klik tombol ‘Build’. Proses pembuatan file installasi sedang dijalankan. Setelah, tampilan yaitu menjadi sbb :

31. Klik tombol Close. Pembuatan file instalasi selesai !
32. Klik menu File | Exit
33. Untuk melihat hasilnya, kita lihat pada folder C:\MyDocuments (tempat penyimpanan file project instalasi).
34. Buka folder C:\My Documents\KAMPUS\650MB\DISK1
35. Pada tulisan yang diberi tanda lingkaran, adalah file-file
Installer yang telah kita buat.
36. Untuk menjalankannya, Anda cukup klik dua kali file
Setup.exe.
37. Namun untuk menguji file installer Anda sudah benar atau belum,
hapus dulu nama alias yang digunakan pada Delphi (dalam hal
ini Delphi 2). Baru klik 2 kali file Setup.exe.

Cara Pasang Jam Di Website / Blog Anda

noreply@blogger.com (gi-Komunika) — Sun, 10 May 2009 16:31:00 +0700

Pasang Jam di Sidebar

Agar blog anda tampak cantik dan menarik untuk di lihat, maka anda bisa memasang beberapa aksesori blog, salah satunya adalah dengan cara memasang jam. Jam ini bisa anda dapatkan secara gratis pada situs http://www.clocklink.com. Salah satu contoh jam yang tersedia adalah sebagai berikut :

Dan bagi anda yang ingin blognya di pasang jam juga, silahkan ikuti langkah-langkah berikut :

1. Silahkan kunjungi situs http://www.clocklink.com
2. Jika sudah berada pada situs tersebut, silahkan klik tulisan Want a clock on your Website ?
3. Silahkan anda melihat-lihat dulu model dari jam yang tersedia, yaitu mulai dari Analog, Animal, Animation, dll
4. Jika di rasa sudah menemukan model jam yang anda sukai, klik tulisan View HTML tag yang berada di bawah jam yang anda sukai tadi
5. Klik tombol yang bertuliskan Accept
6. Pilih waktu yang sesuai dengan tempat anda di samping tulisan TimeZone.
Contoh :untuk indonesia bagian barat pilih GMT +7:00
7. Set ukuran jam yang anda sukai di samping tulisan size
8. Copy kode HTML yang di berikan pada notepad
9. Paste kode HTML yang di copy tadi pada tempat yang anda inginkan
10. Selesai

Karena kode jam blog ini adalah merupakan suatu kode HTML, maka bagi anda yang masih bingung cara menempatkan kode HTML pada template blog, silahkan baca kembali postingan saya terdahulu di sini

Selamat mencoba Ya!.

Contact Me!

noreply@blogger.com (gi-Komunika) — Sun, 10 May 2009 11:33:00 +0700

Cara Membuat Photo Animasi

noreply@blogger.com (gi-Komunika) — Sat, 9 May 2009 15:19:00 +0700

Dalam kesempatan kali ini akan coba di bahas tentang bagaimana cara membuat animasi gambar ataupun foto. Bagi para sobat (mulai sekarang saya akan membiasakan diri menyebut anda menjadi sobat, biar lebih familier ya) yang sudah terbiasa menggunakan program animasi semisal MacroMedia Flash Player ataupun teman-temannya sudah barang tentu bukan hal yang wah ataupun aneh, tapi bagi sekelompok orang seperti saya ini, membuat animasi foto adalah suatu hal yang sangat sulit sekali.

Adakah diantara para sobat blogger yang seperti saya? jika jawabannya ada ya kita emang senasib (hiduplah senasib), tapi jangan dulu patah semangat sobat blogger, pepatah bilang banyak jalan menuju rhoma (irama).. dalam hal inipun sama ada jalannya yakni kita bisa menggunakan jasa situs-situs pembuat animasi. Di internet buaanyak sekali situs pembuat animasi foto, jumlahnya ribuan atau bahkan jutaan. Nah sebagai contoh yaitu http://www.slide.com. Untuk membuat sebuah foto animasi di slide.com, silahkan ikuti langkah-langkah berikut :

1. Silahkan buka situs www.slide.com

2. Langkah pertama yaitu sobat harus daftar dahulu pada situs tersebut

3. Klik tulisan Sign Up untuk melakukan pendaftaran (daftar gratis)

4. Masukan alamat email sobat pada kolom yang disediakan. isi juga password yang diinginkan

5. Jika sudah, klik tombol sign Up, dan otomatis sobat sudah masuk ke halaman account sobat

6. Langkah selanjutnya adalah melakukan pembuatan animasi

7. Klik style, untuk memilih gaya dari animasi

8. klik skin, untuk memilih bingkai animasi

9. klik Size untuk memilih ukuran

10. Klik Tombol Select Image, lalu masukan foto/image yang ingin sobat masukan

11. klik tombol Upload untuk melakukan proses upload foto

12. Jika proses upload selesai, klik tombolSave

13. Copy kode HTML yang di berikan, lalu paste pada program notepad

14. Klik tulisan Log Out untuk keluar dari situs tersebut. Silahkan tutup halaman browser

15. Langkah selanjutnya memasukan kode HTML animasi tersebut ke dalam blog sobat.

Cara Membuat Buku Tamu (Guest Book)

noreply@blogger.com (gi-Komunika) — Sat, 9 May 2009 15:08:00 +0700

Memasang sebuah buku tamu (shoutbox/guestbook) pada sebuah blog adalah hal yang cukup lumayan penting,karena buku tamu ini merupakan salah satu sarana untuk berinteraksi antara yang mpunya blog dengan para pengunjung blog. Dengan di pajangnya buku tamu di dalam blog, maka para pengunjung dapat mengungkapkan isi hatinya tentang blog yang anda buat, yang pasti isi dari sebuah buku tamu ini sangatlah bervariasi bisa merupakan pujian, pertanyaan, sekedar iseng, atau ada juga merupakan kritikan terhadap isi blog anda, dan justru dengan adanya variasi itulah membuat blog kita jadi hidup lebih hidu (kaya iklan aja).

Ok, terlalu lama intermezonya ya, sekarang kita kembali (ke lap...top) ke topikbahasan. Bagaimana caranya mendapatkan sebuah buku tamu. Untuk mendapatkannya sangat mudah, anda tinggal mencarinya pada mesin pencari semisal google ataupun yahoo, silahkan ketikan kata free shoutbox atau free guestbook pada search engine masing-masing situs, maka dalam beberapa detik saja akan muncul berpuluh-puluh situs penyedia buku tamu tadi, anda tinggal klik lalu coba lihat-lihat. Tapi untuk menghemat waktu pencarian anda, maka di sini saya akan langsung memberikan alamat situs penyedia buku tamu yang servernya lumayan bagus dan jarang sekali mengalami down yakni http://www.shoutmix.com. Untuk caranya silahkan anda ikuti langkah-langkah berikut ini :

Seperti biasa anda harus daftar terlebih dahulu dengan cara mengklik tulisan Get One noe, free>>, ataupun dengan mengklik tulisan Sign Up, silahkan anda tulis data-data anda pada form yang telah di sediakan.
Jika sudah tedaftar, dan di terima jadi anggota shoutmix, silahkan anda login dengan id anda
Pada kolom yang berjudul Style, klik menu appearance.
Silahkan klik menu pulldown di samping tulisan Load From Preset untuk mengatur tampilan buku tamu anda, silahkan pilih yang sesuai dengan keinginan anda. Jika sudah selesai klik Save Setting.
Untuk mendapatkan kode HTML dari shoutbox anda, silahkan klik Use Shoutbox yang berada di bawah menu Quick Start
Klik tulisan Place Shoutbox on web page. Isi lebar dan tinggi shoutbox yang di inginkan
Copy seluruh kode HTML yang ada pada text area yang berada di bawah tulisan Generated Codes, lalu simpan di program Notepad anda
Klik Log out yang berada di atas layar anda untuk keluar dari halaman shoutmix anda. Silahkan close situs tersebut.
Selesai

Untuk menempatkan kode HTML shoutbox tadi pada blog anda, silahkan ikuti langkah-langkah berikut ini.

Untuk blogger dengan template klasik :

Log in terlebih dahulu ke blogger.com dengan id anda
Klik menu Template
Klik Edit HTML
Paste kode HTML shoutbox anda yang telah di copy pada notepad tadi di tempat yang anda inginkan
Untuk jelasnya saya ambil contoh dengan shoubox milik saya, untuk menempatkannya tinggal klik Edit pada browser lalu pilih Find (on this page).. trus tuliskan kata buku tamu lalu klik find, maka kita akan langsung di bawa ke tulisan tersebut. Jika sudah ketemu tulisan tadi silahkan paste kode HTML shoutbox nya.
Klik tombol Preview untuk melihat perubahan yang kita buat.
Jika sudah cocok dengan perubahan tadi, klik Save Template Changes
Selesai

Sedikit Clue, agar shoutbox anda sesuai dengan ukuran lebar sidebar , anda bisa merubah ukuran lebar ataupun tinggi dari shoutbox , caranya anda tinggal merubah angka Width (untuk lebar) dan Height (untuk tinggi) dari dalam kode HTML shoutbox tersebut.

Untuk Blogger baru :

Silahkan Login dengan id anda
Klik menu Layout
Klik Page Element
Klik Add a Page Element
Klik tombol Add to Blog yang berada di bawah tulisan HTML/JavaScript
Tuliskan judul shoutbox anda pada form title. Contoh : Buku tamu ku, atau my guestbook atau apa saja yang anda suka
Copy paste kode HTML shoutbox anda di dalam form Content
Klik tombol Save Changes
Drag & Drop element yang telah anda buat tadi di tempat yang di sukai
Tekan tombol Save
Selesai

Selamat mencoba !

Sebagai tambahan, guestbook yang sering dipakai para blogger lainnya :

http://oggix.com

Untuk langkah-langkahnya hampir sama dengan langkah diatas.

Cara Membuat Banner Animasi

noreply@blogger.com (gi-Komunika) — Sat, 9 May 2009 14:01:00 +0700

Agar blog kita tampil dinamis dan lebih atraktif, salah satu caranya adalah dengan memajang banner animasi.karena dengan banner animasi, mata dari pengunjung akan langsung tertuju kepada banner tersebut, terutama apabila anda seorang pebisnis, banner animasi akan lebih efektif untuk iklan yang kita pasang di banding dengan banner biasa. Cara membuat banner animasi sangatlah mudah, mau yang gratisan ada, mau yang bayar juga ada.Tapi tentunya ada kelebihan dan kekurangannya.

bagi anda yang berminat dengan banner animasi gratis, anda bisa kunjungi http://www.addesigner.com Silahkan daftar (gratis), Jika sudah di terima anda tinggal memilih banner yang di sediakan, trus ya tinggal di masukin ke blog, mau di sidebar atau di dalam postingan tentu bisa.

Cara Membuat Yahoo Messenger Emoticons

noreply@blogger.com (gi-Komunika) — Sat, 9 May 2009 13:11:00 +0700

Buat kawan-kawan yang ingin menghiasi posting-annya dengan berbagai ekspresi dari yahoo, saya berikan source codenya, biar anda bebas ngakak atau cemberut selagi posting. Silahkan copy aja gambar dibawah ini, sisipkan pada kata yang sesuai dengan postingan anda, kalo lagi sedih jangan di pasang yang lagi ngakak, trus kalo lagi patah hati ya nyengir aja ya...

:)happy

:(sad

;)winking

:Dbig grin

;;)batting eyelashes

>:D

:-/confused

:xlove struck

:">blushing

:Ptongue

:-*kiss

=((broken heart

:-Osurprise

X(angry

:>smug

B-)cool

:-Sworried

#:-Swhew!

>:)devil

:((crying

:))laughing

:straight face

/:)raised eyebrow

=))rolling on the floor

O:-)angel

:-Bnerd

=;talk to the hand

Yahoo hidden emotico

:o3puppy dog eyes - New!

:-??I don't know

%-(not listening

:@)pig

3:-Ocow

:()monkey

~:>chicken

@};-rose

%%-good luck

**==flag

(~~)pumpkin

~O)coffee

*-:)idea

8-Xskull

=:)bug

>-)alien

:-Lfrustrated

[-O

$-)money eyes

:-"whistling

b-(feeling beat up

:)>-peace sign

[-Xshame on you

\:D/dancing

>:/bring it on

;))hee hee

:-@chatterbox

^:)^not worthy

:-joh go on

(*)star

o->hiro

o=>billy

o-+april

(%)yin yang

Selamat mempercantik postingan Ok!...

Cara Membuat Efek Refresh

noreply@blogger.com (gi-Komunika) — Sat, 9 May 2009 12:05:00 +0700

Fungsi refresh di gunakan untuk membuat “penyegaran” kembali halaman blog ataupun website. Fungsi refresh ini sama dengan fungsi refresh yang ada pada browser internet, perbedaannya yaitu fungsi ini di buat bekerja secara otomatis, yakni pengguna tidak perlu menekan tombol refresh yang ada pada tool bar.
Untuk membuatnya cukup dengan hanya membubuhkan kode di bawah ini :



<meta http-equiv="refresh" content="10">

Simpan kode di atas antara tag head dab tag (/head)

sedikit uraian kode diatas, content="10" --> angka sepuluh menunjukan bahwa proses refresh akan di lakukan dalam rentang waktu 10 detik. Jadi sebaiknya angka ini di set jangan terlalu cepat karena bisa menimbulkan kejengkelan kepada para pembaca apabila terlalu cepat di refresh.

Fungsi refresh selain untuk menyegarkan kembali halaman-halaman blog, ada fungsi lain yang juga cukup menarik, yakni berfungsi sebagai Redirect dari satu URL addres ke URL addres yang lain. Ini berfungsi jika anda ingin membawa pengunjung blog atau situs anda ke alamat situs yang anda inginkan. Agar lebih jelas, saya ambil salah satu contoh. Ada teman saya sudah lama nge blog, dan setelah sekian lama kemudian dia membuat situs baru. Jadi blog yang lama tidak ingin di aktifkan lagi (di non aktifkan). Nah selain memakai cara meninggalkan pesan bahwa alamat situs atau blog sudah pindah alamat, alangkah baiknya kita memakai fungsi Refresh yang di setting secepat mungkin yakni waktu refresh di set 0 (nol) detik. Jadi apabila ada pengunjung yang mengunjungi alamat blog tersebut akan secara otomatis di bawa langsung ke alamat baru yang di inginkan.

Fungsi Redirect ini bisa di buat dengan kode :

tulis alamat URL tujuan di sini

Selamat mencoba.

Cara Membuat Link

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 16:29:00 +0700

Dalam dunia blog, tentu anda tidak asing lagi dengan yang namanya link. Apabila anda seorang blogger (tukang ngeblog kata orang jakarta mah), tentu saja membuat link adalah sebuah keharusan. Berbeda dengan website pada umumnya, di jagat per blog-an ada yang namanya link exchange atau bertukar link dengan blog lain, jadi kalau anda tidak bisa membuat link, ini dapat berakibat anda akan di asingkan alias di cuekin oleh blogger lainnya karena di anggap pelit dalam memberikan link. Dalam topik membuat link ini, saya akan mengulasnya dalam beberapa sub bagian yakni :

Link pada posting-an

Jika anda membuat sebuah artikel untuk di posting, trus di dalam nya ingin di buatkan sebuah link, misalkan artikel tersebut bercerita tentang bisnis yang anda ikuti pada sebuah website di internet, lalu anda ingin mengajak para pembaca artikel tersebut untuk mengunjungi website yang anda ceritakan. Misalkan dalam artikel tersebut ada kata –kata seperti Jika anda tertarik silahkan anda klik disini, nah untuk membuat link dari kata-kata tersebut silahkan ikuti langkah-langkah berikut :

Highlight kata-kata yang ingin di buat link, contoh di atas adalah klik disini.

Klik ikon yang bergambar seperti ini yang berada pada toolbar, maka setelah itu akan muncul tulisan http:// pada window baru yang berbentuk seperti gambar di bawah ini :

Isi kotak yang ada tulisan tersebut dengan alamat situs yang anda inginkan, misalkan : http://www.resepbisnis.com/?id=rohman

Klik OK. Selesai

Link dengan window baru

Mungkin anda punya pikiran, kalau anda membuat sebuah link trus pembaca mengkliknya, anda kwawatir kalau pengunjung blog kita akan meninggalkan blog kita. Untuk meminimalisir hal tersebut, bisa dilakukan dengan cara membuat window baru, jadi ketika pengunjung mengklik salah satu link yang kita buat, halaman blog kita tidak akan tertimpa dengan halaman baru tapi yang terjadi adalah halaman blog anda tetap ada dan halaman yang baru di klik akan muncul terpisah. Sebagai contoh, silahkan anda klik tulisan Resep Bisnis atau Obral plus pada banner header diatas. Ketika anda mengkliknya, akan tercipta window baru. Untuk membuat link seperti ini dapat di lakukan dengan cara :

Apabila sudah melakukan cara membuat link seperti keterangan diatas, klik menu yang ada pada toolbar.

Pada tulisan yang kita link tadi akan muncul kode seperti ini ( contoh tulisan klik disini di link ke http://www.resepbisnis.com/?id=rohman :

klik disini

maka disini anda harus menambahkan embel-embel kode HTML target="new' ataupun target="_blank" pada awal ataupun akhir kode tersebut . Contoh kode yang sudah di modifikasi adalah :

klik di sini

atau :

klik di sini

atau bisa juga seperti ini :

klik di sini

Buat Links di sidebar

Bila anda berkeinginan membuat link kepada teman anda di sidebar, cara termudah adalah seperti ini : ( khusus untuk template klasik)

Klik menu TEMPLATE

Klik Edit HTML

Klik Edit

Klik Find (on this page)… --> untuk mempercepat pencarian

Tuliskan kata dimana anda ingin tempatkan, contoh di blog saya adalah Links para sahabat, klik Find

Tuliskan link yang anda inginkan, contoh jika anda ingin membuat link ke blog saya, maka kode yang di tulis adalah :

Blog Tutorial

Klik Save Template Changes. Selesai

Sedikit clue untuk anda. Jika anda sedang mengotak-atik kode Template sebaiknya sebelum di obrak-abrik, sebaiknya anda copy terlebih dahulu seluruh template ke dalam notepad, ini untuk jaga-jaga apabila anda melakukan kesalahan, anda bisa mengembalikan kesemula karena sudah mempunyai backup data template tersebut. Atau bisa juga sebelum anda klik Save Template Changes sebaiknya anda klik terlebih dahulu tombol preview untuk melihat perubahan yang anda lakukan, apabila sudah cocok dengan perubahan tersebut baru di save Template Changes.

Untuk anda pengguna Blogger baru, ada perbedaan dalam membuat link, silahkan ikuti langkah berikut ini :

Klik menu Layout

Klik Page Elements

Klik Add a Page Element

Klik ADD TO BLOG pada menu Link List

Tulis Judul link pada pada isian di sebelah form Title. Contoh dalam blog saya Adalah “ Link partner” atau silahkan terserah anda

Isi nomor link yang ingin anda tunjukan di blog anda pada form Number of Links to show in list, jika anda ingin membatasi jumlah link yang akan di tampilkan, jika anda tidak mau membatasi silahkan di kosongkan saja.

Pada form Sorting, silahkan anda pilih sort Alphabetically bila ingin link anda di urutkan berdasarkan huruf alphabet ( mulai dari A --> Z ), atau pilih sort revers Alphabetically apabila anda menginginkan Link yang anda buat di urutkan secara terbalik ( mulai dari Z --> A ). Bila anda tidak menginginkan keduanya, yakni Link yang tampil sesuai dengan yang anda buat, silahkan pilih Don’t Sort

Tulis alamat URL yang akan di Link pada form New Site URL. Contoh : http;//kolom-tutorial.blogspot.com

Tulis nama atau tulisan yang ingin muncul pada link yang anda buat pada form New site Name. contoh : Blog Tutorial.

Klik Add Link, jika link yang anda buat lebih dari satu. Silahkan isi semua form sesuai dengan langkah di atas.

Klik SAVE CHANGES bila sudah selesai

Bila anda ingin menempatkan Link yang anda buat tadi, silahkan arahkan mouse anda ke kotak link yang baru anda buat, lalu tekan mouse sambil di tahan pindahkan ke tempat yang anda inginkan ( di drag & drop ) .

Klik SAVE. Selesai

Apabila anda mempunyai sebuah gambar, dan gambar tersebut ingin di jadikan sebuah link. Maka caranya seperti di bawah ini :

Upload gambar yang anda miliki ke hosting tempat menyimpan gambar, contoh http://www.photobucket.com.

Jika anda sudah mengupload gambar anda, maka gambar tersebut akan di beri alamat URL, copy alamat tersebut pada notepad. Sebagai contoh gambar chicklet blog tutorial di samping mempunyai alamat URL :

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

Nah jika anda ingin membuat gambar tersebut menjadi sebuah link, maka kode yang di tulis adalah :

(/albums/t253/rohman24/animasichicklet.gif" /> )
(kode dalam satu baris)

jika ingin dalam window baru :

(/albums/t253/rohman24/animasichicklet.gif" /> )
(kode dalam satu baris)

Link berjudul

Mungkin anda bingung, ko judul bahasan topik ini judulnya Link berjudul? Untuk memperjelas bahasan ini, silahkan anda kembali ke halaman atas blog ini lalu arahkan mouse anda ke tulisan Resep bisnis, coba diamkan sebentar pada link tersebut, maka tidak lama kemudian akan muncul tulisan Mau belajar bikin website sendiri silahkan klik disini . Nah sekarang mungkin anda sudah mengerti maksud saya, jadi dalam sebuah link ada kata-kata untuk menekankan ajakan anda kepada para pembaca untuk mengklik link tersebut. Untuk membuat judul link ini sangat mudah, yakni anda hanya harus menambahkan title=" ... " pada link yang anda buat. Contoh seperti yang saya berikan di atas :

Upload Gambar dan Foto Profil

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 16:00:00 +0700

Agar posting artikel pada blog lebih menarik untuk dilihat, maka sebaiknya kita menyisipkan gambar di antara poting-an kita tersebut, di samping untuk lebih memperjelas apa yang kita sampaikan. Misalkan kita sedang menerangkan sesuatu, maka dengan adanya gambar akan lebih memperjelas maksud dari topik yang sedang kita jelaskan kepada para pembaca artikel kita. Bagi anda-anda yang masih bingung bagaimana caranya untuk memasukan gambar atau istilah resminya yaitu upload gambar, maka akan saya ulas langkah-langkahnya :

Klik Posts

Klik New Post (bila sebelumnya anda telah mempunyai posting-an)

Klik toolbar yang bergambar seperti ini

Beri tanda tik/cek pada radio button pada pilihan Choose a layout, bila anda menginginkan posisi gambar bisa di tempatkan di mana saja, pilih pada radio button None, bila posisi gambar di sebelah kiri pilih left, bila ingin di tengah pilih Center, bila ingin di kanan pilih Right.

Beri tanda tik/cek pada Image size, bila ingin gambar yang di upload hasilnya kecil pilih Small, bila ingin sedang pilih Medium, bila ingin besar pilih Large

Beri tanda ceklis di samping tulisan Use this layout every time bila anda menginginkan setiap upload gambar settingnya seperti semula

Tekan tombol Browse, lalu masukan gambar dari komputer anda yang ingin di upload.

Klik Add another image bila gambar yang ingin di upload lebih dari satu gambar

Klik tombol UPLOAD IMAGE, tunggu beberapa saat sampai proses upload selesai

Klik Tombol Done untuk mengakhiri proses upload

Setelah proses upload anda selesai, untuk melihat gambar tadi, klik tombol Compose. Nah disini anda bisa melihat gambar yang anda upload tadi sekaligus dapat mengatur kembali ukuran dari gambar ini, caranya yaitu klik gambar tersebut sampai gambar anak panah mouse anda berubah menjadi gambar panah empat penjuru. Arahkan mouse pada garis samping gambar sampai gambar mouse berubah menjadi panah dua arah, tekan tombol mouse lalu tahan dan gerakan kearah kiri atau kanan untuk merubah lebar gambar, bila susah sesuai dengan yang anda inginkan lepas tombol yang anda tahan tadi. Untuk mengatur tinggi gambar, arahkan mouse pada tepi bawah atau atas gambar sampai gambar mouse berubah menjadi anak gambar panah dua arah, tekan mouse lalu tahan kemudian gerakan mouse keatas atau kebawah untuk mengatur tinggi gambar, lepaskan mouse bila ukuran gambar sudah sesuai dengan yang anda inginkan.

Nah sekarang bagaimana cara memasukan foto untuk mengisi Profile kita?, caranya sama seperti langkah-langkah di atas, cuma ada sedikit perbedaan yaitu kamu harus menghapus beberapa kode tersebut. Jika foto kamu sudah selesai di upload (langkahnya sama seperti di atas). Tekanlah menu Edit HTML untuk melihat kode HTML dari Foto anda tadi, copy / paste kode HTML tersebut kedalam program notepad (agar lebih mudah) atau bisa juga ditulis di kertas. Kemudian klik publish. Untuk memasukan foto kedalam Profile kita, silahkan ikuti langkah berikut:

Setelah upload gambar, klik menu Dasboard

Klik menu Edit Profile

Di dalam form - form isian profile ada tulisan Photo URL, nah disini paste kode HTML yang telah anda copy tadi ke dalam notepad tapi jangan semuanya, yaitu yang di paste adalah kode setelah tulisan [src="] yaitu link yang di mulai dengan [http://] dan berakhir dengan [.jpg] atau [.jpeg]

Klik Save Profile, maka foto anda yang cantik dan ganteng sudah terpampang di blognya dan bisa dilihat oleh seluruh dunia

Selesai

Sebenarnya ada cara lain untuk mengisi foto Profile kita, yaitu dengan cara meng-upload (memasukkan) foto kita pada hosting lain, dan baru kemudian link URL foto yang kita dapat dari hosting tersebut di copy/paste ke profile yang ada di blogger/blogspot. Saya ambil contoh, biasanya saya menyimpan foto-foto saya di http://photobucket.com. jika anda mau silahkan daftarkan diri anda (gratis ko), apabila sudah selesai daftar dan bisa login, silahkan upload photo anda. Setelah proses upload foto selesai, maka secara otomatis foto tersebut akan di beri PHOTO URL, copy alamat link URL foto tersebut lalu paste di Profile Blogger.com pada kolom Photo URL setelah itu tinggal SAVE CHANGES dan REPUBLISH. Selesai, selamat mencoba.

Cara Membuat Text Area

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 15:40:00 +0700

Membuat Text Area

Apa itu text area?. Untuk memudahkan anda memahami apa itu text area, silahkan alihkan perhatian anda ke kolom sebelah kanan layar, di bawah tulisan Mau tuker link, ada sebuah kotak yang di dalamnya berisi text kode-kode HTML, itulah yang di sebut text area. Nah dengan melihat contoh tadi, maka dapat kita katakan bahwa Text area adalah area atau tempat untuk menyimpan text atau tulisan dengan membentuk area baru. Biasanya text area ini di gunakan untuk menyimpan kode-kode HTML ataupun text lainnya agar bisa di copy oleh para pengunjung.

Untuk membuat text area, silahkan anda Copy kode di bawah ini :

<span style="color: rgb(114, 45, 50);"> Tulis text ataupun kode-kode yang anda inginkan di sini, maka nanti tulisan anda akan tampil di dalam text area </span>

Sebagai contoh :

Keterangan : rows="6", menunjukan tinggi dari text area, jadi jika anda menginginkan text area yang tinggi maka silahkan ganti angka " 6 tadi dengan angka yang lebih tinggi nilainya.

Cols="20", menunjukan lebar dari text area. Jika anda menginginkan text area yang lebar maka silahkan ganti angka " 20 " tadi dengan angka yang lebih tinggi nilainya.

Text Area dengan memakai HighLight

Ada variasi lain dari membuat text area ini, yakni text area dengan menggunakan tombol highlight. dengan adanya tombol highlight ini akan memudahkan bagi para pengunjung untuk mengcopy seluruh text ataupun kode-kode yang di berikan, karena dengan hanya sekali tekan saja pada tombol highlight tadi, maka seluruh text ataupun kode-kode yang ada di dalamnya akan di highlight dan tinggal di copy saja. Fasilitas ini sangat berguna tatkala text ataupun kode-kode yang di berikan dalan jumlah yang sangat banyak dan ini akan mengurangi resiko tertinggalnya suatu text ataupun kode-kode untuk di copy. Untuk membuat text area dengan menggunakan highlight ini silahkan anda copy kode HTML di bawah :

Sebagai contoh :

Agar anda lebih memahami kode di atas, sedikit akan saya uraikan. Kode di atas mempunyai dua elemen bagian, yakni elemen kode untuk membuat tombol yang bertuliskan Highlight All, dan yang kedua adalah elemen kode untuk membuat text area.

Elemen tombol highlight All :

--> kata center menunjukan bahwa posisi tombol akan berada di tengah, jadi jika anda ingin posisi tombol berada di tepi sebelah kiri, tinggal ganti dengan kata left. Dan jika ingin berada di tepi sebelah kanan, tinggal ganti dengan kata right.

--> kode ini artinya ketika tombol highlight di klik, maka seluruh text yang ada di dalamnya akan di highligt (di tandai atau di blok), jadi anda jangan merubah tulisan ini.

Value="Highlight All" --> kata Highlight All adalah kata yang akan muncul di dalam tombol, jadi jika anda ingin merubah tulisan ini silahkan ganti dengan kata yang anda inginkan.

Element text area :

--> ini menunjukan bahwa text area akan berada di tengah, nah jika anda ingin text area anda berada di tepi kiri, ganti kata center dengan kata left, bila ingin di tepi kanan, ganti dengan kata right.
-->kata "WIDTH:300px" menunjukan lebar dari text area tersebut sebanyak 300 pixel, jadi jika anda ingin memperpendek atau memperpanjang lebar text area, anda tinggal menggantinya dengan angka yang anda inginkan. misal: "WIDTH:700px;"

HEIGHT: 144px --> angka "144px" menunjukan bahwa text area akan mempunyai tinggi sebesar 144 px, jadi jika anda ingin merubahnya tinggal ganti angka tersebut dengan angka yang anda inginkan. Misal : HEIGHT:160px.

Contoh text area yang memakai tombol highlight diatas, memuat skript untuk melindungi dari right click para pengunjung. skript ini di pakai apabila anda tidak ingin tulisan-tulisan anda di copy paste oleh pengunjung. bagi yang berminat silahkan copy lalu pasang pada kode HTML anda antara kode dan selamat mencoba.

Membuat Read More untuk Template klasik

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 15:31:00 +0700

Membuat Read More untuk Template klasik

Update : Tutorial ini khusus bagi anda yang masih menggunakan template klasik, jika anda sudah menggunakan template baru (xml/beta), silahkan baca petunjuk membuat read more di sini!

Wah judul yang aneh, "membuat Read More" maksudnya apa? Begini sobat, sebenarnya saya kurang setuju dengan judul tersebut, tadinya saya ingin memberi judul "Membuat menu Selengkapnya", tapi berhubung kata "Read More" yang paling di kenal di jagad blog, ya saya pun ikut-ikutan (dasar tukang ngekor). Ya sudahlah kepanjangan ngobrolnya. Kita mulai pembahasannya. Bagi para sobat yang baru mulai membuat blog, mungkin belum mengetahui informasi ini dan mudah-mudahan dengan membaca artikel ini dapat menambah pengetahuan kita tentang yang namanya nge-blog.

Sobat mungkin melihat bahwa artikel-artikel saya terlihat hanya berupa judul-judul dengan satu atau dua buah paragrap saja, dan untuk melihat keseluruhan artikel harus meng klik link yang bertuliskan >> Selengkapnya...", ini di sebut pengkaburan atau pengkamuflasean postingan (ribet banget nyebutnya). Bagi sobat yang baru posting artikel hanya satu atau dua artikel saja mungkin menganggap tidak perlu menyingkat artikel sobat, namun jika nanti artikel sobat sudah banyak, maka mungkin saja ada terbersit ingin membuat menu ini.

Oke... kelamaan ngawurnya, mending langsung saja. Untuk membuat menu Read more kita harus menambahkan beberapa kode HTML ke dalam template blog kita. Tapi untuk postingan kali ini, saya khususkan untuk blogger yang memakai template klasik saja, untuk yang memakai template baru silahkan tunggu pada postingan yang akan datang.

Silahkan ikuti langkah-langkah berikut :

* Login ke blogger.com dengan id sobat

* Klik menu bertuliskan Template

* Klik menu Edit HTML

* jangan lupa Copy seluruh kode template milik sobat lalu paste pada notepad dan kemudian simpan, untuk membuat back up data. Ini dimaksudkan apabila terjadi kesalahan dalam template setelah kita otak-atik, kita masih punya cadangan data untuk mengembalikannya.

* Copy kode HTML di bawah, kemudian paste persis di atas kode :

div.fullpost {display:none;}

div.fullpost {display:inline;}

Untuk mempercepat pencarian kode , silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

* langkah selanjutnya adalah, silahkan copy kode berikut lalu paste setelah kode <$BlogItemBody$> :

Read more!

Lagi-lagi Untuk mempercepat pencarian kode <$BlogItemBody$>, silahkan sobat klik menu Edit yang ada pada bar menu browser, kemudian klik Find (on this page)..., lalu tulis <$BlogItemBody$> trus klik tombol find next, maka secara otomatis akan di bawa ke kode tersebut.

* Klik tombol yang bertuliskan SAVE SETTINGS

* Langkah selanjutnya adalah klik menu Setting

* Klik menu Formatting

* Dibagian bawah menu tersebut ada kotak di samping tulisan Post Template, nah isi kotak kosong tersebut dengan kode di bawah ini :

Sebenarnya langkah diatas tidak wajib dilakukan,akan tetapi ini di maksudkan agar ketika kita mau posting artikel, kode tersebut akan muncul secara otomatis tanpa harus di tulis dahulu, tentunya ini akan lebih mempermudah dan tidak harus selalu mengingat kode tersebut.

* kemudian jangan lupa klik tombol Save Settings

* Selesai

Cara Posting Artikel

Oke, sesudah beberapa tahap kita lalui, sekarang kita masuk ke tahap bagaimana cara memposting suatu artikel agar ada menu Readmore nya.

* Klik menu Posting

* klik menu Edit HTML, nah di sana secara otomatis akan tampak kode yang kita simpan tadi, yakni :

simpan artikel sobat yang ingin di tampilkan sebelum kode

, kemudian simpan sisa keseluruhan artikel setelah kode

dan sebelum kode

Agar lebih jelas, saya beri contoh, misal artikelnya begini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

dan tulisan yang ini adalah tulisan yang akan muncul ketika para pengunjung meng klik link yang bertuliskan Read more.

Hasilnya yang akan tampak pada blog kita adalah seperti ini :

Ini adalah contoh tulisan yang di simpan pada awal artikel yang akan selalu muncul pada blog kita, sedangkan tulisan yang lainnya tidak akan muncul.

Read more!

Bagaimana sobat, sudah jelaskan. bila belum jelas silahkan di tanyakan kembali pada komentar.

Sedikit clue, kata Read more! sebenarnya bisa kita ganti sesuai dengan keinginan kita, misalkan kita rubah menjadi Baca selengkapnya..., Selengkapnya.., Lanjutannya... atau apa saja yang penting kata tersebut bisa memberi tahu kepada para pengunjung bahwa artikel kita ada kelanjutannya.

Kode di atas sebenarnya ada alternatif lain, yakni memakai kode Span, jika berminat, ganti semua kode div menjadi Span. Hasilnya akan sama, cuma bagi para sobat yang suka posting pada menu compose, kode ini sering ada masalah di karenakan bertabrakan dengan perintah lain yang memakai kode Span.

Cara Memposting Artikel

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 14:11:00 +0700

Cara Memposting Artikel

Bagi anda yang mengalami sedikit kendala tentang tata cara memposting suatu artikel kedalam blog, maka kali ini akan di bahas tentang tata cara posting di blogger.com. Di dalam menu posting ada beberapa toolbar yang bisa anda gunakan.Jika anda sudah terbiasa menggunakan microsoft Word ataupun microsoft Excel tentu barangkali tidak akan mengalami kesulitan ketika memposting suatu artikel, tapi mungkin tidak ada salahnya bila saya bahas sekilas tentang ini, barangkali ada di antara teman kita yang masih bingung.

Toolbar yang ada ketika posting :

-> Untuk merubah jenis hurup yang di gunakan

------------> Untuk merubah ukuran hurup (heading)

-----------> Untuk Menebalkan hurup

------------> Untuk memiringkan hurup

------------> Untuk merubah warna hurup

------------> Untuk membuat link

-------------> Untuk membuat artikel menjadi rata kiri

-------------> Untuk membuat tulisan menjadi di tengah

-------------> Untuk membuat artikel menjadi rata kanan

-------------> Untuk membuat artikel menjadi rata kiri dan rata kanan

-------------> Untuk membuat sub bahasan oleh angka

-------------> Untuk membuat sub bahasan oleh bullet

-------------> Untuk mengecek spelling

-------------> Untuk memasukan gambar(upload gambar)

-----> Untuk membuat artikel dalam kode HTML

-----> Untuk membuat artikel dalam mode Compose (biasa)

--------> Untuk me review (melihat) artikel

Cara penggunaan toolbar di atas adalah blok (beri tanda) terlebih dahulu tulisan yang akan di edit, kemudian tekan tombol toolbar yang di inginkan.

Langkah-langkah dalam memposting suatu artikel:

1. Sebaiknya klik terlebih dahulu “ Edit HTML”,jika langsung di mode “Compose”, sering terjadi hang pada komputer (pengalaman saya pribadi). Copy artikel yang telah anda buat sebelumnya, kemudian paste di area posting. Edit sesuai dengan kemauan anda.

2. Klik tombol “ compose “ untuk melakukan editing (jika anda masih bingung dengan kode HTML).

3. Klik tombol tool yang berlambang “ panorama” berwarna biru, jika anda ingin memasukan gambar ataupun photo untuk menghiasi posting-an anda.

4. Klik tombol “ Preview “ untuk melihat hasil posting-an anda yang nantinya akan tampil di dalam blog, barangkali masih ada yang perlu di edit.

5. Klik tombol “ publish “. Selesai. Tulisan hasil karya anda akan bisa dilihat dan di baca oleh seluruh dunia.

Mengatur Huruf Dan Warna

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 14:07:00 +0700

Mengatur Hurup dan Warna

Untuk para blogger baru, sobat akan menikmati fasilitas baru dari blogger.com, yaitu sobat bisa mengatur jenis font (hurup) serta warna font dengan sangat mudah. Di bawah adalah langkah untuk mengatur Fonts And Colors (khusus untuk blogger baru dengan template baru, sedangkan untuk blogger yang memakai template klasik, menu ini tidak disediakan). Klik menu "Fonts and Colors", maka akan muncul beberapa pengaturan : (ini khusus untuk template "minima")

1. Page Background color --> pengaturan warna background blog. Silahkan klik warna yang ada di sebelah kanan yang di sukai

2. Text Color --> pengaturan warna hurup dari posting-an

3. Link Color --> pengaturan warna hurup yang di link

4. Blog Title Color --> pengaturan warna hurup judul Blog

5. Blog Description Color --> pengaturan warna hurup deskripsi blog

6. Post Title Color --> pengaturan warna hurup judul posting-an

7. Border Color --> pengaturan warna kotak yang mengelilingi judul blog, serta garis pemisah

8. Sidebar Title Color --> pengaturan warna hurup judul yang anda di sidebar (kolom samping)

9. Sidebar Title Color --> pengaturan warna hurup yang ada di sidebar(kolom samping)

10. Visited link Color --> pengaturan warna hurup link ketika pengunjung mengarahkannya ke tulisan yang mengandung link

11. Text Font --> pengaturan jenis hurup,berlaku untuk hurup hasil dari posting-an ataupun hurup yang ada di sidebar

12. Sidebar Title Font --> pengaturan jenis hurup untuk judul yang ada di sidebar serta tanggal postingan

13. Blog Title Font --> pengaturan jenis hurup Judul blog

14. Blog Description Font --> Pengaturan jenis hurup dekripsi blog

15. Post Footer Font --> pengaturan jenis hurup footer (contoh : posted by )

16. Klik “ SAVE CHANGES” untuk mengakhiri pengaturan. Selesai

Untuk template-template selain template "minima", pada dasarnya sama aja, hanya saja ada sedikit perbedaan, tapi itu tidak sulit. Untuk mengetahui tulisan mana yang sedang di rubah oleh anda, anda cukup melihat mana yang berubah tulisannya pada preview yang terletak sebelah bawah.

Cara Memilih Templates

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 13:31:00 +0700

Bagi sobat yang sudah melakukan beberapa setting-an seperti posting terdahulu, langkah selanjutnya yang perlu sobat lakukan adalah memilih template. Sekilas tentang template Template adalah desain-desain halaman web ataupun blog beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang sobat lihat sekarang, seperti banner diatas, background warna putih, kolom-kolom di samping kanan, serta semua yang sobat lihat sekarang adalah salah satu bentuk dari desain template. Memilih template yang cantik sangatlah perlu, karena dengan tampilan template yang menarik untuk di lihat maka akan membuat para pengunjung dari blog kita menjadi betah untuk berlama-lama berada di blog kita selain tentunya isi dari blog kita juga sangat menunjang. Hmmm.. kayanya cukup deh pembahasan tentang apa itu template, keburu bosan kalau lama-lama….Sekarang langsung aja ke topik utama, yaitu langkah-langkah pemilihan template di blogger.com :

* Silahkan sobat login terlebih dahulu seperti biasa dengan memakai user name milik anda ( jangan milik saya….emang nya sampeyan mau jadi hacker ya

* Klik "Tata Letak" (bila sobat menggunakan blogger baru) atau klik "Template" (bila sobat menggunakan template classic).

* Klik "Pick New Template", silahkan sobat pilih template yang sobat suka. Sebelum memutuskan dalam memilih "template" ini, sebaiknya anda lihat terlebih dahulu satu persatu contoh layout yang di sediakan dengan cara meng klik tulisan "preview template". Jika di rasa sudah menemukan yang paling sobat sukai, silahkan klik tulisan "Save template" yang ada di sebelah kanan atas, selesai. :

Mungkin sobat pernah mengunjungi beberapa blog di internet yang menggunakan blogger.com (blogspot), akan tetapi template yang di gunakan tidak ada dalam pilihan ketika memilih template. Ini ada kemungkinan bahwa template yang di gunakan adalah template buatan bukan dari blogger sendiri. Di internet banyak sekali situs-situs yang memberikan template secara gratis untuk di pakai di Blogger (blogspot), Jika ingin melihat-lihat berbagai template buatan bukan dari blogger.com silahkan klik di sini

Setting Blog

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 13:14:00 +0700

Bagi para sobat yang baru membuat blog, ada beberapa settingan / pengaturan yang harus di lakukan agar blog kita bisa di kenali mesin pencari semisal Google,yahoo, Msn serta teman-temannya yang lain. Bila belum tahu apa yang harus di setting, silahkan ikuti langkah-langkahnya :

1. Silahkan sobat Login ke blogger.com dengan user name dan password milik sobat
2. Klik judul blog yang mau di setting ( jika sobat sudah mempunyai beberapa blog)
3. Klik Pengaturan, trus klik Dasar. Beberapa form yang harus di isi pada menu Dasar :

* Judul ⇒ isi dengan judul blog sobat. Contoh : Blogspot Tutorial

* Uraian ⇒ isi dengan deskripsi blog sobat. Contoh : disini kita akan berbagi pengalaman dan pengetahuan seputar Blog

* Tambahkan blog Anda ke daftar kami? ⇒ pilih ya agar setiap posting kita selalu masuk di daftar Blogger.com.

* Biarkan mesin pencari menemukan blog Anda? ⇒ pilih ya

* Tampilkan Editing Cepat di Blog Anda? ⇒ pilih Ya

* Tampilkan Link Posting Email? ⇒ Sebaiknya pilih ya, tapi pilih tidak juga tidak apa-apa

* Konten Dewasa? ⇒ Pilih tidak. Kalau pilih ya berarti blog anda di anggap blog untuk dewasa (semacam blog porno)

* Tampilkan Mode Compose untuk semua blog Anda? ⇒ pilih Ya

* Aktifkan transliterasi? ⇒ pilih Tidak, jika anda ingin ada button untuk mengubah biasa ke hurup hindi (India), pilih ya jika sebaliknya)

* Klik tombol Simpan Pengaturan . Selesai

4. Klik Publikasi untuk mengatur menu Publikasi :

* Alamat Blog*Spot ⇒ isi dengan nama blog sobat. Contoh : kolom-tutorial. Biasanya alamat yang tercantum adalah langsung alamat blog anda, jadi jangan di ubah aja.

* Klik tombolSimpan pengaturan. Selesai

5. Klik Format untuk mengatur menu format :

* Tampilkan ⇒ pilih angka posting yang ingin anda tampilkan. Missal : Tampilkan : 6 posting, berarti posting yang akan tampil di halaman blog sobat adalah sebanyak enam posting. Pilih posting (jangan hari) pada menu pulldown.

* Format Header Tanggal ⇒ pilih model tanggal/bulan yang anda sukai, Format tanggal/bulan ini akan selalu muncul diatas postingan kita.

* Format tanggal Index Arsip ⇒ pilih model untuk peng-arsip-an yang anda sukai.

* Format Timestamp ⇒ Pilih bentuk waktu yang anda sukai.

* Zona Waktu ⇒ Pilih zona waktu yang sesuai. Contoh untuk WIB : [UTC-+7.00]Asia/Jakarta.

* Bahasa ⇒ Pilih bahasa yang di inginkan.

* Tampilkan Field judul ⇒ Pilih ya
atau tidakpun tidak apa-apa

* Tampilkan kolom link ⇒ pilih ya, tapi seandainya pilih tidak juga tidak apa-apa.

* Aktifkan perataan float ⇒ pilih ya, tapi seandainya mau pilih tidak juga tidak apa-apa

* Klik tombol Simpan Pengaturan. Selesai

6. Klik Komentar Untuk mengatur menu komentar :

* Komentar ⇒ pilih tampilkan, ini agar artikel anda dapat di komentari oleh pengunjung

* Siapa yang Bisa Berkomentar ? ⇒ Pilih Siapa pun - termasuk Pengguna Anonim. Ini di maksudkan agar setiap orang bisa berkomentar tidak terbatas kepada anggota blogspot saja.

* Default Komentar untuk Posting ⇒ pilih Posting baru memiliki komentar.

* Link balik ⇒ Pilih tampilkan. Ini dimaksudkan agar kita mengetahui apabila ada yang memasang link pada artikel kita.

* Default Link Balik untuk Posting ⇒ pilih Posting baru Memiliki Link Balik.

* Format Timestamp Komentar ⇒ pilih format jam yg singkat. Contoh: 8.00 PM.

* Tampilkan komentar dalam sebuah window popup? ⇒ pilih Ya. Supaya ketika di klik oleh pengunjung, halaman blog anda tidak menghilang/tertimpa halaman komntar.

* Aktifkan moderasi komentar? ⇒ pilih Tidak (sebaiknya).

* Tampilkan verifikasi kata untuk komentar? ⇒ pilih Ya. ini di maksudkan agar terhindar dari software robot dengan tujuan melakukan spam.

* Tampilkan gambar profil dalam komentar? ⇒ pilih ya. Supaya gambar komentator yg punya id blogger, dapat menampilkan fotonya.

* Email Pemberitahuan Komentar ⇒ isi dg alamat email anda, ini di maksudkan agar setiap ada yang berkomentar pada artikel anda, anda dapat kiriman email dari blogger.com sebagai pemberitahuan.

* Klik tombol Simpan Pengaturan. Selesai

7. Klik Arsipkan Untuk mengatur menu Arsipkan :

* Frekuensi Arsip ⇒ pilih Bulanan.

* Aktifkan Halaman Posting? ⇒ pilih ya.

* Klik tombol Simpan Pengaturan . Selesai.

8. Klik Fedd Situs untuk mengatur menu feed situs :

* Izinkan Feed Blog ⇒ pilih Penuh.

* Posting URL Pengubahan Arah Feed ⇒ di isi dengan alamat feed penggati semisal alamat feed dari feed burner, jika belum punya, di kosongkan saja.

* Footer Feed Posting ⇒ Silahkan di isi dengan kode iklan yang anda punya, misal kode iklan dari Google adsense dsb, namun jika tidak punya, silahkan kosongkan saja.

* Klik tombol Simpan Perubahan. Selesai.

Panduan_Blog

noreply@blogger.com (gi-Komunika) — Thu, 7 May 2009 10:55:00 +0700

Panduan membuat Blog di Blogspot

Mungkin ada diantara anda-anda yang belum tahu tentang blog dan bertanya-tanya tentang blog, maka saya akan mengulas sedikit tentang blog menurut versi saya sendiri.

1. Apa itu Blog ?

Blog ( singkatan dari Web log) adalah situs yang sifatnya lebih pribadi, yaitu lebih berat kepada penggambaran dari si pembuat blog itu sendiri.

Blog dibuat oleh para desainer penyedia blog agar bekerja secara otomatis dan mudah untuk dioperasikan , jadi bagi kita-kita yang masih bingung dengan bahasa pemrograman untuk membuat sebuah website tidak jadi persoalan. Apabila anda sudah bisa membuat sebuah account email di internet, maka dalam membuat blog pun saya yakin anda bisa.

2. Cara membuat blog

Seperti halnya e-mail, dalam membuat blog pun kita harus mempunyai sebuah account terlebih dahulu, oleh karena itu silahkan daftarkan diri anda terlebih dahulu di free blog provider (penyedia hosting/domain blog gratis). Free blog provider sangatlah banyak terdapat di internet dan beberapa yang populer saat ini adalah http://www.blogger.com, http://www.wordpress.com serta http://blogsome.com.

Dalam kesempatan kali ini saya akan mengulas tentang cara pembuatan blog di http://www.blogger.com.

Setelah anda berada pada situs blogger.com, anda akan melihat gambar seperti gambar di atas. Silahkan lakukan langkah-langkah berikut ini :

1. Klik tanda anak panah yang bertuliskan " CIPTAKAN BLOG ANDA "

2. Isilah Alamat Email dengan alamat email anda (tentunya yang valid)

3. Isikan kembali alamat email anda tadi pada form Ketik ulang alamat email

4. Tuliskan password yang anda inginkan pada form Masukkan sebuah password

5. Isikan kembali password anda tadi pada form Keyik ulang sandi (password)

6. Isi Nama Tampilan dengan nama yang ingin anda tampilkan

7. Tulis tulisan yang tertera pada form Verifikasi Kata. Beri tanda tik/cek pada kotak di pinggir tulisan Saya menerima Persyaratan dan Layanan.

8. Klik gambar anak panah yang bertuliskan "LANJUTKAN"

9. Tuliskan judul blog yang anda inginkan (nanti bisa di rubah lagi) pada form Judul Blog

10. Tulis nama situs anda pada form Alamat Blog (URL)Contoh(http://www.yuswaroengsoftware.blogspot.com)

11. Tulislah tulisan verifikasi yang ditampilkan pada form Verifikasi kata, jika sudah selesai klik gambar panah yang bertuliskan "LANJUTKAN".

12. Pilihlah gambar (template) yang anda inginkan (nanti bisa di rubah lagi), kemudian klik gambar anak panah yang bertuliskan "LANJUTKAN"

13. Setelah keluar tulisan "Blog Anda telah di iptakan". Klik gambar panah bertuliskan "MULAI POSTING". Silahkan anda tuliskan semau anda, jika sudah selesai klik tombol "MEMPUBLISKAN POSTING".

3. Isi ( Content ) blog :

Bagi para pemula, biasanya mereka bingung setelah daftar membuat blog apa yang harus di isi( diposting ) dalam sebuah blog. Isi ( content ) dari sebuah blog tentu saja terserah kepadasi pemilik blog itu sendiri, apakah mau di isi puisi, perjalan hidup, teknik, ataupun apa saja. Nah di sini saya menyarankan, isilah blog anda tersebut dengan minat ataupun hoby serta keahlian anda sendiri, karena tentu saja di luar sana banyak sekali orang yang tentunya sama minat dan hoby nya dengan anda, sehingga mereka akan tertarik untuk membaca tulisan-tulisan anda.

About Yus Waroeng Software

noreply@blogger.com (gi-Komunika) — Sat, 29 Mar 2008 09:57:00 +0700

Waroeng Software adalah blog dimana anda bisa mendapatkan berbagai macam software aplikasi, ataupun memesan program aplikasi yang sesuai dengan yang anda inginkan, untuk pribadi, usaha kecil ataupun perusahaan. Aplikasi di sini teruji kehandalannya dan sudah dipakai dibeberapa perusahaan dengan harga yang relatif murah.

Bagi anda yang ingin private pemograman Delphi, VB, C# dan Database Oracle 9i, SQLServer 2005, mySQL disinilah tempat yang tepat untuk anda mempelajarinya.
Anda akan mempelajari semuanya dari dasar hingga ke level advance dan langsung membuat aplikasi nyata yang banyak dibutuhkan saat ini.

Pembelajaran pemograman di perkuliahan rata - rata hanya mempelajari dasar pemograman saja, kalo menurut saya hanya memperkenalkan dunia pemograman saja tidak mempelajari teknik pemograman secara detail. Seperti teknik two tired dan multi tired atau penggunaan stored procedure, trigger dan view tidak dipelajari secara mendalam, padahal tekhnik-tekhnik tersebut sangatlah penting dipelajari untuk teknik pemograman.

Delphi File & Folder

noreply@blogger.com (gi-Komunika) — Sat, 29 Mar 2008 09:38:00 +0700

yuswaroengsoftware Blog’s Delphi Tutorial

mengganti nama direktori

procedure TForm1.BtnSelectClick(Sender: TObject);
var DirTemp: string;
begin
DirTemp:=GetCurrentDir;
if SelectDirectory(DirTemp, [], 1000) then
begin
Panel1.Caption := DirTemp;
Edit1.Text := DirTemp;
end;
end;

procedure TForm1.BtnRenameClick(Sender: TObject);
begin
if DirectoryExists(Panel1.Caption) then
begin
RenameFile(Panel1.Caption, Edit1.Text);
Panel1.Caption := Edit1.Text;
end;
end;

Aplikasi Dialog Box

unit main;

interface

uses
Windows, Messages, SysUtils, Classes, Graphics, Controls, Forms, Dialogs,
StdCtrls, ExtCtrls;

type
TForm1 = class(TForm)
Button1: TButton;
Button2: TButton;
RadioGroup1: TRadioGroup;
Edit1: TEdit;
Label1: TLabel;
ListBox1: TListBox;
Label2: TLabel;
procedure Button1Click(Sender: TObject);
procedure Button2Click(Sender: TObject);
private
{ Private declarations }
public
{ Public declarations }
end;

var
Form1: TForm1;

implementation

{$R *.DFM}

procedure TForm1.Button1Click(Sender: TObject);
begin
showmessage(edit1.text);
end;

procedure TForm1.Button2Click(Sender: TObject);
var i:integer;
pbutton:set of TMsgDlgBtn;
picon:TMsgDlgType;
begin
pbutton:=[];

case radiogroup1.ItemIndex of
0: picon:=mtWarning;
1: picon:=mtError;
2: picon:=mtInformation;
3: picon:=mtConfirmation;
4: picon:=mtCustom;
end;
for i:=0 to listbox1.Items.Count-1 do begin
if listbox1.selected[i] then
case i of
0: pbutton:=pbutton+[mbYes];
1: pbutton:=pbutton+[mbNo];
2: pbutton:=pbutton+[mbOk];
3: pbutton:=pbutton+[mbCancel];
4: pbutton:=pbutton+[mbAbort];
5: pbutton:=pbutton+[mbRetry];
6: pbutton:=pbutton+[mbIgnore];
7: pbutton:=pbutton+[mbAll];
8: pbutton:=pbutton+[mbNoToAll];
9: pbutton:=pbutton+[mbYesToAll];
10: pbutton:=pbutton+[mbHelp];
end;
end;
messagedlg(edit1.text,picon,pbutton,0);
end;

end.

SQL Server

noreply@blogger.com (gi-Komunika) — Sat, 29 Mar 2008 09:24:00 +0700

yuswaroengsoftware Blog’s Delphi Tutorial

Free Video Tutorial SQL SERVER dan ASP.Net

Bagi teman-teman yang mau Video Tutorial SQL Server dan ASP.Net

Lumayan buat panduan
Download Disini