Cara Membuat Tulisan Bahasa Arab di Posting Blog

Blogspot atau yang lebih mudahnya kamu kenal dengan Blogger adalah platform gratis untuk memulai blogging dari Google. Tentunya ini adalah platform blog gratis yang banyak digunakan, khususnya oleh para blogger Indonesia.

Namun, karena blogspot atau blogger gratis, maka tentu kamu masih harus mengasah keterampilan dalam memainkan platform ini, khususnya belajar sedikit demi sedikit untuk mengkoding HTML. Dan tak perlu khawatir, karena kamu akan banyak menemukan tutorial dan referensi dari blog-blog di internet dalam hal ini.

Nah, mari kita berbicara berdasarkan topik kali ini, yaitu menulis bahasa arab dengan rapi dan bergaya di Blogspot atau Blogger. Perlu diketahui bahwa tanpa penambahan kode HTML, tulisan bahasa arab yang akan kamu posting akan terlihat kurang bagus bagi mata pengunjung, ya sedikit norak.

Untuk itulah, jika kamu ingin memberikan tulisan bahasa arab yang bagus dan rapi di blog, pastinya kamu harus mengetahui kode HTML yang akan kamu tambahkan. Tujuannya hanya sederhana, yaitu memberikan kepuasan pengunjung dengan tulisan arab yang rapi dan mudah dipahami.

Jadi, di sini saya sudah merangkum kode HTML sederhana yang sudah cukup rapi untuk membuat tulisan arab di blog, dan untuk selanjutnya kamu bisa mengembangkan sendiri.


Bagaimana Cara Membuat Tulisan Bahasa Arab di Posting Blog Dengan Sederhana, Rapi, dan Bagus ?

Kamu bisa melihat gambar di atas, bagaimana tulisan tersebut terlihat cukup rapi dibanding tanpa penambahan kode HTML. Dan caranya juga cukup mudah dan sederhana, silahkan disimak lebih lanjut, karena di sini saya akan menjelaskan 2 cara yang berbeda :


Cara Menulis Arab di Posting Blog (Manual)

1. Masuk ke akun Blogger

2. Klik “New Post” untuk memulai menulis

3. Silahkan mulai menulis seperti biasa dengan memasukkan tulisan bahasa arab

4. Klik icon pensin pada halaman penulisan (dipojok kiri atas)

5. Pilih “HTML View

6. Letakkan kode berikut berada di antara tulisan arab, lihat gambar agar lebih jelas :

Kode :

<div style="text-align: right;">
<b><span style="font-family: &quot;Traditional Arabic&quot;;"><span style="font-size: 24px; line-height: 150%;">
TULISAN BAHASA ARAB DI SINI
</span></span></b></div>


Catatan :

  • Kode warna ungu menunjukkan sisi tulisan sebelah kanan, bisa diganti "left" = kiri, "center" = tengah
  • Kode warna merah menunjukkan jenis font tulisan yang kamu gunakan, bisa diganti sesuai keinginan
  • Kode warna biru menunjukkan ukuran font tulisan
  • Kode warna hijau menunjukkan jarak line spasi antara bawah dan atas tulisan bahasa arab

6. Klik “Publish” jika sudah siap untuk menerbitkan artikel baru

DEMO bisa dilihat pada gambar di atas atau tulisan di bawah ini :

اَللّٰهُمَّ صَلِّ عَلٰى سَيِّدِنَا مُحَمَّدٍ

Lebih detail, silahkan tonton videonya :


Cara Menulis Arab di Posting Blog (Dengan CSS)

Cara membuat tulisan Bahasa Arab sederhana dan menarik dengan menggunakan kode CSS lebih mudah daripada secara manual :

1. Masuk ke dashboarb blogger

2. Klik "Theme"

3. Klik icon segitiga (di samping "Customize/Sesuaikan")

4. Pilih "Edit HTML"

5. Letakkan kode di bawah tepat di atas kode ]]></b:skin>

.arab{
  font-size:150%;
  font-family:"Traditional Arabic","Times New Roman",Georgia,Serif;
  font-weight: Bold;
  text-align: right;
  line-height: 150%
}

6. Klik icon save untuk menyimpan


Setiap kamu membuat posting, masuklah ke halaman "HTML View" dan letakkan tulisan arabnya di antara kode di bawah ini :

<p class="arab"> Tulisan Arab </p>

DEMO di bawah ini :

اَللّٰهُمَّ صَلِّ عَلٰى سَيِّدِنَا مُحَمَّدٍ

Untuk lebih jelasny, bisa ditonton tutorial videonya di bawah :

Demikian, terima kasih.

Next Post Previous Post