Cara menampilkan Tulisan Arab dengan CSS

Tweet

| | Print This! | No comments

Do you like this post?

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>

maka hasilnya menjadi
بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Selamat mencoba. Open source : blocker comunity

ket: abaikan tanda (kurung)