Menyimpan Al-Qur'an Flash Di Blog

Bulan Ramadhan tahun 2013 ini akan segera berakhir pada beberapa hari ke depan lagi, dan tentunya masih ada kesempatan untuk memperbanyak amalan di bulan suci ini menyerupai salah satu halnya memperbanyak membaca Al-Qur'an. 

Untuk itu kita sebagai pemilik blog dapat mengakibatkan blog kita sebagai sarana ibadah kita dengan cara menyimpan Al-Qur'an Flash di blog kita untuk kita baca dan pelajari.

Dengan Al-Qur'an Flash ini kita membaca Al-Qur'an halaman per halaman. Kita membuka halamannya menyerupai halnya membuka halaman Al-Qur'an sehingga lebih menawarkan rasa kasatmata dikala membacanya. Juga kita dapat sambil mendengarkannya sehingga kita dapat berguru membaca Al-Qur'an. Untuk screenshotnya menyerupai gambar di bawah ini.

DEMO

Bagaimana Anda juga ingin membuatnya di blog Anda? Silahkan copy arahan di bawah ini dan paste di postingan HTML. Agar tidak memberatkan blog sebaiknya simpan di halaman statis blog.

 <iframe src="http://www.quranflash.com/affiliate?en" frameborder="0" style="width: 100%; height: 700px;"></iframe>

Agat tampilannya dapat lebar tanpa sidebar, silahkan tambahkan tag conditional untuk halaman statis-nya. Sebagai referensi tag conditional yang saya pakai menyerupai di bawah ini.

 <style type="text/css">
 #sidebar-wrapper,#sidebar2-wrapper,#sidebar3-wrapper,#sidebar4-wrapper,#sidebar5-wrapper,#sidebar6-wrapper,.breadcrumbs, .post-footer, #comments, #blog-pager,#hosting,#bbn6-box{display:none}
 .post h1,.post h2{text-align:center}
 .main-wrapper{width:100%}
 </style>

Kode yang berwarna merah untuk menghilangkan bab yang tidak ingin ditampilkan menyerupai sidebar, breadcrumb, komentar, blog pager, dan llain-lain.

Kode yang berwarna biru biar title postingan berada di tengah.

Kode berwarna ungu biar main wrapper yang menjadi wadah postingan menjadi lebar 100%

Silahkan sesuaikan tag conditionalnya dengan blog masing-masing dan simpan di bawah arahan Al-Qur'an Flash tadi, sehingga penampilannya akan menyerupai di bawah ini

 <iframe src="http://www.quranflash.com/affiliate?en" frameborder="0" style="width: 100%; height: 700px;"></iframe> 
 <style type="text/css">
 #sidebar-wrapper,#sidebar2-wrapper,#sidebar3-wrapper,#sidebar4-wrapper,#sidebar5-wrapper,#sidebar6-wrapper,.breadcrumbs, .post-footer, #comments, #blog-pager,#hosting,#bbn6-box{display:none}
 .post h1,.post h2{text-align:center}
 .main-wrapper{width:100%}
 </style>

Silahkan lakukan preview postingan untuk memastikan pemasangannya sudah benar, lalu Publish postingannya.

Sumber kode: http://www.quranflash.com/

Sumber https://www.kompiajaib.com/

Share this post