Cara menampilkan Tulisan Arab dengan CSS

Sahabat abu farhan telah membuat sebuah tutorial tentang Cara menampilkan Tulisan Arab dengan CSS yang sangat menarik yaitu tulisanya bergaya bahasa arab. Postingan ini dikhususkan buat para blogger Muslim yg menggunakan bahasa arab untuk menulis dalil2 dari Al Qur’an dan hadits.Sebelum memposting ini gus Ikhwan mengirimkan e-mail ke kang abu farhan buat minta izin??

Jika anda tertarik menggunakan cara menampilkan Tulisan Arab dengan CSS untuk blog anda, silahkan anda langsung membaca tutorialnya pada blog master pemrograman kita Abu Farhan

Cara yang di paparkan kang abu adalah sebagai berikut:
1. Login blogger
2. Tata letak
3. Edit HTML
4. Masukkan kode berwarna biru di bawah ini di atas ]]></b:skin>

.arabic {font-family: Traditional Arabic;font-size: 24px;direction:rtl;line-height: 200% ;font-weight: bold;}

5. Simpan template

Misal Anda ingin menulis basmalah dalam arab seperti berikut بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم silahkan Anda gunakan cara seperti di bawah ini.

 <span class="arabic">tulisan arab anda disini</span>

Misal Anda tuliskan
<span class="arabic"> بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</span>  
maka hasilnya menjadi
بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Selamat mencoba. Open source : Abu Farhan