Tulisan Terbaru

Translate

Hosting Refferal

Jumat, 10 Juli 2009

Menampilkan Tabel Nilai Ke dalam Blog

(Posting Terakhir dari Tiga Tulisan)

Banyaknya permintaan para dosen di lingkungan STAIN Metro yang menginginkan agar dapat memposting nilai ujian ke dalam blog. Dalam pemahaman sederhana, mungkin seperti yang biasa dilakukan ketika memposting artikel biasa yang tidak ada tabel, dengan cara menulis langsung di kotak entri baru atau dengan cara copy paste.
Akan tetapi, untuk tulisan yang memuat tabel ternyata tidak bisa dilakukan seperti itu. ada beberapa script/kode HTML yang harus dicantumkan, sehingga tampilannya menjadi tidak berantakan lagi.

Untuk membantu memudahkan pembuatan tabel nilai dalam blog, berikut saya buatkan contoh bagaimana membuat tabel nilai. Namun sebelumnya harus dilihat dulu bagaimana struktur tabel tersebut, terdiri dari berapa kolom dan berapa lajur. Hal ini penting diperhatikan mengingat kita harus jeli menempatkan beberapa kode/script HTML yang dan yang berbeda.

Berikut saya buatkan contoh nilai asli untuk mata kuliah Fiqh Mua'amalah 1 Prodi D3 Perbankan Syari'ah STAIN Jurai Siwo Metro Tahun Akademik 2008 - 2009. (Nilai .pdf download disini)

Mata Kuliah : FIQH MU'AMALAT I

Dosen : Agus Hamdani

Tahun Akademik : 2008 - 2009

Semester : Genap

NO NAMA NPM RATA-RATA NILAI MUTU NILAI LAMBANG
1 Bowo Setiawan 0844318 83 3,75 A
2 Hesty Catur Ningsih 0844348 80 3,58 A
3 Maya Oktapia 0844398 80 3,58 A
4 Rina Nuryani 0846708 80 3,58 A
4 Tri Wulansari 0846718 82 3,74 A
6 Saptari Isnayani M. 0846728 8 3,66 A
7 Ari Kusmanto 0846738 82 3,74 A
8 Ema Purwanti 0846748 80 3,66 A

Lakukanlah copy paste kode2 berikut ini ke dalam blog anda dengan menempatkan kode ini dalam kotak HTML posting, bukan area tulis...Anda tinggal menambah jumlah kolomnya sesuai dengan kebutuhan anda

<table width="400" bgcolor="White" border="1">

<tbody><tr bgcolor="yellow">

<td align="center">

NO

</td>

<td align="center">

NAMA

</td>

<td align="center">

NPM

</td>

<td align="center">

RATA-RATA

</td>

<td align="center">

NILAI MUTU

</td>

<td align="center">

NILAI LAMBANG

</td>

</tr><tr bgcolor="yellow">

</tr><tr>

<td align="center">

1

</td>

<td align="center">

BOWO SETIAWAN

</td>

<td align="center">

0844318

</td>

<td align="center">

83

</td>

<td align="center">

3,75

</td>

<td align="center">

A

</td>

</tr>

</table>

Selanjutnya, anda hanya tinggal melakukan copy paste kode HTML dengan nomor urut berikutnya sebanyak jumlah Mahasiswa yang ada dalam daftar nilai kita

Catatan

<table width="400" bgcolor="White" border="1"> <tbody><tr bgcolor="yellow"> table width=400 ini dapat disesuaikan ukurannya sesuai dengan lebar area posting dalam blog kita. Begitu juga bgcolor=White danpat kita ubah warnanya sesuai dengan warna kesukaan anda.

SELAMAT BEREKSPERIMEN

1 komentar: