Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Wednesday, March 19, 2014

Memasukkan Teks Arab (Hijaiyyah) di Blogger

Beberapa postingan di dalam blog ini menggunakan teks Arab (huruf hijaiyyah) karena saya biasa menyitir Al-Quran dalam posting yang bertemakan Islam. Untuk menulis arab di blogger, agar terlihat bagus saya menggunakan setting/kode html berikut,

<div style="text-align: right;">
<span style="font-family:traditional arabic; font-size: 28px; line-height: 200%;">
  === teks arab disini ===
</span>
</div>

Hasilnya misalnya adalah sebagai berikut,
بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ

Update 12 Januari 2016 
  • rev1: removed "font-family: Traditional arabic" in font style
  • Karena firefox yang baru tidak mendukung font traditional arabic (maybe??) akan lebih baik menggunakan font arabic default dari browser, sehingga hanya perlu memformat dengan html seperti diatas. 
  • Untuk bisa menggunakan tipe font "traditional arabic" anda harus menginstall nya terlebih dahulu. Download disini, dan dobel klik untuk menginstallnya.

Wednesday, March 12, 2014

Membuat Table Sederhana dengan HTML di Blogger Blogspot

Untuk membuat tabel sederhana di blogger blogspot, cukup mudah dan sederhana juga dengan kode html berikut,
<table>
<tbody>
<tr>
<td>Cell 1 </td>
<td>Cell 2 </td>
</tr>
<tr>
<td>Cell 3 </td>
<td>Cell 4 </td>
</tr>
</tbody>
</table>
Hasilnya adalah sebagai berikut,

Cell 1 Cell 2
Cell 3 Cell 4

Sedangkan CSS yang saya pakai dalam blog adalah sebagai berikut,
table, td, th
{
border:1px solid #444444;        /* warna garis tabel
border-collapse:collapse;
text-align:left;
padding:3px;
}

Keterangan:
  • <th>: table header, mendefinisikan cell yang merupakan header dari grup cell table. 
  • <tr>: table row, mendifinisikan elemen kolom dalam cell tabel.
  • <td>: table data, mendefinisikan sebual cell dari tabel yang berisi data.
Related Posts Plugin for WordPress, Blogger...