Kamis, 17 April 2014

Cara Menggunakan Photoshop yang Baik dan Benar I

Cara Menggunakan Photoshop yang Baik dan Benar I

Bagaimana cara menggunakan Photoshop. Mungkin kata-kata itulah yang sering terlintas bagi teman-teman yang masih pemula atau yang baru ingin memulai belajar Photoshop. Sekarang Psdink mencoba menjawab pertanyaan itu pada artikel cara menggunakan Photoshop yang baik dan benar bag I.

Klasifikasi:
Tutorial: Photoshop basic | Tingkatan: I | Waktu: 25 Menit

Tahap 1 Cara menggunakan Photoshop (Pengenalan Tools Penting)


Sebelum memulai mempelajari tutorial-tutorial Photoshop ada baiknya kamu memahami fungsi-fungsi Tool yang terdapat di Photoshop. Psdink akan menjelaskan beberapa Tool yang sering digunakan.

Move Tool (V): Berfungsi untuk memindahkan satu atau beberapa objek sekaligus tergantung dari berapa Layer yang di pilih.

Cara Menggunakan Photoshop yang Baik dan Benar I

Terdapat tiga tool pada Photoshop yang berfungsi sebagai selection tools. Selection tools ini berfungsi untuk melakukan seleksi pada bagian tertentu dari objek.

Setelah melakukan seleksi kita dapat melakukan beberapa hal seperti. Pemindahan objek yang telah terseleksi, memberi warna pada objek yang terseleksi seperti pada artikel cara mengganti warnai rambut dengan Photoshop, atau ingin menghapus bagian yang terseleksi.

Inilah ketiga tool yang masuk dalam kelompok selection tools.

Marquee Tools (M): Ada beberapa tools yang terdapat pada keluarga marquee tools ini tapi yang sering digunakan adalah Rectangular Marquee Tool dan Elliptical Marquee Tool. Sementara untuk Singel Row Marquee Tool dan Singel Column Marquee Tool masih sangan jarang digunakan.

Tapi tenang saja. kamu dapat melihat cara kerja dari Singel Row Marquee Tool dan Singel Column Marquee Tool Pada artikel cara membuat poster film yang Psdink tulis. 

Cara Menggunakan Photoshop yang Baik dan Benar I

Lasso Tools (L): Di sini juga ada beberapa tools yang terdapat keluarga lasso tools. Tapi yang memang selalu di gunakan adalah Lasso Tool. Untuk melihat penggunaan Lasso Tool kunjungi artikel penerapan dasar Hue/Saturation.

Cara Menggunakan Photoshop yang Baik dan Benar I

Yang terakhir adalah Quick Selection Tool (W) dan Magic Wond Tool (W): Cara kerja dari ke-dua tools ini hampir sama yaitu menyeleksi berdasakan warna. Jadi bila kamu ingin memisahkan gambar yang memiliki background hanya beberapa warna bisa menggunakan tools ini.

Untuk melihat cara kerja Quick Selection Tool kunjungi artikel cara mudah memisahkan gambar. Sementara gambar di bawah adalah contoh penyeleksian menggunakan Magic Wond Tool. 

Cara Menggunakan Photoshop yang Baik dan Benar I

Brush Tool (B): Brush Tool merupakan tools yang memiliki banyak fungsi selain untuk mewarnai. Bahkan bila dikombinasikan dengan Layer Mask. Brush Tool bisa mengantikan fungsi dari Eraser Tool (E) yang dari namanya saja kamu pasti sudah tahu fungsi dari eraser tool.

Info lengkap dari kegunaan Brush Tool yang bisa kamu perlajari pada artikel cara membuat efek disappear, cara membuat brush menggunakan custom shape, cara membuat bokeh brush dan membuat typography menggunakan brush scrambled letters.

Cara Menggunakan Photoshop yang Baik dan Benar I

