Memasukkan Tulisan Arab di WordPress.com

Segala puji hanyalah milik Alloh Pemelihara Alam Semesta, Sholawat dan Salam semoga senantiasa terlimpahkan atas Nabi kita Muhammad  صلي الله عليه وسلم, kepada keluarga dan seluruh sahabat beliau. Amma ba’du:

Kebanyakan tulisan arab di web maupun blog adalah seperti berikut :

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Tampilan tersebut selain kecil biasanya juga hanya dengan font Times New Roman [atau default web/blognya]

Alhamdulillah, hal seperti diatas tidak pada blog yang kita cintai ini, Untuk itu kami tuliskan caranya [untuk para blogger] agar tulisan arab terlihat indah di wordpress [baik gratisan maupun berbayar] yaitu:

1. Masuk mode HTML
2. Pastekan kode berikut

<p style=”text-align:right;padding-left:30px;line-height:150%;font-family:Traditional Arabic;font-size:22px;”>tulis atau paste disini tulisan arab disini</p>

1. Keterangan

• right: adalah perataan teks, bisa diganti left atau center
• Traditional Arabic: adalah jenis font/ huruf, dapat diganti dengan Andalus atau Simflified Arabic atau Arabic Typesetting dan font lainnya yang mendukung arabic
• 22px: adalah besar font, makin besar nilainya maka akan besar tampilannya
• tulis atau paste disini tulisan arabnya: ganti dengan tulisan arab atau pastekan tulisan arab
• Padding: jaraknya dari tepi (bisa right atau left)
• line-height: adalah jarak spasi paragraf
• Penting: Kita dapat menghilangkan kode yang tidak dibutuhkan semisal padding atau line-height

Contoh:
Font Traditional Arabic dengan 22px, perataan right [kanan]

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Font Andalus dengan 32px, perataan center [tengah], warna merah

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Font Sagoe UI 24px, perataan left [kiri], warna biru

بِسْمِ اللهِ الرَّحْمنِ الرَّحِيمِ

Catatan:

1. Pemberian warna kembali ke-mode visual dengan menggunakan tool ‘Select texc color’ dilambangkan dengan huruf A dan dibawahnya garis tebal berwarna [defaultnya hitam]
2. Font/huruf-huruf tersebut sudah harus terinstall di komputer kita dan pengunjung
3. Untuk tulisan arab dari Al-Qur’an bisa antum download disini, sehingga tinggal paste
4. Untuk menulis arab di word dan lainnya silahkan baca disini
5. contoh tulisan arab yang lumayan banyak silahkan dilihat di doandzikir.wordpress.com
6. Semoga bermanfaat bagi kita semua..

<p style=”text-align: right;”><span style=”font-family: Traditional Arabic;”><span style=”font-size: 22px;”> tulis atau paste disini tulisan arabnya</span>