• Home
  • Aqidah
    • Aqidah Ahlus Sunnah
    • Rukun Iman
    • Tauhid Asma’ was Sifat
  • Manhaj
  • Fiqh
    • Thoharoh
    • Rukun Islam
      • Sholat
      • Zakat dan Sedekah
      • Puasa
      • Haji dan Umroh
    • Sakit dan Jenazah
    • Kaidah Fikih
    • Ekonomi Islam
    • Fiqh Kontemporer
    • Hukuman dan Peradilan
    • Keluarga dan Wanita
  • Adab, Doa dan Dzikir
    • Adab / Etika
    • Doa dan Dzikir
      • Do’a dan Dzikir Online
    • Tazkiyatun Nufus
  • Hadits
    • Kitab Hadits
    • eBook Biografi
    • Online Biografi
  • Qur’an
    • Murottal
  • Tafsir
  • Lainnya
    • Faedah
    • Khutbah Jum’at dan Hari Raya
    • Kesehatan
    • Blogging and Web
    • Tips & Triks
  • Download
    • Download eBook Islam PDF
    • Download eBook Islam Word
  • Daftar Isi
  • Tentang Saya

Download eBook Islam

Memasukkan Tulisan Arab di WordPress.com

17/11/2010 by Ibnu Majjah 15 Comments

Segala puji hanyalah milik Alloh Pemelihara Alam Semesta, Sholawat dan Salam semoga senantiasa terlimpahkan atas Nabi kita Muhammad  صلي الله عليه وسلم, kepada keluarga dan seluruh sahabat beliau. Amma ba’du:

Kebanyakan tulisan arab di web maupun blog adalah seperti berikut :

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

Tampilan tersebut selain kecil biasanya juga hanya dengan font Times New Roman [atau default web/blognya]

Alhamdulillah, hal seperti diatas tidak pada blog yang kita cintai ini, Untuk itu kami tuliskan caranya [untuk para blogger] agar tulisan arab terlihat indah di wordpress [baik gratisan maupun berbayar] yaitu:

    1. Masuk mode HTML
    2. Pastekan kode berikut

<p style=”text-align:right;padding-left:30px;line-height:150%;font-family:Traditional Arabic;font-size:22px;”>tulis atau paste disini tulisan arab disini</p>

  1. Keterangan
  • right: adalah perataan teks, bisa diganti left atau center
  • Traditional Arabic: adalah jenis font/ huruf, dapat diganti dengan Andalus atau Simflified Arabic atau Arabic Typesetting dan font lainnya yang mendukung arabic
  • 22px: adalah besar font, makin besar nilainya maka akan besar tampilannya
  • tulis atau paste disini tulisan arabnya: ganti dengan tulisan arab atau pastekan tulisan arab
  • Padding: jaraknya dari tepi (bisa right atau left)
  • line-height: adalah jarak spasi paragraf
  • Penting: Kita dapat menghilangkan kode yang tidak dibutuhkan semisal padding atau line-height

Contoh:
Font Traditional Arabic dengan 22px, perataan right [kanan]

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

Font Andalus dengan 32px, perataan center [tengah], warna merah

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

Font Sagoe UI 24px, perataan left [kiri], warna biru

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

Catatan:

  1. Pemberian warna kembali ke-mode visual dengan menggunakan tool ‘Select texc color’ dilambangkan dengan huruf A dan dibawahnya garis tebal berwarna [defaultnya hitam]
  2. Font/huruf-huruf tersebut sudah harus terinstall di komputer kita dan pengunjung
  3. Untuk tulisan arab dari Al-Qur’an bisa antum download disini, sehingga tinggal paste
  4. Untuk menulis arab di word dan lainnya silahkan baca disini
  5. contoh tulisan arab yang lumayan banyak silahkan dilihat di doandzikir.wordpress.com
  6. Semoga bermanfaat bagi kita semua..
<p style=”text-align: right;”><span style=”font-family: Traditional Arabic;”><span style=”font-size: 22px;”> tulis atau paste disini tulisan arabnya</span>

Tulisan Terkait

  • Tutorial Instant WordPress
  • Hilangkan Iklan Wordpress dengan AdBlock Plus
  • Cara Install Wordpress di idHostinger
  • Iklan dari WordPress.Com
  • Spasi Tulisan Arab di WordPress.com

