Perhatian!

Untuk Melihat Berita atau Info di ZIES Blogger anda harus mengKlik pada menu di atas!

contoh:

ini contoh saya memilih menu ZIES TIPS DAN TRIKS

Thank's

Admin Azis Muarif

Untuk Melihat Berita atau Info di ZIES Blogger anda harus mengKlik pada menu di atas!

contoh:

ini contoh saya memilih menu ZIES TIPS DAN TRIKS

Thank's

Admin Azis Muarif

Baca selengkapnya - Perhatian!

A. Pentingnya template blog

Ada satu kalimat pada iklan TV yang cukup menarik, “Kesan pertama begitu menggoda, selanjutnnya terserah anda”. Begitu pula dengan Blog Anda, orang tidak akan membaca tulisan dalam Blog Anda tetapi Tampilannya yang akan dilihat terlebih dahulu.

Jasa Penyedia Template Blog pun banyak di internet, ada yang prabayar dan free alias gratis, seperti btemplates.com, finalsense.com, isnaini.com, blogskins.com, maskolis.com dan masih banyak lagi. Kita juga bisa mencari di internet misalnya, dengan mengetik “free XML blogger template” pada kotak pencarian di Google.

Walaupun anda sudah mengganti template blog anda dengan yang keren atau bagus, tetapi anda pasti ingin menggantinya lagi dengan yang baru, karena template blog yang gratis itu pasti banyak penggunannya.

Blog pun harus pas atau sesuai dengan keinginan anda, sebab blog itu adalah milik pribadi anda. Di blog pun anda bisa bebas menulis apa yang akan anda tuliskan dan apa yang akan anda postingkan di blog anda tersebut, serta anda bisa bebas gonta-ganti template atau membuat tampilan di blog. Tidak ada yang bisa membatasi anda dalam membuatnya karena ini adalah ekspresi kreatiitas anda. Tuangkan semua ide untuk tulisan dan tampilan blog anda.

Ada satu kalimat pada iklan TV yang cukup menarik, “Kesan pertama begitu menggoda, selanjutnnya terserah anda”. Begitu pula dengan Blog Anda, orang tidak akan membaca tulisan dalam Blog Anda tetapi Tampilannya yang akan dilihat terlebih dahulu.

Jasa Penyedia Template Blog pun banyak di internet, ada yang prabayar dan free alias gratis, seperti btemplates.com, finalsense.com, isnaini.com, blogskins.com, maskolis.com dan masih banyak lagi. Kita juga bisa mencari di internet misalnya, dengan mengetik “free XML blogger template” pada kotak pencarian di Google.

Walaupun anda sudah mengganti template blog anda dengan yang keren atau bagus, tetapi anda pasti ingin menggantinya lagi dengan yang baru, karena template blog yang gratis itu pasti banyak penggunannya.

Blog pun harus pas atau sesuai dengan keinginan anda, sebab blog itu adalah milik pribadi anda. Di blog pun anda bisa bebas menulis apa yang akan anda tuliskan dan apa yang akan anda postingkan di blog anda tersebut, serta anda bisa bebas gonta-ganti template atau membuat tampilan di blog. Tidak ada yang bisa membatasi anda dalam membuatnya karena ini adalah ekspresi kreatiitas anda. Tuangkan semua ide untuk tulisan dan tampilan blog anda.

Baca selengkapnya - A. Pentingnya template blog

B. Mengenal tata letak Bemplate Blog

Sebelum anda membuat template untuk blog, langkah baiknya kita bisa mengenal apa saja kerangka atau bagian tubuh blog dan tata letak di sebuah blog terlebih dahulu.

Blog biasannya memiliki 3 bagian seperti pada gambar di bawah ini:

1
2.1	2.2
3

1)      Header blog                                                                                                                                        

Bagian pertama yang ditunjukan pada nomor 1 adalah header blog (kepala blog). Dalam istilah blog, header biasanya dinamakan #header-wrapper. Ada beberapa turunan untuk #header-wrapper, misalnya #header, #header description dan lain-lain.

Pada header ini berisi tentang judul blog dan deskripsi blog tersebut. Pada background header ini bisa anda tambahkan  gambar-gambar agar menarik, atau dengan kata lain , header ini bisa mewakili seluruh tema yang anda miliki. Buatlah bagian header ini semenarik mungkin.

2)      Content Blog                                                                                                                                       

Bagian kedua, yang ditunjukan oleh nomor 2.1 dan 2.2 adalah konten blog. Konten blog ini biasanya menggunakan istilah #content-wrapper atau #outer-wrapper. Pada bagian ini berisidua bagian lagi, yaitu:

a.      Nomor 2.1 adalah tempat posting blog yang berisi posting-postingan terbaru kita. Tempat untuk mengatur lebar halaman posting kita di blog dikenal dengan istilah#main-wrapper. Pada bagian ini terdapat bagian yang lebih spesifik untuk mengatur isinya, yaitu pada bagian turunan dari post.

b.      Nomor 2.2 adalah sidebar, berisi profile kita, atau tempat untuk menambahkan baerbagai widget untuk blog. Kadang-kadang sidebar bisa berada di kiri atau kanan, tergantung keinginan kita, atau bisa kita tambah menjadi 2 atau 3. Dalam istilah blog sidebar dikenal dengan #sidebar-wrapper. Sama seperti post bog, bagian ini juga ada bagian turunan yang akan mengaturnya, yaitu pada sidebar content.

Beberapa elemen pada sidebar blog

Pada sidebar blog, sebenarnya kita bisa menambahkan beberapa widget bawaan blogger. Disini saya akan memberikan nama-nama elemen pada sidebar, yaitu:

1.      Pengikut

2.      HTML/JavaScript

3.      Text

4.      AdSense

5.      Gambar

6.      Tampilan Slide

7.      Barisan Video

8.      Polling

9.      Daftar Blog

10.  Daftar Link

11.  Daftar

12.  Feed

13.  Newsreel

14.  Label

15.  Tautan Berlangganan

16.  Logo

17.  Profil

18.  Arsip Blog

19.  Header Halaman

Mungkin itu saja nama-nama elemen pada sidebar yang saya tau, untuk penjelasan elemen-elemen tersebut anda bisa mencari di blog.

3)      Footer Blog                                                                                                                                         

Bagian ketiga, yang ditunjukan oleh nomor 3 adalah footer blog (kaki blog). Biasanya berisi tentang penjelasan hak cipta atau nama pembuat blog atau alamat pembuat blog. Karena posisinya di bawah, footer blog jarang di modifikasi sehingga jarang pula menjadi perhatian pembaca. Akan tetapi, sebenarnya tak ada salahnya kalau kita menjadikan halaman footer ini untuk berbagai fungsi.

Sebenarnya bagian footer blog ini bisa diatur, tergantung kreativitas pembuat blog. Pembuat blog bebas memodifikasi bagian footer agar tampilannya lebih menarik.

Sebelum anda membuat template untuk blog, langkah baiknya kita bisa mengenal apa saja kerangka atau bagian tubuh blog dan tata letak di sebuah blog terlebih dahulu.

Blog biasannya memiliki 3 bagian seperti pada gambar di bawah ini:

1
2.1	2.2
3

1)      Header blog                                                                                                                                        

Bagian pertama yang ditunjukan pada nomor 1 adalah header blog (kepala blog). Dalam istilah blog, header biasanya dinamakan #header-wrapper. Ada beberapa turunan untuk #header-wrapper, misalnya #header, #header description dan lain-lain.

Pada header ini berisi tentang judul blog dan deskripsi blog tersebut. Pada background header ini bisa anda tambahkan  gambar-gambar agar menarik, atau dengan kata lain , header ini bisa mewakili seluruh tema yang anda miliki. Buatlah bagian header ini semenarik mungkin.

2)      Content Blog                                                                                                                                       

Bagian kedua, yang ditunjukan oleh nomor 2.1 dan 2.2 adalah konten blog. Konten blog ini biasanya menggunakan istilah #content-wrapper atau #outer-wrapper. Pada bagian ini berisidua bagian lagi, yaitu:

a.      Nomor 2.1 adalah tempat posting blog yang berisi posting-postingan terbaru kita. Tempat untuk mengatur lebar halaman posting kita di blog dikenal dengan istilah#main-wrapper. Pada bagian ini terdapat bagian yang lebih spesifik untuk mengatur isinya, yaitu pada bagian turunan dari post.

b.      Nomor 2.2 adalah sidebar, berisi profile kita, atau tempat untuk menambahkan baerbagai widget untuk blog. Kadang-kadang sidebar bisa berada di kiri atau kanan, tergantung keinginan kita, atau bisa kita tambah menjadi 2 atau 3. Dalam istilah blog sidebar dikenal dengan #sidebar-wrapper. Sama seperti post bog, bagian ini juga ada bagian turunan yang akan mengaturnya, yaitu pada sidebar content.

Beberapa elemen pada sidebar blog