Ada lagi tool yang juga sangat penting yaitu Pen Tool (P) dan Type Tool (T). Untuk lebih jelasnya Psdink akan menulis pembahasaan khusus tentang Pen Tool dan Type Tool. Untuk sementara Psdink hanya membahas mengenai cara menggunakan Photoshop "Tools". Semoga bermanfaat.
Tunggu artikel tahap 2 cara menggunakan Photoshop (pengenalan filter-filter)
Dijual T-shirt dengan konsep Go Green. Klik gambar di bawah untuk info lebih lanjut.

PSDink Shopping Store

Sudah membaca artikel Cara Menggunakan Photoshop yang Baik dan Benar I? Jangan lupa berkomentar yaa... Semoga artikel Cara Menggunakan Photoshop yang Baik dan Benar I ini bisa bermanfaat buat teman-teman.

Minggu, 26 Januari 2014

Cara Membuat Tabel HTML Di Notepad


Untuk membuat tabel di blog, bisa kita lakukan dengan kode HTML yang khusus untuk membuat tabel tentunya. Perintah yang di pakai adalah <table> ..... </table>. Di dalam tabel, kita bisa bisa beberapa atribut di dalamnya, antara lain yaitu:

  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • cellpadding : untuk mengatur jarak antara tepi sel dengan isi sel di dalam sebuah tabel. Penempatan kodenya : cellpadding="pixel" .
  • border : untuk mengatur tingkat ketebalan garis tepi pada tabel. Penempatan kodenya : boeder="pixel" .
  • cellspacing
  • : untuk mengatur jarak antara sel. Penempatan kodenya : cellspacing="pixel" .
  • height : untuk mengatur tinggi tabel. penempatan kodenya : height="pixel"|"%" .
  • height : untuk mengatur lebal tabel. Penempatan kodenya : height="pixel"|"%" .


Sintaks atau kode yang terbentuk yaitu seperti ini : 

<table align="left"|"center"|"right"
bgcolor="color"
border="pixel"
cellpadding="pixel"
cellspacing="pixel"
width="pixel"|"%"
height="pixel"|"%">

.....................

</table> 


Sebuah elemen TABLE, juga berisi beberapa elemen yaitu CAPTION, elemen TH(table header), elemen TR(table row), serta elemen TD (table row). 

Elemen CAPTION berfungsi untuk membuat judul dari sebuah tabel. elemen ini mempunyai atribut align dengan nilai top (yaitu judul di simpan di sebelah atas tabel), juga bottom (yaitu judul berada di sebelah bawah dari tabel). 

Sintaks atau kode yang terbentuk yaitu seperti ini : 

<caption align="top"|"bottom">

............................

</caption> 


elemen TR (Table Row) yaitu untuk membuat baris, elemen ini di tempatkan di dalam elemen tabel. Atribut yang bisa di pakai di dalam TR antara lain : 
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
Sintaks atau kode yang terbentuk yaitu seperti ini : 

<tr align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom">

.....................

</tr> 


elemen TH(Table Header) berfungsi sebagai header sel pada sebuah kolom tabel. Atribut yang bisa di pakai antara lain:
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
  • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"


Sintaks atau kode yang terbentuk yaitu seperti ini : 

<th align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</th> 


Elemen TR(Table Row) adalah elemn untuk membuat kolom. atribut yang bisa di pakai antara lain :
  • align : untuk mengatur tata letak tulisan yang ada pada tabel, mau rata kiri, tengah, rata kanan, atau rata kiri-kanan. Penempatan kodenya : align="left"|"center"|"right" .
  • valign : untuk mengatur posisi vertikal. penempatan kodenya : valign="top"|"middle"|"bottom"
  • bgcolor : untuk mengatur warna background/warna latar belakang tabel. Penempatan kodenya seperti ini : bgcolor="kode warna".
  • colspan : untuk mengatur kolom. Penempatan kodenya : colspan="nomor" .
  • rowspan : untuk mengatur row atau baris. Penempatan kodenya : rowspan="nomor"


Sintaks atau kode yang terbentuk yaitu seperti ini : 