Blogging and Web Tagged: Arabic in Wordpress, Kode HTML, Tulisan Arab, Tulisan Arab di Wordpress, Wordpress

Comments

  1. Santi says

    01/12/2010 at 14:26

    nice post…
    please visit this.. http://repository.unand.ac.id”
    thanks

    Balas
  2. mammad says

    14/03/2011 at 05:45

    kalau dari word (lewat plug in Al Quran in Ms Word) trus dicopy ke posting kok ndak bisa ya ? munculnya kotak kotak,… gimana ya,…solusinya..

    Balas
    • Ibnu Majjah says

      14/03/2011 at 10:10

      Memang ngak bisa akhi…
      Untuk tulisan Al-Qur’an pakai saja dari yang versi chm disini, memang tidak sebagus dari Al Qur’an in Word…

      Balas
      • mammad says

        16/03/2011 at 15:20

        Oke thanks infonya, langsung dicoba,…

      • mammad says

        23/03/2011 at 08:39

        linknya ndak bisa dibuka,..

      • Ibnu Majjah says

        24/03/2011 at 07:52

        Benar akhi…
        Sudah diperbaiki linknya, insyaAllah sudah bisa dibuka…

    • sadly cuek says

      05/04/2012 at 04:18

      Gini kk masukan dulu ke MS WORD PICTURE MANAGER… baRu di Send To MSword nya… Itu baru Gak Kotak2 Lagi…
      MS Word Mu Yg 2000 Brp ?

      Balas
  3. Arya Bima says

    29/12/2011 at 11:29

    Sudah masuk mode HTML dan meng-copy-paste kode HTML di poin 2 di atas, tapi tidak bisa. Tag-tag HTML-nya tersederhanakan. Span, style, dll., itu hilang. Apakah dulu bisa, tapi sekarang tidak bisa lagi?

    Balas
    • Ibnu Majjah says

      30/12/2011 at 07:47

      Benar kata akhi…
      Telah saya coba, cara diatas tidak lagi bisa, namun kode telah diperbaiki…

      Balas
  4. elangkusuma says

    10/02/2012 at 15:51

    thanks.. saya coba. apakah setiap mau nulis, caranya seperti ini?? atau hanya sekali saja di pakai cara ini.. thanks

    Balas
    • Ibnu Majjah says

      11/02/2012 at 13:35

      Setiap mau memasukkan tulisan arab akhi…

      Balas
  5. Cipto Abi Yahya says

    10/03/2012 at 23:43

    Reblogged this on Media Online Belajar Islam and commented:
    Klik tautan hidup di atas untuk melihat artikelnya.

    Balas

Tinggalkan Balasan Batalkan balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.

Cari

Berlangganan eBook

Setiap ada eBook baru, otomatis diinformasikan ke email.
Daftarkan email anda, GRATIS

Penting

  • Petunjuk untuk Berlangganan eBook Klik disini
  • Tidak Bisa Membuka eBook CHM Klik disini

Tulisan Terakhir

  • Terjemah Kitab Puasa dari Shahih Muslim
  • Terjemah Kitab Puasa dari Shahih Bukhari
  • Jihad Melawan Perdukunan
  • Menggali Tafsir dan Faedah Ayat Puasa

Arsip

Kategori

Tulisan Terakhir

  • Terjemah Kitab Puasa dari Shahih Muslim
  • Terjemah Kitab Puasa dari Shahih Bukhari
  • Jihad Melawan Perdukunan
  • Menggali Tafsir dan Faedah Ayat Puasa

Tulisan Terakhir

  • Terjemah Kitab Puasa dari Shahih Muslim
  • Terjemah Kitab Puasa dari Shahih Bukhari
  • Jihad Melawan Perdukunan
  • Menggali Tafsir dan Faedah Ayat Puasa

RSS Soal Jawab Agama Islam

  • Apa Definisi Anak Yatim
  • Menerima Darah Orang Kafir
  • Bolehkah Anak Kecil Satu Shaf Dengan Orang Dewasa
  • Sholat Orang yang Masbuq, Jika Imam Kelebihan Rakaat

RSS Doa dan Dzikir

  • Konsisten Dalam Ber-DZIKIR
  • Meminta Ampun dan Taubat
  • Doa Meminta Perlindungan dari Semua Keburukkan
  • Doa Saat Khawatir Hal Buruk Menimpa

Copyright © 2023 · Going Green Pro Theme on Genesis Framework · WordPress · Log in