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>

Perihal Ibnu Majjah
Penuntut Ilmu, [Insya Allah] bermanhaj Ahlussunnah

20 Responses to Memasukkan Tulisan Arab di WordPress.com

  1. Santi mengatakan:

    nice post…
    please visit this.. http://repository.unand.ac.id
    thanks

  2. Ping-balik: Cara Menulis Arab di Word « Download Ebook Islam: Aqidah, Qur'an, Tafsir, Hadits, Fiqh

  3. mammad mengatakan:

    kalau dari word (lewat plug in Al Quran in Ms Word) trus dicopy ke posting kok ndak bisa ya ? munculnya kotak kotak,… gimana ya,…solusinya..

  4. Ping-balik: Spasi Tulisan Arab di WordPress.com « Download Ebook Islam: Aqidah, Qur'an, Tafsir, Hadits, Fiqh

  5. Arya Bima mengatakan:

    Sudah masuk mode HTML dan meng-copy-paste kode HTML di poin 2 di atas, tapi tidak bisa. Tag-tag HTML-nya tersederhanakan. Span, style, dll., itu hilang. Apakah dulu bisa, tapi sekarang tidak bisa lagi?

  6. elangkusuma mengatakan:

    thanks.. saya coba. apakah setiap mau nulis, caranya seperti ini?? atau hanya sekali saja di pakai cara ini.. thanks

  7. Cipto Abi Yahya mengatakan:

    Reblogged this on Media Online Belajar Islam and commented:
    Klik tautan hidup di atas untuk melihat artikelnya.

  8. Ping-balik: (BAGUS) TIPS UNTUK MERUBAH/MENGGANTI FONT TULISAN ARAB DI BLOG WORDPRESS & BLOGSPOT | “MENGATUR SPASI” & MARGIN RATA KANAN/KIRI & TENGAH TULISAN ARAB DI WORDPRESS « ‎ ‎طبيب الطب النبوي | Dokter Pengobatan Na

  9. wijaya mengatakan:

    klo shortkey صلى الله عليه وسلم, رضي الله عنه da untuk sifat2 Alloh gmn akh?

  10. Ping-balik: E- Book Islami « Ngahiliwir

  11. jt4udm mengatakan:

    sy sdh copas tag di atas tsb dan sy coba copas lafadz arab yg sy ketik dg software nonosoft dan hasilnya adalah berbagai macam simbol/kode ASCII, mohon bantuannya

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s