Sabtu, 22 Januari 2011

Borland Delphi

DELPHI 8.0
DASAR PEMOGRAMAN DELPHI 8.0


Kebutuhan Sistem
Untuk dapa menjalankan program aplikasi Borland Delphi 8.0 Anda membutuhkan sistem komputer :
• Intel Pentium II kelas prosesor 450 MHz atau yang lebih tinggi
• Sistem operasi Windows Server 2003, XP Profesional, 200 Profesional, atau 2000 Server
• RAM 128 MB atau yang lebih tinggi
• Hardisk minimum 600 MB untuk sistem
• CD-ROM atau DVD-ROM Drive
• Resolusi monitor 1024 x 768 atau yang lebih tinggi

Elemen-Elemen Delphi
Pada saat pertama kali Anda menjalankan program aplikasi Borland Delphi. Anda akan mendapati tampilan layar seperti berikut ini :


Tampilan layar program Borland Delphi

Menu Bar
Adalah fasilitas standar yang ada pada setiap aplikasi Windows. Di dalam menu bar terdapat banyak perintah untuk memerintahkan komputer agar melakukan suatu tindakan, seperti menyimpan file, membuka file, menutup file, mengkompile program dan masih banyak lagi perintah-perintah lainnya.
Cara menggunakana menu bar pada Borland Delphi sama seperti kebanyakan menu yang ada pada aplikasi-aplikasi Windows lainnya.

Tampilan program Menu Bar

Toolbar
Adalah kumpulan tombol-tombol bergambar yang berfungsi untuk memberikan perintah pada komputer, atau dengan kata lain dapat di artikan sebagai alternatif dalam memberikan perintah selain menggunakan menu bar.


Tampilan program Toolbar

Welcome Page
Adalah sebuah jendela awal yang memberikan informasi tentang Project Aplikasi yang Anda buat. Dengan jendela ini Anda dapat menggembangkan sebuah Project baru, atau dapat melihat Project yang pernah Anda buat sebelumnya. Selain itu jendela ini juga memberikan fasilitas untuk mengakses batuan agar Anda dapat mengetahui informasi terbaru dari Borland Delphi.

Project Manager
Adalah sebuah jendela yang berfungsi untuk mengorganisasikan semua komponen pembentukan program aplikasi yang Anda buat. Dengan jendela ini Anda dapat menambahkan file, menghapus file, dan memindahkan file yang berkaitan dengan Project. Selain itu Anda dapat pula mengoranisasikan beberapa Project sekaligus.

Tampilan Program Project Manager
Object Inspector
Adalah kumpulan sifat / properties dari setiap komponen program, dengan jendela ini Anda dapat mengatur sifat setiap kmponen, seperti mengatur tinggi komponen, mengatur lebar, mengatur warna, mengatur tulisan, dan lain sebagainya.

Tampilan program Object Inspector ( Properties and Events )

Tool Pallete
Adalah kumpulan komponen-komponen yang berfungsi untuk merancang tampilan program. Dalam jendela ini terdapat banyak komponen yang dapat Anda gunakan secara langsung, seperti Tlabel yang berfungsi untuk membuat sebuah komentar, TEdit yang berfungsi untuk membuat kotak isian, dan yang lain sebagainya.


Tampilan program Tool Pallete

Membuat Program Sederhana
Ada enam langkah dasar yang perlu Anda kerjakan dalam membuat sebuah program aplikasi dengan Borland Delphi Langkah-langkah tersebut antara lain :
• Menambahkan Project,
• Menambahkan Komponen,
• Mengatur Properties,
• Menulis Kode Program,
• Mencoba Program, dan
• Menyimpan Program.

Berikut ini akan di contohkan tentang cara membuat sebuah program sederhana dengan Borland Delphi 8.0. Keterangan dan tampilan program yang akan di buat adalah sebagai beikut :


Tampilan program saat di jalankan

Keterangan Program :
• Jika Anda mengklik tombol “Pesan” maka akan tampil sebuah kotak pesan yang bertuliskan “Ini Praktek Pertamaku”
• Sedangkan tombol “Keluar” berfungsi untuk keluar dari program.

Praktek
a Menambahkan Project
1. Jalankan program aplikasi Borland Delphi dengan cara klik tombol Start │ Program │ Borland Delphi │ Delphi
2. Setelah aplikasi Borland Delphi tampil di layar monitor, klik menu File │ New │ Form


