pusatdata

Embed AlQuran di blogguru PAI

Apr 22nd, 2021 (edited)
187
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 1.17 KB | None | 0 0
  1.  
  2. https://read.quranexplorer.com/1/1/7/Usmani/Mishari-Rashid/Indonesian/Tajweed-OFF
  3.  
  4.  
  5. <iframe border="0" src="https://read.quranexplorer.com/1/1/7/Usmani/Mishari-Rashid/Indonesian/Tajweed-OFF" style="border: 0px; height: 500px; width: 680px;"></iframe>
  6.  
  7. ===============
  8. Ini Pakai API KEY: https://docs.globalquran.com/index.php/API:Data/Complete_Quran
  9. Register to get API: https://docs.globalquran.com/
  10.  
  11. <!DOCTYPE html>
  12. <html>
  13. <head>
  14. <style>#demo-1{ color:lightBlue; }</style>
  15. <script src="http://code.jquery.com/jquery-latest.js"></script>
  16. </head>
  17. <body>
  18. <div id="demo-1">
  19. </div>
  20. <script>
  21. $.ajaxSetup({ cache: true, jsonpCallback: 'quranData' }); // define ajax setup
  22. $.getJSON("http://api.globalquran.com/complete/quran-simple?key=api_key&jsoncallback=?", {
  23. format : "jsonp"
  24. }, function(data)
  25. {
  26. $.each(data.quran, function(i, by)
  27. {
  28. $.each(by, function (verseNo, line) {
  29. $("<p>").html(line.surah+':'+line.ayah+' '+line.verse).appendTo("#demo-1");
  30. if (verseNo == 10)
  31. return false;
  32. });
  33. });
  34. });
  35. </script>
  36. </body>
  37. </html>
  38.  
  39.  
  40.  
  41. Pakai Plugin WP
  42. https://blog.globalquran.com/help/wordpress-plugin/
  43.  
Add Comment
Please, Sign In to add comment