Cara Tambahkan Tulisan Arab di Blog !

rtikel ini dikhususkan bagi blogger Islam yang ingin menampilkan ayat-ayat Al-Qur'an, Hadist, atau tulisan arab lainnya didalam artikel blog-nya. Hal tersebut tidaklah sulit karena kita hanya membutuhkan sedikit tambahan kode CSS (cascading style sheet) didalam template blog kita agar tulisan arab tersebut dapat ditampilkan didalam artikel blog. Mau mencoba? Silahkan ikuti langkah dibawah ini.

Contoh Tulisan Arab

Langkah integrasi kode CSS tulisan arab pada template blog
Langkah 1
Login ke Blogger
Langkah 2
Masuk ke "Tata Letak - Edit HTML"
Langkah 3
Cari kode dibawah ini:

]]>

Langkah 4
Masukan (copy paste) kode CSS dibawah ini diata kode pada langkah 3:

.arabic {

 font-family: Traditional Arabic;

 font-size: 24px;

 direction:rtl;

 line-height: 200% ;

 font-weight: bold;

 }

Langkah 5
Simpan template

Langkah dan contoh integrasi tulisan arab pada artikel blog

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

Hasilnya:

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

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

Hasilnya:

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

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

Hasilnya:
بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم

Keterangan:

• Ubahlah font-size dan font-weight untuk mengatur ukuran huruf
• Gunakan kode بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم untuk mencampurnya didalam artikel

Selamat mencoba semoga berhasil... Tinggalkan jejak pada komentar dan Happy Blogging... ;)