Langkah menambahkan Project Baru

Tampilan layar setelah Anda menambahkan Project

b Menambahkan Komponen
1. Klik ganda pada komponen Tbutton yang terdapat pada jendela Tool Pallete. Langkah ini akan menciptakan sebuah komponen Button 1 pad jendela Form


Langkah menambahkan komponen TButton

2. Ulangi kembali langkah di atas sehingga tercipta sebuah komponen Button 2

3. Setelah itu, aturlah posisi dari komponen yang baru di tambahkan tersebut seperti terlihat pada gambar berikut ini :


Tampilan setelah komponen Tbutton di atur posisinya
c Mengatur Properties
2. Klik pada area form yang tidak mempunyai komponen.
2. Pada jendela Object Inspector, gantilah tulisan “Form 1” pada pilihan Caption menjadi “Praktek Pertama” ( Langkah ini berfungsi untuk membuat judul program )


Mengganti judul Form

2. Klik pada komponen Button 1, lalu gantilah tulisan “Button 1” pada properties Caption menjadi “Pesan”
2. Ulangi seperti langkah Nomor Tiga, untuk menggubah tulisan “Button 2 “ menjadi “Keluar” Hasilnya seperti berikut :


Tampilan Form setelah di atur propertiesnya


d Menulis Kode Program
1. Klik ganda pada komponen “Button 1” atau tombol yang bertuliskan “Pesan” kemudian pada jendela kode yang tampil ketik kode program berikut ini :


Posisi menulis kode program
2. Klik tab design untuk kembali ke tampilan rancangan program
3. Kemudian klik ganda komponen Button 2 atau tombol “Keluar” lalu ketikanlah kode program berikut ini :


Posisi menulis kode program

e. Mencoba Program
1. Setelah Anda menulis kode program seperti yang telah di jelaskan di atas, berikut ini adalah mencoba program tersebut. Klik tombol Run yang ada pada baris toolbar.
2. Klik tombol “Pesan” untuk menampilkan pesan seperti gambar di bawah ini :


Pesan yang di tampilkan di layar monitor

3. Klik tombol “Keluar” untuk mengakhiri program

f. Menyimpan Program
1. Klik Menu File │ Save All
2. Kemudian simpan form dengan nama “Praktek Pertama” dan klik tombol Save.


Proses menyimpan Form
3. Selanjutnya akan tampil sekali lagi jendela penyimpanan seperti gambar, kali ini Anda di minta untuk menyimpan Project yang Anda buat. Simpanlah dengan nama “Praktek Pertama” dan klik kembali tombol Save.
Catatan :
Proses Penyimpanan Program ada dua yaitu Penyimpanan Form dan Project.
Form adalah tempat anda merancang program, sedangkan Project adalah tempat mengorganisasikan Form.

TIPE DATA DAN OPERATOR
a Tipe Data
Tipe data adalah suatu aturan dalam Delphi untuk menentukan jenis dari sebuah variabel. Berikut ini akan di jelaskan secara singkat beberapa tipe data yang di kenal pada Borland Delphi:

Tipe Data Integer
Adalah bentuk tipe data untuk variabel yang mempunyai niali bilangan bulat. Perhatikan tabel di bawah ini untuk menunjukkan jenis-jenis dari tipe data integer.

Tipe data Integer
Tipe Jangkauan

Shortint -128 s/d 127
Smallint -32168 s/d 32767
Longint -21474836448 s/d 21474836447
Int64 -2 s/d 2
Byte 0 s/d 255
Word 0 s/d 65535


Tipe Data Real
Adalah bentuk tipe data untuk variabel yang mempunyai nilai pecahan desimal. Perhatikan tabel dai bawah ini untuk menunjukkan jenis-jenis dari tipe data real.

Tipe data Real
Tipe Jangkauan

Real48 2.9 x 10 s/d 1.7 x 10
Single 1.5 x 10 s/d 3.4 x 10
Double 5.0 x 10 s/d 1.7 x 10
Extended 3.6 x 1o s/d 1.1 x 10
Comp -2 s/d 2
Currency -922337203685477.5808 s/d 922337203685477.5807


