Modifikasi Sudut Tabel Pada Blog

Apakabar Teman-teman blog Aapaaja hari ini. Hari ini kita akan membahas bagai mana cari Modifikasi Sudut Tabel pada Blog setidaknya tidak terlihat biasa-biasa saja. Sebelumnya kita telah membahas bagainama Menambahkan Tabel Pada Posting Blog Kita, namun pada pembahasan tersebut kita hanya mengetahui pembuatan tabel dengan cara biasa. Kali ini kita akan membuat tabel jadi berbeda dengan Modifikasi Sudut Tabel Pada Blog kita. untuk modifikasinya sendiri kita perlumengetahui bahwa semakitin bagus maka wajarnya konten yang kita prioritaskan adalah kenyamanan sehingga untuk konsekwensinya kita harus tahu semakin bagus maka semakin berat untuk mengaksesnya kecuali teknologi kita telah setara dengan konten kita, namun kenyataannya masih banyak yang terkendala degan berbagai alasan tertentu misalnya grafis card, akses internet, bayanknya widget yang dipasang untuk mempercantik tampilan. He.. jadi membahasnya terlalu jauh, baik agar mempersingkat waktu kita langsung saja ke praktek y.

Kode yang akan kita gunakan berbeda dengan pembahasan sebelumya yaitu Menambahkan Tabel Pada Posting Blog maka kode kali ini kita menggunakan <div> dan ditutup dengan </div>. Nah ini scriptnya silahkan Teman-teman perhatikan ya...

Pertama tabel yang tanpa scroll

<div style="background: none repeat scroll 0% 0% rgb(0, 0, 70); border-radius: 10px 10px 10px 10px; border: 3px solid rgb(255, 255, 255); padding: 10px; text-align: left; width: 90%;">
Disini Teman-teman dapat memberikan isinya.. Silahkan n_n
</div>

Seterunya yang kedua pakai scroll, ini dia scriptnya

<div style="background: none repeat scroll 0% 0% rgb(0, 0, 70); border-radius: 10px 10px 10px 10px; border: 3px solid rgb(255, 255, 255); height: 200px; overflow: auto; padding: 10px; text-align: left; width: 90%; width: ancho;">
diasini Teman-teman masukkan isi dari tabelnya
</div>

Dari script diata Teman-teman dapat berkreasi dingan menukar parameternya seperti :
1. background none repeat scroll rgb(0, 0, 70) mrupakan warna kombinasi dari red green blue (merah hijau biru). Merupakan warna untuk background tabel.
2. border-radius ada 4 sudut kelengkunyan Kita bisa modifikasi sesuai dengan kienginan.kiti atas, kanan atas, kanan bawah, kiri bawah.
3. bordre untuk yang px adalah ukuran ketebalan, dan rgb untuk warnanya sama dengan tadi yang membedakan antara satu sama lain background dan border.
4. overflow merupakan parameter scroll.

Baiklah sekian dari blog AapaajA semoga bermanfaat, sampai ketemulagi kita pada topik berikutnya. Terimakasih...

Menambahkan Tabel Pada Posting Blog

Apa Kabar Teman-teman. Kali ini Blog Aapaaja ingin membahas bagai mana menambahkan tabel pada posting Blog yang merupakan pengembangan ide cara berposting. Mengapa kita menambahkan table pada posting blog kita? hal ini saya bahas karna pada postingan yang sebelumnya saya menginginkan adanya suatu tambahan pada beberapa posting yang membutuhkan tulisan kushus agar dapat terfokus dalam tulisan di dalamnya. Selain itu posting yang kita buat akan menjadi tidak terlalu kaku oleh fasilitas menulis pada blog yang biasa kita gunakan untuk memposting. Hal lainnya Teman-teman yang juga jadi mandiri dan terbiasa dengan yang namanya kode tabel. Mmmm.... kita lanjut ke pembahasan inti kita yaitu menambahkan tabel pada posting blog kita.

Mari kita lakukan langkah berikut :

1. Hal pertama yang kita lakukan masuk ke blog kita login seperti biasa, setelah login Teman-teman dapat melihat tab posting yang ada di bagian kiri atas pilih kemudian lihat sub tab dan pilih Entri Baru.

2. Disaat Teman-teman telah memilih Entri Baru terlihat seperti biasa di dalam entri untuk postin kita ada dua type yaitu Compose dan Edit HTML. Kedua Mode ini memiliki kelebihan dan fungsi yang berbeda. Apa bila kita akan sekedar coba menambahkan tabel besa langsung menggunakan modus Edit HTML dan apa bila teman ingin peraktekkannya sambil posting sekaligus akan membuat tabel y.... silahkan buat tulisan postingnya dulu sampai akan menggunakan tabel pada posting. Pilih Edit HTML dan lakukan dengan pemberian kode berikut :

<table border="1">
<tr>
<td>isi 1 </td>
<td>isi 2</td>
<td>isi 3</td>
</tr>
<tr>
<td>isi 1</td>
<td>isi 2</td>
<td>isi 3</td>
</tr></table>

Sekarang mari kita pahami apa saja yang maskud dari kode tersebut.
1. <table> kode untuk tabel pembuka sedangkan yang penutup di tambah dengan tanda / (gari miring)
2. <tr> kode ini untuk baris dan diakhiri dengan </tr>
3. <td> kode ini untuk colom dan diakhiri dengan </td>

Berikunya Kita lanjutkan tabel yang berisi tambahan kode, biar jelas langsung saja seperti ini

<table border="1" width="450">
 <tr bgcolor="#F2F2F2">
  <td align="center"><b>isi 1</b></td><td align="center"><i>isi 2</i></td><td align="center">isi 3</td>
  </tr>
</table>
<table border="1" width="450">
  <tr bgcolor="#F2F2F2">
  <td align="center"><b>isi 1</b></td><td align="center"><i>isi 2</i></td><td align="center">isi 3</td>
 </tr>
</table>

Disini kita dapat melihat perbedaannya ada beberapa tambahan.
1. border dengan ini kita bisa memberikan border dengan satuan angka
2. width dan height dengan ini kita bisa memberikan lebar yang kita inginkan satuan angka juga

3. align kita dapat menggunakannya sebagai pengaturan posisi letak isi tabel dengan isi right, left, center dan justify

4. untuk pemberian warna bacground kita bisa menggunakan tambahan kode bgcolor dengan satuan kode tandapagar dan angka 0 sanpai F contohnya seperti di atas.

setelah kode tersebut di terapkan pada Edit HTML kira-kira hasilnya seperti berikut :

Contoh 1

isi 1	isi 2	isi 3
isi 1	isi 2	isi 3

Contoh 2

isi 1

isi 2

isi 3

isi 1

isi 2

isi 3

Sekarang kita sudah tahu bagaimana caranya yang kadang membuat kita bingung adalah waktu kita mengisi tabelnya dengan tulisan. Hal ini penulis sendiri pernah mengalaminya yaitu pada saat kita mengisi tabel pada posting namun kembali ketujuan kita, untuk apa kita menggunakan tabel ini de posting kita? Penulis sendiri menggunakanya untuk tulisan kode maka disaat kita menggunakan kode ini sebagai isi posting maka kita gunakan type Compose yaitu tepe menulis sehingga sekalipun kita mengetikkan code maka tetap tampil sebagai tulisan. Baiklah sekian dulu Pembahasan Blog AapaajA dan sampai jumpa pada topik yang menarik berikutnya, terimakasih.