Format Tulisan Arab Pada Template Blogger

Bagi para blogger yang biasa menulis arab pada blog tentunya ingin agar tulisan arabnya lebih mudah dibaca oleh para pengunjung. Hal tersebut tentu saja mudah dengan cara memodifikasi templatenya. Caranya? buatlah oleh Anda beberapa selector class arab seperti di bawah ini:

.arab{
  font-size:200%;
  font-family:"Traditional Arabic","Times New Roman",Georgia,Serif;
  background: #F8F8F8;
  text-align: right;
  margin: 6px;
  padding: 6px;
  border: 1px dotted #223344;
  line-height: 150%
}
.basmalah{
  font-size:200%;
  font-family: "Traditional Arabic","Times New Roman",Georgia,Serif;
  font-weight: Bold;
  background: #F8F8F8;
  text-align: center;
  margin: 10px;
  padding: 10px;
  border: 1px dotted #223344;
  line-height: 150%
}
.syair{
  font-size:200%;
  font-family:"Traditional Arabic","Times New Roman",Georgia,Serif;
  background: #F8F8F8;
  text-align: center;
  margin: 5px;
  padding: 5px;
  border: 1px dotted #223344;
  line-height: 100%;
}
.arabbiasa{
  font-size:170%;
  font-family:"Traditional Arabic","Times New Roman",Georgia,Serif;
  line-height: 100%;
}

Selanjutnya copy-paste code CSS diatas pada body tempat meletakan code CSS. Kemudian sarankan kepada para pengunjung untuk mendownload fonts-nya seperti postingan yang telah kami buat sebelumnya.

Cara penggunaan:

Letakkan kalimat-kalimat arab (ketika Anda membuat postingan) pada tag awal (<p class="arab">) dan tag akhir (</p>) seperti contoh dibawah ini:

• <p class="arab">huruf arab dengan paragraf</p>
• <p class="syair">syair arab</p>
• <span class="arabbiasa">huruf arab tanpa paragraf</span>
• <p class="basmalah">Lafadh basmalah</p>

Tentu saja Anda dapat memodifikasi seluruh code CSS disesuaikan dengan keinginan Anda.