Tipe Data Boolean
Adalah bentuk tipe data yang mempunyai nilai True dan False. Lihat tabel di bawah ini untuk menunjukkan jenis-jenis tipe data boolean.

Tipe data Boolean
Tipe Penyimpanan Memori

Boolean 1
ByteBool 1
WordBool 2
LongBool 4


Tipe Data String
Adalah bentuk tipe data untuk menyatakan karakter atau tulisan. Jenis dari tipe data ini adalah sebagai berikut :

Tipe data String
Tipe Jangkauan

ShortString 255 Karakter
AnsiString -2 Karakter
WideString -2 Karakter

b. Operator
Operator adalah bentuk-bentuk penugasan pada sebuah ekspresi program, sebagai contoh :
Di berikan sebuah ekspresi sbgai berikut “2 + 4” maka yg di sebut operatornya adalah tanda (+)
Di bawah ini akan di jelaskan secara singkat tentang beberapa operator yang di kenal di Borland Delphi.

Operator Aritmatik
Operator aritmatik adalah jenis operator yang berfungsi untuk melakukan operasi matematika . Seperti perkalian, pembagian, penjumlahan, pengurangan, sisa bagi dan pembagian pad bilangan bulat. Perhatikan tabel di bawah ini untuk memahami operator aritmatik yang ada pada program Borland Delphi.
Operator Aritmatik
Operator Keterangan Contoh Penggunaan

+ Penjumlahan 4 + 2 = 6
- Penggurangan 4 – 2 = 2
* Perkalian 4 * 2 = 8
/ Pembagian 4 / 2 = 2
DIV Pembagian bilangan bulat 7 DIV 2 = 3
MOD Sisa Hasil Bagi 7 MOD 2 = 1

Operator Pembanding
Adalah bentuk operator yang berfungsi untuk membandingkan dua buah nilai. Hasil dari pmbandingan dua nilai ini akan menghasilkan nilai True atau False.
Tabel berikut ini memperlihatkan bentuk-bentuk operator pembandingan dan contoh penggunaanya.

Operator Pembanding
Operator Keterangan Contoh Penggunaan

> Lebih dari 4 > 2 Hasilnya .T.
4 > 4 Hasilnya . F.
>= Lebih dari sama dengan 4 >= 2 Hasilnya .T.
4 >= 4 Hasilnya .T.
< Kurang dari 2 > 4 Hasilnya .T.
2 > 2 Hasilnya .F.
<= Kurang dari sama dengan 2 <= 4 Hasilnya .T. 2 <= 2 Hasilnya .T. = Sama dengan 2 = 4 Hasilnya .F. 2 = 2 Hasilnya .T. <> Tidak sama dengan 2 <> 4 Hasilnya .T.
2 <> 2 Hasilnya .F.


Operator Logikal
Bentuk operator logikal yaitu AND (Pernyataan DAN), OR (Pernyataan ATAU), dan NOT (pernyataan TIDAK). Ketiga operator ini merupakan bentuk dari operator logikal yang akan menghasilkan nilai True atau False saat di gunakan.
Tabel berikut ini memperlihatkan bentuk-bentuk operator logikal dan keterangannya.

Operator Logika
Operator Keterangan
AND Untuk menyatakan ekspresi DAN
OR Untuk menyatakan ekspresi ATAU
NOT Untuk menyatakan ekspresi TIDAK


LOGIKA PERCABANGAN
Percabangan IF
Perintah percabangan IF adalah suatu perintah yang berfungsi untuk mengambil keputusan dari beberapa kondisi. Bentuk percabangan ini biasanya di gunakan untuk kondisi yang jumlahnya tidak terlalu banyak.
Bentuk umum penulisan logika IF adalah :

Bentuk Umum penulisan logika IF
Logika Percabangan IF
IF (Ekspresi) then
Begin
(Statemen 1)
(Statemen 2)
End
Else
Begin
(Statemen 1)
(Statemen 2)
End;

Contoh :
Untuk contoh ini, Anda akan membuat sebuah program yang berfungsi untuk mencari keterangan “Lulus” dan “Tidak Lulus” dari suatu ujian.
Seorang siswa akan di nyatakan “Lulus” apabila nilai hasil ujian yang di dapat di atas 85, dan di nyatakan “Tidak Lulus” apabila nilai hasil ujian di bawah atau sama dengan 85.
Perhatikan gambar di bawah ini untuk mengilustrasikan tampilan program saat di jalankan.


