Cara Merubah Tulisan Arab Di Blogspot Dan Wordpress

Merubah Tulisan Arab Di Blogspot Dan Wordpress, 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, kini bisa Merubah Tulisan Arab Di Blogspot Dan Wordpress Gratissan (adapun WP yang berbayar disana ada plugin yang mendukung penulisan arab yaitu [plugin ini ##eye##] 

adapun [untuk para blogger] agar tulisan arab terlihat indah di wordpress [baik gratisan maupun berbayar]  caranya yaitu:

Masuk mode HTML
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>

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

Cara 2:

Silahkan anda  rubah dulu “mode visual” ke mode HTML dan sisipkan ini

<p style=”text-align: right;”> <span style=”color: red; font-family: traditional arabic; font-size: x-large;”>xxxxxxxxx</span></p>

xxxxxxxxx-nya aku ganti dengan huruf arab yang akan aku postkan. Dengan demikian fontnya menjadi traditional arabic dengan ukuran x-large atau bisa disesuaikan dengan keinginan large atau bahkan xx-large. Juga seperti umumnya tulisan arab, menjadi rata kanan. Di sini aku juga memakai warna merah, silahkan sesuaikan dengan selera saja.

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:
• Pemberian warna kembali ke-mode visual dengan menggunakan tool ‘Select texc color’ dilambangkan dengan huruf A dan dibawahnya garis tebal berwarna [defaultnya hitam]
• Font/huruf-huruf tersebut sudah harus terinstall di komputer kita dan pengunjung.

MENGATUR SPASI TULISAN ARAB DI WORDPRESS

Sebenarnya hal ini (spasi) tidaklah penting kalau hanya untuk tulisan latin, namun bagi tulisan arab terutama dengan baris akan terlihat saling bertaut baris pertama dengan baris berikutnya, perhatikan tulisan arab berikut dari ayat paling mulia ‘Ayat Kursi’:

اللّهُ لاَ إِلَـهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ

Dengan memasukkan kode berikut dalam mode HTML:

<p style=”text-align: right; line-height: 300%;” ><span style=”font-family:Traditional Arabic; “><span style=”font-size: 24px;”>TEMPAT TULISAN ARAB DILETAKKAN</span></span></p>

Akan menghasilkan tulisan sebagai berikut:

اللّهُ لاَ إِلَـهَ إِلاَّ هُوَ الْحَيُّ الْقَيُّومُ لاَ تَأْخُذُهُ سِنَةٌ وَلاَ نَوْمٌ لَّهُ مَا فِي السَّمَاوَاتِ وَمَا فِي الأَرْضِ مَن ذَا الَّذِي يَشْفَعُ عِنْدَهُ إِلاَّ بِإِذْنِهِ يَعْلَمُ مَا بَيْنَ أَيْدِيهِمْ وَمَا خَلْفَهُمْ وَلاَ يُحِيطُونَ بِشَيْءٍ مِّنْ عِلْمِهِ إِلاَّ بِمَا شَاء وَسِعَ كُرْسِيُّهُ السَّمَاوَاتِ وَالأَرْضَ وَلاَ يَؤُودُهُ حِفْظُهُمَا وَهُوَ الْعَلِيُّ الْعَظِيمُ

Kode yang berperan dalam hal ini adalah ‘line-height:..%’, kita dapat bereksprimen dengan parsentase-nya…
Demikian yang dapat kami suguhkan kepada pembaca, terutama bagi rekan-rekan bloger yang menggunakan wordpress baik gratis maupun berbayar, semoga bermanfaat…

Sumber : https://kaahil.wordpress.com/

Tweet

Pangandaran Mengaji

Media Dakwah Sunnah Pangandaran dan Sekitarnya

Dapatkan update artikel terbaru dengan memasukkan alamat email anda dibawah ini: