Spasi Tulisan Arab di Blog/ Web

Segala puji dan syukur hanya untuk Allah semata, sholawat dan salam semoga senantiasa dilimpahkan kepada Nabi Muhammad صلي الله عليه وسلم, keluarga dan sahabatnya رضي الله عنهم dan yang mengikuti mereka hingga akhir zaman. Amma ba'du:

Sebelumnya kami telah memposting Memasukkan Tulisan Arab di WordPress.com [trik ini sepertinya juga berlaku untuk blogspot] dan Cara Menulis Arab di Word; mengatur spasi di office sangatlah mudah seperti dapat dilihat pada gambar berikut:

namun di wordpress dan Blogspot selama ini saya tidak bisa melakukannya, walau sudah mencari di internet dan bertanya kepada rekan blogger lainnya, barulah beberapa pekan terakhir saya dapati dari buku petunjuk HTML. 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: 22px;">TEMPAT TULISAN ARAB DILETAKKAN</span>

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 Blogspot dan Wordpress baik gratis maupun berbayar, semoga bermanfaat...