<td align="left"|"center"|"right"
bgcolor="color"
valign="top"|"middle"|"bottom"
colspan="number" rowspan="number">

.....................

</td> 



Masih bingung? kalau begitu saya beri beberapa contoh agar sedikit lebih jelas : 

Untuk membuat sebuah tabel tunggal, kodenya kira-kira seperti ini : 

<table width="200" border="1">
<tr>
<td>

Contoh

</td>
</tr>
<table>


Hasilnya akan seperti ini : 
Contoh


Terlihat bahwa tulisan yang ada, tampak mepet ke dinding tabel, apabila kita ingin agar tulisan berada persis di tengah tabel, maka cukup tambahkan saja kodealign="center" pada kolomnya. misal seperti ini : 

<table width="200" border="1">
<tr>
<td align="center">

Contoh

</td>
</tr>
</table>


Hasilnya akan seperti ini : 
Contoh


Contoh-contoh di atas menggunakan nilai border 1, coba bandingkan apabila saya menggunakan nilai border yang lebih besar, misalkan 9. Kodenya kira-kira seperti ini : 

<table width="200" border="9">
<tr>
<td align="center">

Contoh

</td>
</tr>
</table>


Hasilnya akan seperti ini : 
Contoh


Jika ingin kolomnya bertambah, tinggal tambahkan kode kolomnya. contoh dua kolom, kodenya seperti ini : 

<table width="300" border="9">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


Hasilnya akan seperti ini : 
ContohContoh juga denk


Kalau ingin dua baris, kira-kira kodenya seperti ini : 

<table width="300" border="1">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

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

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


hasilnya seperti ini : 
ContohContoh juga denk
ContohContoh juga denk


Jika tabelnya ingin di beri warna, tinggal tambahkan kode bgcolor="kode warna". contoh : 

<table width="300" border="1" bgcolor="black">
<tr bgcolor="green">
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
<tr bgcolor="yellow">
<tr>
<td align="center">

Contoh

</td>
<td align="center">

Contoh juga denk

</td>
</tr>
</table>


hasilnya seperti ini : 
ContohContoh juga denk
ContohContoh juga denk



Sekarang saya beri contoh terakhir (sedikit lebih serius) dengan mengunakan fungsi caption serta TH (table header). Misalkan saya ingin membuat sebuah tabel data dari nama-nama teknisi. Data-data yang ingin di buatkan tabel, misalkan seperti ini : 
Tabel 1.1
Data Teknisi
No.Nama
1.Juned
2.Jaka kelana
3.Ibro


Kode yang di pakai bisa seperti ini : <table align="left" border="2" bgcolor="cyan" cellpadding="5" cellspacing="0" >
<caption align="top"><b>Tabel 1.1</b></caption>
<tr bgcolor="fuchsia">
<th colspan="2">Data Teknisi</th>
</tr>
<tr bgcolor="green">
<th>No.</th>
<th>Nama</th>
</tr>
<tr bgcolor="yellow">
<td>1.</td>
<td>Juned</td>
</tr>
<tr bgcolor="red">
<td>2.</td>
<td>jaka kelana</td>
</tr>
<tr bgcolor="blue">
<td>3.</td>
<td>Ibro</td>
</tr>
</table>


Hasilnya kira-kira seperti ini : 
Tabel 1.1
Data Teknisi
No.Nama
1.Juned
2.jaka kelana
3.Ibro











Selain untuk menempatkan tulisan, sebuah tabel pun banyak di gunakan untuk menempatkan gambar agar terlihat lebih rapih. Contoh : 
<table width="300" border="1" cellpadding="20">
<tr>
<td align="center">
<a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>
</td>
<td align="center">
<a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"/></a>
</td>
</tr>
<tr>
<td align="center">
<a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"></a>
</td>
<td align="center">
<a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>
</td>
</tr>
</table>



Hasilnya akan seperti ini : 
mau pinter 
membuat blog atau website? klik saja di sinimau software 
murah tapi sangat berguna? klik saja di sini
mau software 
murah tapi sangat berguna? klik saja di sinimau pinter 
membuat blog atau website? klik saja di sini

jika sobat beranggapan bahwa garis tabel menggangu pemandangan, maka kita bisa mensiasatinya dengan cara menghilangkan garisnya yaitu nilai borde rnya kita buat 0 (nol). 
contoh : 
<table width="300" border="0" cellpadding="20">
<tr>
<td align="center">
<a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>
</td>
<td align="center">
<a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"/></a>
</td>
</tr>
<tr>
<td align="center">
<a href="http://www.obralplus.com/?id=rohman"><img src="http://24rohman.googlepages.com/aniobral.gif" alt="mau software murah tapi sangat berguna? klik saja di sini"></a>
</td>
<td align="center">
<a href="http://www.resepbisnis.com/?id=Rohman" target="new"><img height="58" src="http://24rohman.googlepages.com/resepbisnis.gif" alt="mau pinter membuat blog atau website? klik saja di sini"/></a>
</td>
</tr>
</table>



Hasilnya akan seperti ini : 
mau pinter 
membuat blog atau website? klik saja di sinimau software 
murah tapi sangat berguna? klik saja di sini
mau software 
murah tapi sangat berguna? klik saja di sinimau pinter 
membuat blog atau website? klik saja di sini

Bagaimana hasilnya yang terakhir ini, mata kita dapat di tipu bukan? 


Catatn kecil saja. Karena kode diatas merupakan kode HTML, maka pada saat posting harus pada posisi Edit HTML jangan pada posisi Compose. Apabila ingin di simpan di sidebar, pilih yang untuk HTML/javaScript.

Selasa, 21 Januari 2014

Cara membuat tabel.

Untuk membuat table yang sederhana ada 3 elemen utama yaitu table, tr dan td. Tag <table> adalah untuk membuat tabel kemudian di ikuti dengan tag <tr> (table rows) adalah untuk membuat baris pada tabel kemudian tag <td> (table data) adalah untuk membuat kolom pada tabel, kolom-kolom hasil dari tr dan td ini disebut dengan table cell yaitu sebagai lokasi dimana kita memasukkan data-data yang akan di tampilkan.
Berikut adalah contoh tabel yang terdiri dari 3 baris dan 2 kolom.
<table border="1">
 <tr>
  <td>Cell 1 - Baris 1 Kolom 1</td>
  <td>Cell 2 - Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Cell 3 - Baris 2 Kolom 1</td>
  <td>Cell 4 - Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Cell 5 - Baris 3 Kolom 1</td>
  <td>Cell 6 - Baris 3 Kolom 2</td>
 </tr> 
</table>
Hasil:
Cell 1 – Baris 1 Kolom 1 Cell 2 – Baris 1 Kolom 2
Cell 3 – Baris 2 Kolom 1 Cell 4 – Baris 2 Kolom 2
Cell 5 – Baris 3 Kolom 1 Cell 6 – Baris 3 Kolom 2
Dalam contoh sengaja ditambah dengan atribut border agar kita dapat melihat posisi dari tabel tersebut, karena secara default nilai dari border ini adalah 0 jika tidak disertakan dengan tag <table>.
Mengatur lebar dan tinggi tabel.
Untuk mengatur lebar table digunakan atribut width atau bisa juga dengan style CSS dengan properti width. Untuk lebar dan tinggi dari td kita gunakan atribut style dengan properti width dan height.
Berikut adalah contoh tabel dengan lebar 75% dari lebar dokumen dan lebar kolom masing 50% dengan tinggi pada baris pertama adalah 40px.
<table border="1" width="75%">
 <tr>
  <td style="width:50%;height:40px;">Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 1</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 3 Kolom 1</td>
  <td>Baris 3 Kolom 2</td>
 </tr>
