Tulisan Arab pada Blogger

Artikel 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.

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:

]]></b:skin>

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

<div class="arabic"> بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</div>

Hasilnya:

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

<p class="arabic"> بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</p>

Hasilnya:

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

<span class="arabic"> بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</span>

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

Keterangan:

• Ubahlah font-size dan font-weight untuk mengatur ukuran huruf
• Gunakan kode <span class="arabic"> بِسْمِ اﷲِالرَّحْمٰنِ الرَّحِيْم</span> untuk mencampurnya didalam artikel

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