Tampilan program saat di jalankan
Keterangan Program :
• Pertama Anda inputkan Nama dan Nilai pada kotak isian yang tersedia.
• Klik tombol “Proses” untuk melihat keterangan “Lulus” atau “Tidak Lulus”
• Klik tombol “New” untuk pengisian data yang baru
• Klik tombol “Exit” untuk mengakhiri program.
Caranya :
1. Jalankan Program Delphi
2. Tambahkan sebuah project dengan cara klik Menu File │New │ Form
3. Selanjutnya, pada jendela Form yang tampil, tambahkan tiga buah komposisi TLabel
4. Tambahkan juga tiga buah komponen TEdit
5. Lalu tiga buah komponen TButton
6. Kemudian aturlah posisi setiap komponen tersebut. Sehingga tampak seperti gambar di bawah ini.


Komponen yang di tambahkan

7. Selanjutnya aturlah nilai properties dari setiap komponen yang di tambahkan tersebut, sama seperti di tunjukkan pada tabel berikut :

Pengaturan nilai properties
Komponen Properties Pengaturan Keterangan

Label 1 Caption Nama Untuk Menuliskan Text Nama

Label 2 Caption Nilai Untuk Menuliskan Text Nilai.

Label 3 Caption Keterangan Untuk Menuliskan Text Keterangan.

Edit 1 Text (di kosongkan) Untuk menghilangkan tulisan Edit 1

Edit 2 Text (di kosongkan) Untuk menghilangkan tulisan Edit 2


Edit 3 Text (di kosongkan) Untuk menghilangkan tulisan Edit 3
Read Only TRUE Untuk membuat komponen Edit 3 hanya dapat di baca saja

Button 1 Caption &New Untuk menuliskan teks New

Button 2 Caption &Proses Untuk menuliskan teks Proses

Button 3 Caption &Edit Untuk menuliskan teks Edit

8. Klik ganda tombol “New” lalu tambahkan kode program berikut ini

procedure TForm1.Button1Click(Sender: TObject);
begin
Edit1.Text:='';
Edit2.Text:='';
Edit3.Text:='';
Edit1.SetFocus;
end;


9. Klik tab design untuk kembali ke tampilan rancangan
10. Klik ganda tombol “Proses” kemudian ketik kode program berikut

procedure TForm1.Button2Click(Sender: TObject);
Var
Nilai:Integer;
Keterangan:string;
begin
Nilai:=StrToInt(Edit2.Text);
If Nilai > 85 Then
begin
keterangan:='Lulus'
End
Else
Begin
keterangan:='Tidak Lulus'
End;
Edit3.Text:=keterangan
end;



Keterangan Program;
Perintah
Var
Nilai:Integer;
Keterangan:string;
Berfungsi untuk memesan sebuah variabel dengan nama Nilai dan sebuah variabel dengan nama Keterangan.
Perintah
Nilai:=StrToInt(Edit2.Text);
If Nilai > 85 Then
begin
keterangan:='Lulus'
End
Else
Begin
keterangan:='Tidak Lulus'
End;
Edit3.Text:=keterangan
Nilai:=StrToInt(Edit2.Text);
If Nilai > 85 Then
begin
keterangan:='Lulus'
End
Else
Begin
keterangan:='Tidak Lulus'
End;
Edit3.Text:=keterangan
Berfungsi untuk mencari nilai keterangan. Setelah itu menampilkan nilai keterangan yang di dapat tersebut ke dalam komponen Edit3.

11. Seperti dua langkah sebelumnya, kembalilah ke bentuk rancangan lalu klik Ganda tombol “Exit” dan ketikanlah kode program di bawah ini :

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

12. Jalankan program yang baru Anda buat tersebut, dengan mengklik tombol pada baris toolbar.
13. Simpanlah Program dengan nama yang Anda inginkan untuk “Form” dan “Project”

Percabangan CASE
Perintah percabangan Case fungsinya sama seperti percabangan IF. Akan tetapi biasanya perintah percabangan Case di gunakan pada kondisi yang mempunyai range data. Selain itu percabangan Case juga akan baik di gunakan untuk menangani kondisi yang jumlahnya cukup banyak.

Bentuk Umum Penulisan Logika Case