</table>
Hasil:
Baris 1 Kolom 1 Baris 1 Kolom 1
Baris 2 Kolom 1 Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Untuk satuan ukuran widht dan height dari atribut maupun style tersebut kita dapat menggunakan px atau %. Untuk pengaturan lebar dan tinggi pada td kita cukup memasukkan pada kolom pertama secara otomatis kolom-kolom berikutnya akan mengikuti pengaturan tersebut.
Menggabungkan kolom pada tabel
Table Cell atau baris dan kolom dari tabel tersebut dapat kita gabungkan sesuai kebutuhan bentuk tabel yang diinginkan.
Untuk menggabungkan kolom dalam tabel digunakan atribut colspan.
<table border="1" width="75%">
 <tr>
  <td colspan="2">Gabungan Kolom 1&amp;2 pada Baris 1</td>
 </tr>
 <tr>
  <td style="width:50%">Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 3 Kolom 1</td>
  <td>Baris 3 Kolom 2</td>
 </tr>
</table>
Hasil:
Gabungan Kolom 1&2 pada Baris 1
Baris 2 Kolom 1 Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Sedangkan untuk menggabungkan baris dalam tabel digunakan atribut rowspan.
<table border="1" width="75%">
 <tr>
  <td style="width:50%" rowspan="2">Gabungan Baris 1&amp;2 pada Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 3 Kolom 1</td>
  <td>Baris 3 Kolom 2</td>
 </tr>
</table>
Hasil:
Gabungan Baris 1&2 pada Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 2
Baris 3 Kolom 1 Baris 3 Kolom 2
Mengatur jarak kolom pada tabel
Untuk mengatur posisi cell dalam tabel digunakan atribut cellpadding dan cellspacing.
Cellpadding adalah untuk pengaturan sisi dari bagian dalam cell.
<table border="1" width="75%" cellpadding="8">
 <tr>
  <td style="width:50%;">Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>
Hasil:
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Sedangkan Cellspacing adalah pengaturan sisi dari bagian luar cell.
<table border="1" width="75%" cellspacing="8">
 <tr>
  <td style="width:50%">Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>
Hasil:
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Membuat titel pada tabel.
Untuk tabel yang lengkap dengan titel, kita bisa menambahkan tag <caption> tepat setelah tag <table> dan kita juga bisa mengganti td dengan th (table heading) sebagai titel dari baris maupun kolom.
Caption dan th akan secara otomatis berada pada posisi tengah dan th akan menghasilkan tulisan tebal.
<table border="1" width="75%">
<caption>Disini adalah titel tabel ini</caption>
 <tr>
  <th style="width:50%;">Header Kolom 1</th>
  <th>Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>
Hasil:
Disini adalah titel tabel ini
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Membuat background pada tabel
Untuk membuat background pada tabel kita gunakan atribut style dengan properti background.
Berikut adalah contoh table dengan background warna kuning muda dengan heading warna merah.
<table style="background:#ffc" width="75%" border="1">
 <tr>
  <th style="background:red;width:50%;">Header Kolom 1</th>
  <th style="background:red;">Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>
Hasil:
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Seperti kita lihat bahwa border dari cell tersebut terlihat terlalu tebal padahal kita membuat nilai dari atribut border adalah 1px.
Ini terjadi karena secara default atribut cellpadding dan cellspacing pada elemen table memiliki nilai masing-masing 1px.
Jadi untuk menghilangkannya kita harus memasukkan kedua atribut tersebut dengan nilai 0.
<table cellpadding="0" cellspacing="0" style="background:#ffc" width="75%" border="1">
...
</table>
Atau kita juga bisa menggunakan style CSS yaitu dengan properti border-collapse:collapse.
<table style="border-collapse:collapse;background:#ffc" width="75%" border="1">
 <tr>
  <th style="background:red;width:50%;">Header Kolom 1</th>
  <th style="background:red;">Header Kolom 2</th>
 </tr>
 <tr>
  <td>Baris 1 Kolom 1</td>
  <td>Baris 1 Kolom 2</td>
 </tr>
 <tr>
  <td>Baris 2 Kolom 1</td>
  <td>Baris 2 Kolom 2</td>
 </tr>
