- Sebelumnya, Saya sudah posting Cara Membuat Tulisan Bismillah Di Setiap Awal Postingan Blog. Untuk kesempatan kali ini, Saya akan coba postingan Cara Membuat Huruf Arab di Postingan Blog AMP HTML. Postingan ini sangat cocok untuk Anda yang suka menyajikan konten agama Islam pada blog Anda. Cara ini juga sudah valid AMP, jadi kondusif bagi Anda yang sudah memakai blog AMP HTML.
Untuk caranya silahkan ikuti langkah di bawah ini biar goresan pena Arab di konten Anda menjadi rapih dan gampang dibaca.
Langkah pertama.
Silahkan simpan CSS berikut ini di style amp-custom blog Anda.
@font-face {
font-family: 'me_quran';
src: url('https://cdn.rawgit.com/KompiAjaib/font/master/me_quran.eot');
src: url('https://cdn.rawgit.com/KompiAjaib/font/master/me_quran.eot?#iefix') format('embedded-opentype'), url('https://cdn.rawgit.com/KompiAjaib/font/master/me_quran.woff') format('woff'), url('https://cdn.rawgit.com/KompiAjaib/font/master/me_quran.ttf') format('truetype'), url('https://cdn.rawgit.com/KompiAjaib/font/master/me_quran.svg#me_quran') format('svg');
font-weight: normal;
font-weight: 400;
font-style: normal;
}
.arab {
font-size: 22px;
line-height: 2.2;
font-family: me_quran, sans-serif;
font-weight: normal;
text-align: right;
direction: rtl;
}
Langkah kedua
Jika ingin menambah goresan pena arab di dalam postingan, silahkan gunakan instruksi menyerupai ini.
<div class="arab">
Tulisan Arab di sini
</div>
Tulis instruksi tadi pada mode HTML.
Makara lebih baik, tulis dulu semua postingan yang memakai aksara latin hingga final dengan mode Compose. Setelah final lalu beralihkan ke mode HTML, barulah tuliskan aksara Arab-nya dengan instruksi di atas. Untuk setiap baris ayat tambahkan instruksi
<br /> untuk baris baru.Contoh penulisannya menyerupai di bawah ini (dalam mode HTML), Q.S. Al-Fatihah.
<div class="arab">
بِسۡمِ اللهِ الرَّحۡمٰنِ الرَّحِيۡمِ<br />
اَلۡحَمۡدُ لِلّٰهِ رَبِّ الۡعٰلَمِيۡنَۙ<br />
الرَّحۡمٰنِ الرَّحِيۡمِۙ<br />
مٰلِكِ يَوۡمِ الدِّيۡنِؕ<br />
اِيَّاكَ نَعۡبُدُ وَاِيَّاكَ نَسۡتَعِيۡنُؕ<br />
اِهۡدِنَا الصِّرَاطَ الۡمُسۡتَقِيۡمَۙ<br />
صِرَاطَ الَّذِيۡنَ اَنۡعَمۡتَ عَلَيۡهِمۡ ۙ<br />
غَيۡرِ الۡمَغۡضُوۡبِ عَلَيۡهِمۡ وَلَا الضَّآلِّيۡنَ
</div>
Sumber: https://xomlic.blogspot.com/search?q=cara-membuat-postingan-di-blog-dengan
Share this Article