Pada sidebar blog, sebenarnya kita bisa menambahkan beberapa widget bawaan blogger. Disini saya akan memberikan nama-nama elemen pada sidebar, yaitu:

1.      Pengikut

2.      HTML/JavaScript

3.      Text

4.      AdSense

5.      Gambar

6.      Tampilan Slide

7.      Barisan Video

8.      Polling

9.      Daftar Blog

10.  Daftar Link

11.  Daftar

12.  Feed

13.  Newsreel

14.  Label

15.  Tautan Berlangganan

16.  Logo

17.  Profil

18.  Arsip Blog

19.  Header Halaman

Mungkin itu saja nama-nama elemen pada sidebar yang saya tau, untuk penjelasan elemen-elemen tersebut anda bisa mencari di blog.

3)      Footer Blog                                                                                                                                         

Bagian ketiga, yang ditunjukan oleh nomor 3 adalah footer blog (kaki blog). Biasanya berisi tentang penjelasan hak cipta atau nama pembuat blog atau alamat pembuat blog. Karena posisinya di bawah, footer blog jarang di modifikasi sehingga jarang pula menjadi perhatian pembaca. Akan tetapi, sebenarnya tak ada salahnya kalau kita menjadikan halaman footer ini untuk berbagai fungsi.

Sebenarnya bagian footer blog ini bisa diatur, tergantung kreativitas pembuat blog. Pembuat blog bebas memodifikasi bagian footer agar tampilannya lebih menarik.

Baca selengkapnya - B. Mengenal tata letak Bemplate Blog

Sekilas tentang html

Html adalahsingkatan dari hypertext Markup Language. Fungsi html didalam sebuah dokumen web adalah untuk mengatur struktur tampilan dokumen  tersebut dan juga untuk menampilkan link atau sambungan ke halaman web lain yang ada di internet. Biasanya sebuah dokumen html disimpan dalam ekstensi .html. html disebut dengan Markup Languange karena html berfungsi  untuk berpindah file tulisan (text) biasa untuk dapat dilihat pada sebuah web browser.

Disini saya tidak akan banyak menjelaskan tentang berbagai sintaks dasar html karena sudah banyak buku-buku yang membahas tentang hal ini. Disini saya akan membahas tentang sintaks penting saja sebagai dasar pengetahuan anda untuk membuat template blog.

Untuk membuat html, anda cukup menggunakan notepad, walaupun sebenarnya banyak sekali software-software yang memudahkan kita dalam membuat dokumen ini.

Sintaks dasar html

Berikut ini adalah struktur dasar html

Tulislah contoh berikut menggunakan notepad  kemudian simpanlah kedalam format .html.

Contoh:

Lalu save pada notepad tersebut dengan mengganti nama, misalnya “ini html pertamaku.httml” sperti gambar dibawah ini:

Lalu buka dengan Internet Explorer, Mozilla Firefox, Google Chrome (pilih salah satu browser), hasilnya seperti gambar di bawah ini:

Skrip diatas adalah file html yang paling sederhana. Setiap tag html selalu memiliki tag pembuka dan tag penutup. Pada contoh diatas, misalnya tag <head>, maka ditutup dengan </head>. Coba perhatikan, tanda ”/” pada setiap tag penutup.

Manipulasi text

Disini saya akan memberi contoh dengan berbagi texs yang sudah dimanipulasi. Seperti contoh diatas, gunakan notepad untuk menuliskan sintaks berikut ini, dan simpan dengan ekstensi .html.

Setelah itu save pada notepad tersebut dengan mengganti nama, misalnya “Manipulasi.httml” di Docoment atau terserah anda, lalu buka dengan Internet Explorer, Mozilla Firefox, Google Chrome (pilih salah satu browser), hasilnya seperti gambar di bawah ini:

Untuk kode warna biasanya menggunakan beberapa kode tertentu dengan huruf atau angka atau gabungan keduanya. Berikut ini standar kode warna dan jenis warna yang dihasilkan.

Warna	Hex 6	RGB
Black	#000000	0 , 0 , 0
Silver	#C0C0C0	192 , 192 , 192
Gray	#808080	128 ,128 , 128
White	#FFFFFF	255 , 255 , 255
Maroon	#800000	128 , 0 , 0
Red	#FF0000	255 , 0 , 0
Purple	#80080	128 , 0 , 128
Fuchsia	#FF00FF	255 , 0 , 255
Green	#008800	0 , 128 , 0
Lime	#00FF00	0 , 255 , 0
Olive	#808000	128 , 128 , 0
Yellow	#FFFF00	255 , 255 , 0
Navy	#000080	0 , 0 , 128
Blue	#0000FF	0 , 0 , 255
Teal	#008080	0 , 128 , 128
Aqua	#00FFFF	0 , 255 , 255