</table>
Hasil:
Header Kolom 1 Header Kolom 2
Baris 1 Kolom 1 Baris 1 Kolom 2
Baris 2 Kolom 1 Baris 2 Kolom 2
Pada link berikut ini kita akan membuat contoh tabel dengan CSS baik itu dengan atribut style (inline) maupun internal dan eksternal CSS.

Jumat, 17 Januari 2014

CARA MEMPOSTING ARTIKEL KE BLOG



Setelah selesai membuat blog, setting blog dan keperluan yang telah terepenuhi sekarang sudah saatnya memposting artikel,  sebenarnya posting artikel sangatlah mudah "bagi yang sudah terbiasa" tapi tidak bagi seorang pemula, masalah posting artikel sering menjadi kendala bagi yang baru membuat blog sendiri ini terbukti dengan banyaknya pesan yang masuk kepada saya, hal inilah yang menarik saya untuk membuat tutorial bagaimana postin artikel di blogspot. Hal yang perlu diperhatikan dalam membuat atau mempostingsebuah artikel bisa perhatikan tips dibawah ini agar dapat optimal!
  1. Pilih dan tentukan tema yang belum banyak kompetitornya
  2. Pastikan Artikel anda menarik untuk dibaca
  3. Unik tentunya menjadi bahan utama dalam membuat artikel anda Top.1 di google
  4. Kalaupun harus copy dari blog lain pastikan anda mengeditnya, "perhatian bagi yang copy paste, jangan lupa meminta ijin kepada pemilik blog tersebut lewat komentar ataupun menghubungi langsung dan jangan lupa jika copy paste dari blog lain agar menyertakan sumber artikel tersebut dengan memberikan taut balik!"
Gimana sekarang sudah tentukan belum topik yang akan ditulis jika sudah mari kita lanjutkan!

#Silahkan login ke blogger
#Klik tab "ENTRI BARU" atau jika menggunakan bahasai Inggris "NEW POST"
#Akan muncul form kotak seperti dibawah ini! 

Perhatikan area yang diberi garis merah dan angka-angka diatas fungsi dan kegunaan!
  1. Judul dari artikel yang anda tulis
  2. Edit HTML Untuk menampilkan  dalam mode HTML jadi kode html/javscript akan nampak jika anda melakukan klik pada Edit HTML
  3. Compose "untuk manmpilkan dalan bentuk teks biasa"
  4. Fungsi area 4 anda bisa mencobanya sendiri atau mungkin sudah ngerti maksudnya, area 4 diatas berfungsi untuk mengatur tampilan teks dan pengaturan tampilan posting, misalnya jenis huruf, warna hurufm unggah gambar, unggah video, membuat Link/tautan dan sebagainya.
  5. No.5 tempat body teks atau isi artikel yang ingin anda tulis
  6. Menerbikan Entri/posting
  7. Menyimpan Entri/posting
  8. Pratinjau atau preview "Untuk melihat sementara hail posting yang sedang kita buat
  9. Label, label/kategori yaitu pengelompokan atau sejensinya, Misalnya! Artikel dengan judul "Cara menginstall Windows XP" Mungkin anda sudah dapat gambaran apa saja label/kategori yang dapat dimasukkan dalam judulartikel tersebut, Label atau kategori tidak harus terpatok dalam satu jenis label atau kategori anda bisa memberikan lebel lebih dari 2,3 atau selebihnya contoh diatas berarti masuk dalam label "Teknologi, Komputer, Windows"
#Ada yang kurang ternyata kolom Tautan dibawah Judul posting itu sebaiknya kosongkan saja, itu hanya sebuah lampiran URL ngerti kan maksudnya lampiran! 

#Post options, ini digunakan untuk mengatur waktu tanggal posting, anda juga bisa menerbitkan posting kemudian hari secara otomatis berdasarkan jadwal yang anda tentukan,