Cara Memasukkan Ayat al Quran Ke dalam Postingan Blog

Cara Memasukkan Ayat al Quran Ke dalam Postingan Blog || Salam buat sobat sekalian. Kali ini saya akan berbagi tips, cara ataupun tutorial tentang memasukkan ayat-ayat al Qur'an ke dalam postingan blog kita. Sebenarnya ada banyak cara bagaimana cara memasukkannya, diantaranya menjadikan ayat-ayat al Qur'an tersebut sebagai image, hanya copi paste teks arab, mengambil link dari blog orang lain dan menampilkan copi paste ditambah edit CSS sedikit.

Nah dikarenakan ada banyak cara bagaimana memposting ayat-ayat al Qur'an ke dalam blog, saya mencoba berbagi dengan menggunakan langkah yang terakhir yaitu copi paste plus ditambah edit css, tidak rumit kok.

Sebagai contoh sobat bisa melihat image berikut

Oke kita langsung ke menuju langkah-langkahnya

Pertama, masukkan script CSS berikut di postingan blog.
Caranya masuk ke Edit Template Blog, lalu tambahkan kode CSS di atas kode  ]]></b:skin> untuk menemukannya tekan secara bersamaan ctrl+f ketik  ]]></b:skin>

/*=== Huruf Arab ===*/ .arabic { font-size: 26px; font-weight: normal; font-family: 'KFGQPC Uthman Taha Naskh', KFGQPC_Naskh, 'traditional arabic'; margin-top: 10px; margin-bottom: 10px; padding-left: 20px; padding-right: 20px; direction: rtl; line-height: 34px; } .translate { margin-top: 0px; margin-bottom: 20px; padding-left: 20px; padding-right: 20px;}
Lalu simpan kembali. Lanjut pilih entri baru.

Kedua, setelah membuka entri terbaru pilih mode HTML
Copi pastekan script berikut

<div class="arabic"> Ayat Al-Qur'an tempelkan di sini </div> <div class="translate"> Terjemahan tempelkan di sini </div>
Ganti kalimat "Ayat Al-Qur'an tempelkan di sini" dan "Terjemahan tempelkan di sini" dengan teks arab yang bisa diperoleh dari file ms word atau dengan langsung membuka Quran Explore atau http://www.quranexplorer.com/quran/ tinggal search nama surat dan ayat yang mau ditampilkan, nanti secara otomatis akan muncul.

SS Quran Explore

Ketiga, langkah terakhir adalah lakukan preview atau pratinjau agar postingan kita tidak ada yang salah, periksa kembali huruf dan harokatnya.

Oke sekian dulu dari saya.
Semoga manfaat