Ada beberapa aturan lain yang digunakan untuk teks. Berikut contoh beberapa aturan tersebut.

Dan hasilnya pada browser akan menjadi seperti gambar di bawah ini:

 

Bedanya dari gambar diatas adalah huruf yang berbeda ukuran, dari ukuran kecil hingga besar.

Peraturan Paragraf

Untuk mengatur sebuah paragraf, gunakan sintax berikut.

Dan hasilnya pada browser akan menjadi seperti gambar di bawah ini:

Html adalahsingkatan dari hypertext Markup Language. Fungsi html didalam sebuah dokumen web adalah untuk mengatur struktur tampilan dokumen  tersebut dan juga untuk menampilkan link atau sambungan ke halaman web lain yang ada di internet. Biasanya sebuah dokumen html disimpan dalam ekstensi .html. html disebut dengan Markup Languange karena html berfungsi  untuk berpindah file tulisan (text) biasa untuk dapat dilihat pada sebuah web browser.

Disini saya tidak akan banyak menjelaskan tentang berbagai sintaks dasar html karena sudah banyak buku-buku yang membahas tentang hal ini. Disini saya akan membahas tentang sintaks penting saja sebagai dasar pengetahuan anda untuk membuat template blog.

Untuk membuat html, anda cukup menggunakan notepad, walaupun sebenarnya banyak sekali software-software yang memudahkan kita dalam membuat dokumen ini.

Sintaks dasar html

Berikut ini adalah struktur dasar html

Tulislah contoh berikut menggunakan notepad  kemudian simpanlah kedalam format .html.

Contoh:

Lalu save pada notepad tersebut dengan mengganti nama, misalnya “ini html pertamaku.httml” sperti gambar dibawah ini:

Lalu buka dengan Internet Explorer, Mozilla Firefox, Google Chrome (pilih salah satu browser), hasilnya seperti gambar di bawah ini:

Skrip diatas adalah file html yang paling sederhana. Setiap tag html selalu memiliki tag pembuka dan tag penutup. Pada contoh diatas, misalnya tag <head>, maka ditutup dengan </head>. Coba perhatikan, tanda ”/” pada setiap tag penutup.

Manipulasi text

Disini saya akan memberi contoh dengan berbagi texs yang sudah dimanipulasi. Seperti contoh diatas, gunakan notepad untuk menuliskan sintaks berikut ini, dan simpan dengan ekstensi .html.

Setelah itu save pada notepad tersebut dengan mengganti nama, misalnya “Manipulasi.httml” di Docoment atau terserah anda, lalu buka dengan Internet Explorer, Mozilla Firefox, Google Chrome (pilih salah satu browser), hasilnya seperti gambar di bawah ini:

Untuk kode warna biasanya menggunakan beberapa kode tertentu dengan huruf atau angka atau gabungan keduanya. Berikut ini standar kode warna dan jenis warna yang dihasilkan.

Warna	Hex 6	RGB
Black	#000000	0 , 0 , 0
Silver	#C0C0C0	192 , 192 , 192
Gray	#808080	128 ,128 , 128
White	#FFFFFF	255 , 255 , 255
Maroon	#800000	128 , 0 , 0
Red	#FF0000	255 , 0 , 0
Purple	#80080	128 , 0 , 128
Fuchsia	#FF00FF	255 , 0 , 255
Green	#008800	0 , 128 , 0
Lime	#00FF00	0 , 255 , 0
Olive	#808000	128 , 128 , 0
Yellow	#FFFF00	255 , 255 , 0
Navy	#000080	0 , 0 , 128
Blue	#0000FF	0 , 0 , 255
Teal	#008080	0 , 128 , 128
Aqua	#00FFFF	0 , 255 , 255

Ada beberapa aturan lain yang digunakan untuk teks. Berikut contoh beberapa aturan tersebut.

Dan hasilnya pada browser akan menjadi seperti gambar di bawah ini:

 

Bedanya dari gambar diatas adalah huruf yang berbeda ukuran, dari ukuran kecil hingga besar.

Peraturan Paragraf

Untuk mengatur sebuah paragraf, gunakan sintax berikut.

Dan hasilnya pada browser akan menjadi seperti gambar di bawah ini:

Baca selengkapnya - Sekilas tentang html