Cara Membuat Tulisan Bahasa Arab di Posting Blog

Membuat tulisan bahasa arab dengan rapi dan bagus di posting blog Anda, ternyata cukup sederhana

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.

Nama

Akhlaq,29,Android,48,Anime,3,Apps,20,Aqidah,4,Asuransi,4,Aswaja,29,Berkas,3,Bisnis Online,12,Blogging,171,Brimo,6,Doa-doa,39,Fiqih,27,Game,27,Ilmu Hadits,51,Inspirasi,52,Internet,93,Kaidah I'lal,20,Keluarga,34,Kisah teladan,115,Kitab Kuning,17,Life,93,Pekerjaan,11,Pendidikan,30,Ramadhan,8,Relationship,29,Religi,79,Satwa,1,Sholawat,37,Sya'ban,6,Tajwid,40,Tarawih,6,Tayammum,4,Tips,38,Windows,19,Youtube,22,
ltr
item
Pelangiblog: Cara Membuat Tulisan Bahasa Arab di Posting Blog
Cara Membuat Tulisan Bahasa Arab di Posting Blog
Membuat tulisan bahasa arab dengan rapi dan bagus di posting blog Anda, ternyata cukup sederhana
https://1.bp.blogspot.com/-LlN_jItX2iA/V75M4EgmCZI/AAAAAAAACaU/PJHz2wEk9nsyM9Abn_l4pTGEYig_dPC_ACPcBGAYYCw/s600/Cara%2BRapi%2BMembuat%2BTulisan%2BBahasa%2BArab%2Bdi%2BPosting%2BBlog.jpg
https://1.bp.blogspot.com/-LlN_jItX2iA/V75M4EgmCZI/AAAAAAAACaU/PJHz2wEk9nsyM9Abn_l4pTGEYig_dPC_ACPcBGAYYCw/s72-c/Cara%2BRapi%2BMembuat%2BTulisan%2BBahasa%2BArab%2Bdi%2BPosting%2BBlog.jpg
Pelangiblog
https://www.pelangiblog.com/2016/08/cara-rapi-membuat-tulisan-bahasa-arab.html
https://www.pelangiblog.com/
https://www.pelangiblog.com/
https://www.pelangiblog.com/2016/08/cara-rapi-membuat-tulisan-bahasa-arab.html
true
6152984874501812302
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS PREMIUM CONTENT IS LOCKED STEP 1: Share to a social network STEP 2: Click the link on your social network Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy Table of Content