Logika Percabangan Case
Case (Variabel ) of
(Range 1) : (Pernyataan 1)
(Range 2) : (Pernyataan 2)
(Range 3) : (Pernyataan 3)
else
(pernyataan n)
End;

Komponen TRadioButton
Komponen TRadioButton adalah sebuah komponen yang berfungsi untuk membuat daftar pilihan. Dari daftar pilihan yang disediakan si pengguna (user) hanya dapat memilih satu pilihan saja. Gambar berikut ini menunjukkan posisi komponen TRadioButton pada jendela Tool Palette.


Komponen TRadioButton

Contoh :
Untuk contoh berikut ini, Anda akan membuat sebuah program yang berfungsi untuk mengganti warna latar dari jendela form. Tampilan dan keterangan program yang akan di buat adalah sebagai berikut :

Tampilan program saat di jalankan
Keterangan Program :
• Jika Anda memilih salah satu pilihan warna yang di sediakan. Maka warna jendela form akan berubah menurut pilihan yang Anda pilih tersebut.
• Klik tombol “Nor mal” untuk menggembalikan warna tampilan form ke bentuk semula.
• Klik tombol “Keluar” untuk mengakhiri program.

Caranya :
1. Jalankan Program Delphi
2. Tambahkan sebuah project dengan cara klik Menu File │New │ Form
3. Klik ganda komponen TRadioButton yang ada pada jendela komponen pallete, sehingga tercipta sebuah komponen RadioButton1 pada jendela form.
4. Ulangi langkah di atas sehingga tercipta empat buah komponen RadioButton.
5. Tambahkan pula dua buah komponen TButton ke dalam jendela form.
6. Kemudian aturlah posisi dari setiap komponen yang di tambahkan tersebut sehingga seperti gambar berikut

Tampilan komponen yang di tambahkan

7. Selanjutnya, aturlah nilai properties dari setiap komponen yang di tambahkan tersebut sama seperti yang di tunjukkan pada table di bawah ini :
Komponen Properties Pengaturan Keterangan

RadioButton1 Caption Merah Untuk Menuliskan Text Merah.

RadioButton2 Caption Kuning Untuk Menuliskan Text Kuning.

RadioButton3 Caption Biru Untuk Menuliskan Text Biru.

RadioButton4 Caption Hijau Untuk Menuliskan Text Hijau.

Button 1 Caption &Normal Untuk menuliskan teks Normal

Button 2 Caption &Keluar Untuk menuliskan teks Keluar

8. Klik ganda pada komponen RadioButton1 atau pilihan “Merah”, kemudian ketikan kode program berikut ini :

procedure TForm1.RadioButton1Click(Sender: TObject);
begin
Form1.Color:=clred;
end;

9. Klik ganda pada komponen RadioButton2 atau pilihan “Kuning”, kemudian ketikan kode program berikut ini :

procedure TForm1.RadioButton1Click(Sender: TObject);
begin
Form1.Color:=clyellow;
end;


10. Klik ganda pada komponen RadioButton3 atau pilihan “Biru”, kemudian ketikan kode program berikut ini :

procedure TForm1.RadioButton1Click(Sender: TObject);
begin
Form1.Color:=clblue;
end;


11. Klik ganda pada komponen RadioButton4 atau pilihan “Hijau”, kemudian ketikan kode program berikut ini :

procedure TForm1.RadioButton1Click(Sender: TObject);
begin
Form1.Color:=clgreen;
end;


12. Untuk tombol “Normal” tambahkan kode program di bawah ini :

procedure TForm1.Button1Click(Sender: TObject);
begin
Form1.Color:=clMenuBar;
RadioButton1.Checked:=False;
RadioButton2.Checked:=False;
RadioButton3.Checked:=False;
RadioButton4.Checked:=False;
end;


Keterangan Program;
Perintah di atas berfungsi untuk menormalkan warna form, lalu mengilangkan nilai titik pada setiap komponen TRadioButton.


13. Terakhir, ketiklah kode program berikut untuk tombol “Keluar”

procedure TForm1.Button2Click(Sender: TObject);
begin
Application.terminate;
end;

Komponen TCheckBox
Komponen TCheckBox fungsinya sama seperti komponen TRadioButton yang telah di bahas sebelumnya, akan tetapi komponen TCheckBox memperbolehkan pengguna program (user) memilih lebih dari satu dari daftar yang di sediakan .


