0 Cara Pasang Widget Al-Qur'an pada Blog

Widget Al-Qur'an di buat atau di rilis oleh http://www.alquran-indonesia.com/ sebuah situs Al-Qur'an Online Terjemah Bahasa Indonesia.Widget Al-Qur'an dilengkapi oleh Fasilitas audio per surat dan audio per ayat dilengkapi dengan latin dan tentu saja terjemahan dan asbabun nuzul (sebab turunnya ayat). Insyaallah dengan adanya Widget Al-Qur'an, blog sobat blogger akan lebih berkah dan bermamfaat buat orang lain.

• Log In di http://www.blogger.com/
• Pada Dashbor klik Design
• Klik Add a Gadget dan HTML Java Script
• Copy kode di bawah ini dan paste pada kolom yang tersedia

view plainprint?

1. <center><iframe src="http://m.alquran-indonesia.com/mquran/index.php/quran" style="border: 0px; height: 400px; width: 499px;" frameborder="0"></iframe>  
2.   
3.     <div class="clear"></div><span class="widget-item-control">  
4.     <span class="item-control blog-admin">  
5.     <a class="quickedit" href="http://www.blogger.com/rearrange?blogid=4601829210781800751&widgettype=html&widgetid=html2&action=editwidget&sectionid=footer-1" target="confightml2" title="edit">  
6.     <img alt="" src="http://img1.blogblog.com/img/icon18_wrench_allbkg.png" height="18" width="18">  
7.     </a>  
8.     </span>  
9.     </span>  
10.     <div class="clear"></div><table class="section-columns columns-2" border="0" cellpadding="0" cellspacing="0"><tbody>  
11. <tr>     <td class="first columns-cell"><div class="foot section" id="footer-2-1"></div></td>     <td class="columns-cell"><div class="foot section" id="footer-2-2"></div></td>     </tr>  
12. </tbody>     </table></center>  
13.  <div style="font-size: 9px; padding: 8px 0px 0px 0px;"><a href="http://bloggertutorialblog.blogspot.com/" title="Al-Qur'an Widget">Al-Qur'an Widget</a> by Blogger Tutorial Blog </div>  

• Klik Simpan

Tambahan :
height: 400px adalah ukuran tinggi dan width: 499px; adalah ukuran lebar, silahkan sobat blogger sesuaikan.

Komentar →