Posisi komponen TCheckBox
Contoh :
Untuk contoh berikut ini, Anda akan membuat sebuah program yang berfungsi untuk mengubah tulisan menjadi Tebal (Bold), Miring (Italic), ataupun di beri garis bawah (Underline).
Tampilan dari program yang akan di buat dapat Anda lihat pada gambar di bawah ini :


Tampilan program saat di jalankan
Keterangan Program :
• Jika Anda memberi tanda cek pada pilihan “Tebal”, maka tulisan pesan akan di tebalkan, dan apabila di hilangkan tanda cek pada pilihan tebal maka pesan akan di normalkan kembali.
• Untuk plihan “Miring” dan “Garis Bawah” penggunannya sama seperti “Tebal”

Caranya :
1. Jalankan Program Delphi, Tambahkan sebuah project dengan cara klik Menu File │New │ Form
2. Tambahkan tiga buah komponen TcheckBox dan satu komponen Label
3. Kemudian aturlah posisi dari setiap komponen yang di tambahkan tersebut sehingga seperti gambar berikut

Tampilan komponen yang di tambahkan

4. Selanjutnya, aturlah nilai properties dari setiap komponen yang di tambahkan tersebut sama seperti yang di tunjukkan pada table di bawah ini :

Komponen Properties Pengaturan Keterangan

CheckBox1 Caption Tebal Untuk Menuliskan Text Tebal.

CheckBox1 Caption Miring Untuk Menuliskan Text Miring.

CheckBox1 Caption Garis Bawah Untuk Menuliskan Text Garis Bawah.

Label1 Caption Pesan Untuk Menuliskan Text Pesan.

Pengaturan nilai properties

5. Untuk menggubah ukuran font pada komponen label1 menjadi lebih besar. Klik tanda (+) pada properties Font, lalu ubahlah properties sizenya sesuai keinginan Anda (Untuk melakukan langkah ini, pastikan komponen Label1 masih dalam keadaan aktif)

Mengubah ukuran font komponen Label1


6. Klik ganda komponen CheckBox1 atau pilihan “Tebal”, lalu ketikkanlah program berikut ini :

procedure TForm1.CheckBox1Click(Sender: TObject);
begin
If CheckBox1.Checked=True then
begin
Form1.Label1.Font.Style:=Form1.Label1.Font.Style+[fsBold]
end
else
begin
Form1.Label1.Font.Style:=Form1.Label1.Font.Style-[fsBold]
end;
end;

Keterangan Program;
Perintah di atas berfungsi untuk menebalkan atau menormalkan tulisan “Pesan” pada komponen Label1 .

7. Lakukanlah hal yang sama untuk pilihan “Miring” dengan kode programnya sebagai berikut :

procedure TForm1.CheckBox2Click(Sender: TObject);
begin
With Form1.Label1.Font do
If checkBox2.Checked=True then
begin
style:=Style+[fsItalic]
end
else
begin
style:=style-[fsitalic]
end;
end;


Keterangan Program;
Perintah di atas berfungsi untuk memiringkan atau menormalkan tulisan “Pesan” pada komponen Label1 .

8. Klik ganda juga untuk pilihan “Garis Bawah” dengan kode programnnya sebagai berikut :

procedure TForm1.CheckBox3Click(Sender: TObject);
begin
with Form1.Label1.Font do
if checkBox3.Checked=True then
Style:=Style+[fsUnderline]
else
Style:=Style-[fsUnderline]
end;

Keterangan Program;
Perintah di atas berfungsi untuk menggaris bawahi atau menormalkan tulisan “Pesan” pada komponen Label1 .

9. Jalankan program tersebut untuk memeriksa apakah ada kesalahan penulisan kode atau tidak.
10. Kemudian simpanlah Program yang telah Anda buat dengan nama yang Anda inginkan untuk Form dan Projectnya.

0 komentar:

Posting Komentar

SILAHKAN TANYA DAN BERKOMENTAR DISINI..
SEBAIKNYA BERKOMENTAR YANG AMAN-AMAN SAJA, NO SPAMMING YA .
THANKYOUUU !!

 
Nadia F Syarief Blogger Template by diahsyarief Blogger Template