Segala puji bagi Allah, shalawat dan salam semoga terlimpah kepada Rasulullah, kepada keluarganya, para sahabatnya, dan orang-orang yang mengikutinya hingga hari Kiamat, amma ba’du:
Berikut ini beberapa widget Islami yang cocok dimasukkan dalam blog Anda. Silahkan dicopy kodenya dan dimasukkan ke dalam html/java script yang ada dalam gadget.
1. Widget Tadabbur Al Qur’an
<a href=”http://goo.gl/dLgyD
” target=”_blank”>
<image src=”http://www.mahesajenar.com/scripts/ayatimg.php?&text=0000FF&bg=BDB76B&am”></image></a>
2. Widget Radio Rodja dan Radio-Radio Sunnah
<script type=”text/javascript” src=”http://widget.radiorodja.com/livestream.js”></script>
<div id=”liverodja”></div>
atau,
Kode radio-radio sunnah:
<object width=”200″ height=”330″ classid=”clsid:d27cdb6e-ae6d-11cf-96b8-444553540000″ codebase=”http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0″><param name=”flashvars” value=”width=200&height=330&file=http://www.radioassunnah.com/radiobox/playlist.xml&displayheight=100&shuffle=false&showeq=true&showstop=true&overstretch=fit” /><param name=”src” value=”http://www.radioassunnah.com/radiobox/mediaplayer.swf” /><param name=”wmode” value=”transparent” /><embed width=”200″ height=”330″ type=”application/x-shockwave-flash” src=”http://www.radioassunnah.com/radiobox/mediaplayer.swf” flashvars=”width=200&height=330&file=http://www.radioassunnah.com/radiobox/playlist.xml&displayheight=100&shuffle=false&showeq=true&showstop=true&overstretch=fit” wmode=”transparent” /></object>
3. Widget Artikel Islami
Kodenya:
<style type=”text/css”>
.gfg-root { width: auto; height: auto; position: relative; overflow: hidden; text-align: center; font-family: verdana, sans-serif;font-size: 12px;padding:2px; background:none;border: 0px solid #363636;}
.gfg-title {font-size: 16px;font-weight : bold;color : #fff;background-color: none;line-height : 1.4em;overflow: hidden;white-space : nowrap;}
.gfg-subtitle {font-size: 14px;font-weight: bold;color: #333;background-color: none;line-height : 1.4em; overflow : hidden;white-space : nowrap;margin-bottom : 0px;}
.gfg-subtitle a {color : #a43434;display:none !important;}
.gfg-entry {background-color: none;width : 100%;height : 9.9em;position : relative;overflow : hidden;text-align : left;margin-top : 0px;}
/* To allow correct behavior for overlay */
.gfg-root .gfg-entry .gf-result {position : relative;background-color:none;width : auto;height : 100%;padding-left : 5px;padding-right : 5px;}
.gfg-list {position : relative;overflow : hidden;text-align : left; margin-bottom : 15px;display:none !important;}
.gfg-root .gfg-entry .gf-result .gf-title {font-size: 13px;display:block;color:#a43434;font-weight:bold;line-height: 1.2em;overflow : hidden;white-space : nowrap;text-overflow : ellipsis;-o-text-overflow : ellipsis;margin-top : 4px;}
.gfg-root .gfg-entry .gf-result .gf-snippet {line-height : 1.3em;color: #333;margin-top : 3px;font-size: 12px;}
.clearFloat {clear : both;}
#feedGadget { margin-top: 3px;margin-left: auto;margin-right: auto;width: auto;font-family:verdana, arial;font-size: 10px;color: #333;}
</style>
<script src=”http://www.google.com/jsapi/?key=ABQIAAAAcV2jSs52yGHKNXjYTcwvNBQjGizh_
00DUHOFTBoYdXcXzGgaZxRGIm148GyVsULR8I1
–uCF7hoW2w” type=”text/javascript”></script>
<script src=”http://www.google.com/uds/solutions/dynamicfeed/
gfdynamicfeedcontrol.js” type=”text/javascript”></script>
<script type=”text/javascript”>
function showGadget() {
var feeds = [
{title:’title’,
url:’http://wawasankeislaman.blogspot.com/feeds/posts/default?redirect=false&start-index=1&max-results=999′},
];
new GFdynamicFeedControl(feeds, ‘feedGadget’,
{numResults : 1000, stacked : true,
title: ” “});
}
google.load(“feeds”, “1”);
google.setOnLoadCallback(showGadget);
</script>
<div id=”feedGadget”><center><img src=”http://img80.imageshack.us/img80/1577/loadingtrans.gif” /></center></div>
4. Widget Murottal Al Qur’an
Kodenya:
<div style=”width:444px”><embed type=”application/x-shockwave-flash” src=”http://www.listen2quran.com/listen/mediaplayer.swf?config=http://www.listen2quran.com/listen/Conf.aspx” quality=”high” allowfullscreen=”true” width=”444″ height=”555″><div style=”text-align:center”><a href=”http://www.listen2quran.com/” target=”_blank”><img border=”0″ src=”http://www.listen2quran.com/pic/” alt=”Listen to Quran”/></a></div></div>
atau,
<iframe src=”http://m.alquran-indonesia.com/mquran/index.php/quran”
style=”border:0px;width:200px;height:200px”
frameborder=”0″></iframe>
(Dalam widget no. 4 bagian kedua ini terdapat ayat Al Qur’annya, qari’ yang membacanya, terjemahnya, dan asbabun nuzulnya, hanyasaja untuk asbabun nuzul perlu dikaji kembali keshahihan riwayatnya dan lebih baik lagi jika membandingkan dengan Shahih Asbabun Nuzul yang ditulis oleh Syaikh Muqbil bin Hadi Al Wadi’iy dan bisa dildownload kitab ini di menu “Download puluhan software Islami, ribuan kitab, dan murottal Al Qur’an)
5. Widget Hadits
Kodenya:
<iframe style=”overflow: auto; background-attachment: scroll; background-repeat: no-repeat; background-position: left top; text-align: left; border: 1px solid #cccccc; border-radius: 8px 8px 8px 8px; padding: 10px; width: 850px; height: 900px;” src=”http://id.lidwa.com/app/” frameborder=”0″ > </iframe>
widget di atas memuat 9 kitab hadits dan sangat cocok dicantumkan ke dalam blog anda. anda bisa sesuaikan ukurannya dengan merubah width dan heightnya.
atau widget ini (khusus Shahih Bukhari, namun belum lengkap),
<script type=”text/javascript” src=””></script><script type=”text/javascript”>if (WIDGETBOX) WIDGETBOX.renderWidget(‘0860a8a4-af25-4444-8baa-839932e479a3’);</script>
<noscript>Get the <a href=”http://www.widgetbox.com/widget/hadits-shahih-al-bukhari-hadimuammir”>Hadits Shahih Al Bukhari</a> widget and many other <a href=”http://www.widgetbox.com/”>great free widgets</a> at <a href=”http://www.widgetbox.com”>Widgetbox</a>! Not seeing a widget? (<a href=”http://support.widgetbox.com/”>More info</a>)</noscript>
6. Widget TV Sunnah (Insan TV) dan rodja TV
Kode insan TV:
<iframe frameborder=”0″ scrolling=”no” height=”200px” width=”380px” src=”http://www.insantv.com/index.php/widget”> </iframe>
atau, kode rodja TV:
<script type=”text/javascript” src=”http://widget.radiorodja.com/rodjatv.js”></script>
<div id=”rodjatv”></div>
7. Widget Terjemah Al Qur’an
Kodenya:
<STYLE>
.QuranData { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
</STYLE>
<center>
<form method=”GET” action=”http://www.searchtruth.com/search.php”>
<table cellpadding=”1″ cellspacing=”1″ bgcolor=”#30577F”>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><b>Search in the Quran</b></td></td></tr>
<tr><td bgcolor=”#FFFFFF”>
<table border=0>
<tr>
<td class=”QuranData”>Search in the Quran: </td>
<td class=”QuranData”><input type=”text” name=”keyword” value=”Allah” size=”20″></td>
</tr>
<tr>
<td class=”QuranData”><select name=”chapter”>
<option value=””>All Chapters</option>
<option value=1>1. Al-Fatiha [7]</option><option value=2>2. Al-Baqara [286]</option><option value=3>3. Aal-e-Imran [200]</option><option value=4>4. An-Nisa [176]</option><option value=5>5. Al-Maeda [120]</option><option value=6>6. Al-Anaam [165]</option><option value=7>7. Al-Araf [206]</option><option value=8>8. Al-Anfal [75]</option><option value=9>9. At-Taubah [129]</option><option value=10>10. Yunus [109]</option><option value=11>11. Hud [123]</option><option value=12>12. Yusuf [111]</option><option value=13>13. Ar-Rad [43]</option><option value=14>14. Ibrahim [52]</option><option value=15>15. Al-Hijr [99]</option><option value=16>16. An-Nahl [128]</option><option value=17>17. Al-Isra [111]</option><option value=18>18. Al-Kahf [110]</option><option value=19>19. Maryam [98]</option><option value=20>20. Taha [135]</option><option value=21>21. Al-Anbiya [112]</option><option value=22>22. Al-Hajj [78]</option><option value=23>23. Al-Mumenoon [118]</option><option value=24>24. An-Noor [64]</option><option value=25>25. Al-Furqan [77]</option><option value=26>26. Ash-Shuara [227]</option><option value=27>27. An-Naml [93]</option><option value=28>28. Al-Qasas [88]</option><option value=29>29. Al-Ankaboot [69]</option><option value=30>30. Ar-Room [60]</option><option value=31>31. Luqman [34]</option><option value=32>32. As-Sajda [30]</option><option value=33>33. Al-Ahzab [73]</option><option value=34>34. Saba [54]</option><option value=35>35. Fatir [45]</option><option value=36>36. Ya Seen [83]</option><option value=37>37. As-Saaffat [182]</option><option value=38>38. Sad [88]</option><option value=39>39. Az-Zumar [75]</option><option value=40>40. Ghafir [85]</option><option value=41>41. Fussilat [54]</option><option value=42>42. Ash-Shura [53]</option><option value=43>43. Az-Zukhruf [89]</option><option value=44>44. Ad-Dukhan [59]</option><option value=45>45. Al-Jathiya [37]</option><option value=46>46. Al-Ahqaf [35]</option><option value=47>47. Muhammad [38]</option><option value=48>48. Al-Fath [29]</option><option value=49>49. Al-Hujraat [18]</option><option value=50>50. Qaf [45]</option><option value=51>51. Adh-Dhariyat [60]</option><option value=52>52. At-tur [49]</option><option value=53>53. An-Najm [62]</option><option value=54>54. Al-Qamar [55]</option><option value=55>55. Al-Rahman [78]</option><option value=56>56. Al-Waqia [96]</option><option value=57>57. Al-Hadid [29]</option><option value=58>58. Al-Mujadila [22]</option><option value=59>59. Al-Hashr [24]</option><option value=60>60. Al-Mumtahina [13]</option><option value=61>61. As-Saff [14]</option><option value=62>62. Al-Jumua [11]</option><option value=63>63. Al-Munafiqoon [11]</option><option value=64>64. At-Taghabun [18]</option><option value=65>65. At-Talaq [12]</option><option value=66>66. At-Tahrim [12]</option><option value=67>67. Al-Mulk [30]</option><option value=68>68. Al-Qalam [52]</option><option value=69>69. Al-Haaqqa [52]</option><option value=70>70. Al-Maarij [44]</option><option value=71>71. Nooh [28]</option><option value=72>72. Al-Jinn [28]</option><option value=73>73. Al-Muzzammil [20]</option><option value=74>74. Al-Muddathir [56]</option><option value=75>75. Al-Qiyama [40]</option><option value=76>76. Al-Insan [31]</option><option value=77>77. Al-Mursalat [50]</option><option value=78>78. An-Naba [40]</option><option value=79>79. An-Naziat [46]</option><option value=80>80. Abasa [42]</option><option value=81>81. At-Takwir [29]</option><option value=82>82. AL-Infitar [19]</option><option value=83>83. Al-Mutaffifin [36]</option><option value=84>84. Al-Inshiqaq [25]</option><option value=85>85. Al-Burooj [22]</option><option value=86>86. At-Tariq [17]</option><option value=87>87. Al-Ala [19]</option><option value=88>88. Al-Ghashiya [26]</option><option value=89>89. Al-Fajr [30]</option><option value=90>90. Al-Balad [20]</option><option value=91>91. Ash-Shams [15]</option><option value=92>92. Al-Lail [21]</option><option value=93>93. Ad-Dhuha [11]</option><option value=94>94. Al-Inshirah [8]</option><option value=95>95. At-Tin [8]</option><option value=96>96. Al-Alaq [19]</option><option value=97>97. Al-Qadr [5]</option><option value=98>98. Al-Bayyina [8]</option><option value=99>99. Al-Zalzala [8]</option><option value=100>100. Al-Adiyat [11]</option><option value=101>101. Al-Qaria [11]</option><option value=102>102. At-Takathur [8]</option><option value=103>103. Al-Asr [3]</option><option value=104>104. Al-Humaza [9]</option><option value=105>105. Al-fil [5]</option><option value=106>106. Quraish [4]</option><option value=107>107. Al-Maun [7]</option><option value=108>108. Al-Kauther [3]</option><option value=109>109. Al-Kafiroon [6]</option><option value=110>110. An-Nasr [3]</option><option value=111>111. Al-Masadd [5]</option><option value=112>112. Al-Ikhlas [4]</option><option value=113>113. Al-Falaq [5]</option><option value=114>114. An-Nas [6]</option>
</select>
in
</td>
<td class=”QuranData”>
<select name=”translator”>
<option value=”2″ selected>Yusuf Ali – English</option>
<option value=”3″>Shakir – English</option>
<option value=”4″>Pickthal – English</option>
<option value=”6″>Transliteration</option>
<option value=”1″>Arabic</option>
<option value=”17″>Urdu translation</option>
<option value=”8″>French translation</option>
<option value=”9″>Spanish translation</option>
<option value=”10″>Indonesian translation</option>
<option value=”11″>Melayu translation</option>
<option value=”12″>German translation</option>
<option value=”19″>Russian translation</option>
</select>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<input type=”hidden” name=”search” value=”1″>
<input type=”hidden” name=”start” value=”0″>
<input type=”hidden” name=”refquran” value=”1″>
<input type=”submit” value=”Search in Quran”>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<a target=”_blank” href=”http:www.searchtruth.comdownloadindex.php” title=”Download Islamic Softwares (FREE)”>Download Islamic Softwares FREE</a> | <a target=”_blank” href=”http:www.searchtruth.comfreecode.php”>Free Code</a
</td>
</tr>
</table>
</td></tr>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><a target=”_blank” href=”http:www.searchtruth.com”><font color=”#000000″>www.SearchTruth.com</font></a></td></td></tr>
</table>
</form>
</center>
8. Widget pencarian Al Qur’an
Kodenya:
<STYLE>
.QuranData { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
</STYLE>
<center>
<form method=”GET” action=”http://www.searchtruth.com/search.php”>
<table cellpadding=”1″ cellspacing=”1″ bgcolor=”#30577F” width=”170″>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><b>Search in the Quran</b></td></td></tr>
<tr><td bgcolor=”#FFFFFF”>
<center><table border=0>
<tr>
<td class=”QuranData”>Search: </td>
<td class=”QuranData”><input type=”text” name=”keyword” value=”Allah” size=”10″></td>
</tr>
<tr>
<td class=”QuranData” colspan=”2″>
<select name=”translator”>
<option value=”2″ selected>Yusuf Ali – English</option>
<option value=”3″>Shakir – English</option>
<option value=”4″>Pickthal – English</option>
<option value=”6″>Transliteration</option>
<option value=”1″>Arabic</option>
<option value=”17″>Urdu translation</option>
<option value=”8″>French translation</option>
<option value=”9″>Spanish translation</option>
<option value=”10″>Indonesian translation</option>
<option value=”11″>Melayu translation</option>
<option value=”12″>German translation</option>
<option value=”19″>Russian translation</option>
</select>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<input type=”hidden” name=”search” value=”1″>
<input type=”hidden” name=”start” value=”0″>
<input type=”hidden” name=”refquran” value=”1″>
<input type=”submit” value=”Search in Quran”>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<a target=”_blank” href=”http:www.searchtruth.comdownloadindex.php” title=”Download Islamic Softwares (FREE)”>Download</a> | <a target=”_blank” href=”http:www.searchtruth.comfreecode.php” title=”Get Free code for your website”>Free Code</a>
</td>
</tr>
</table></center>
</td></tr>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><a target=”_blank” href=”http:www.searchtruth.com” title=”www.SearchTruth.com”><font color=”#000000″>www.SearchTruth.com</font></a></td></td></tr>
</table>
</form>
</center>
9. Widget pencarian hadits
Kodenya:
<STYLE>
.QuranData { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
</STYLE>
<center>
<table cellpadding=”1″ cellspacing=”1″ bgcolor=”#30577F”>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0>Search in the Hadith</td></td></tr>
<tr><td bgcolor=”#FFFFFF”>
<form method=”GET” action=”http://www.searchtruth.com/searchHadith.php”>
<table border=0>
<tr><td class=”QuranData”>Search: </td>
<td class=”QuranData”><input type=”text” name=”keyword” value=”Allah” size=”10″></td>
<td class=”QuranData”> in </td>
<td class=”QuranData”>
<select name=”translator”>
<option value=1 selected>Sahih Bukhari</option>
<option value=2>Sahih Muslim</option>
<option value=3>Sunan Abu-Dawud</option>
<option value=4>Malik’s Muwatta</option>
</select>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”4″>
<input type=”hidden” name=”search” value=”1″>
<input type=”hidden” name=”book” value=””>
<input type=”hidden” name=”start” value=”0″>
<input type=”hidden” name=”refhadith” value=”1″>
<input type=”submit” value=”Search in Hadith”>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”4″>
<a target=”_blank” href=”http:www.searchtruth.comdownloadindex.php” title=”Download Islamic Softwares (FREE)”>Download Islamic Softwares FREE</a> | <a target=”_blank” href=”http:www.searchtruth.comfreecode.php”>Free Code</a>
</td>
</tr>
</table>
</td></tr>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><a target=”_blank” href=”http:www.searchtruth.com”><font color=”#000000″>www.SearchTruth.com</font></a></td></td></tr>
</table>
</form>
</center>
atau,
<STYLE>
.QuranData { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; color: #000000; text-decoration: none}
</STYLE>
<center>
<table cellpadding=”1″ cellspacing=”1″ bgcolor=”#30577F” width=”170″>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0>Search in the Hadith</td></td></tr>
<tr><td bgcolor=”#FFFFFF”>
<form method=”GET” action=”http://www.searchtruth.com/searchHadith.php”>
<center><table border=0>
<tr><td class=”QuranData”>Search: </td>
<td class=”QuranData”><input type=”text” name=”keyword” value=”Allah” size=”10″></td>
</tr>
<tr>
<td class=”QuranData” colspan=”2″> in
<select name=”translator”>
<option value=1 selected>Sahih Bukhari</option>
<option value=2>Sahih Muslim</option>
<option value=3>Sunan Abu-Dawud</option>
<option value=4>Malik’s Muwatta</option>
</select>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<input type=”hidden” name=”search” value=”1″>
<input type=”hidden” name=”book” value=””>
<input type=”hidden” name=”start” value=”0″>
<input type=”hidden” name=”refhadith” value=”1″>
<input type=”submit” value=”Search in Hadith”>
</td>
</tr>
<tr>
<td class=”QuranData” align=”center” colspan=”2″>
<a target=”_blank” href=”http:www.searchtruth.comdownloadindex.php” title=”Download Islamic Softwares (FREE)”>Download</a> | <a target=”_blank” href=”http:www.searchtruth.comfreecode.php”>Free Code</a>
</td>
</tr>
</table></center>
</td></tr>
<tr><td class=”QuranData” align=”center” bgcolor= #E0DFB0><a target=”_blank” href=”http:www.searchtruth.com” title=”www.SearchTruth.com”><font color=”#000000″>www.SearchTruth.com</font></a></td></td></tr>
</table>
</form>
</center>
10. Widget Pencarian ayat dan hadits
Kodenya:
<center>
<a target=”_blank” href=”http://www.searchtruth.com/index.php?refsite=1″>
<img border=”1″ src=”http://www.searchtruth.com/cimage/searchtruth.gif” alt=”Search in Quran and Hadith”></a>
</center>
11. Widget download software Islami
Kodenya:
<center>
<a target=”_blank” href=”http://www.searchtruth.com/alldownloads.php?refsoft=1″>
<img border=”0″ src=”http://www.searchtruth.com/cimage/quran3.gif” alt=”Islamic Softwares”></a>
</center>
12. Widget Membaca Al Qur’an online
Kodenya:
<center>
<a target=”_blank” href=”http://www.searchtruth.com/quran_reading/quran.html?refsoft=1″>
<img border=”0″ src=”http://www.searchtruth.com/cimage/read_quran.gif” alt=”Read Quran Online”></a>
</center>
13. Widget Menyimak Al Qur’an
Kodenya:
<center>
<a target=”_blank” href=”http://www.searchtruth.com/quran_recitation/recite.php?refsoft=1″>
<img border=”0″ src=”http://www.searchtruth.com/cimage/listen_quran.gif” alt=”Listen Quran Online”></a>
</center>
14. Widget terjemah Al Qur’an radio rodja
Kodenya:
<script type=”text/javascript” src=”http://widget.radiorodja.com/terjemahrodja.js”></script>
<div id=”terjemahrodja”></div>
15. Widget SMS gratis
Kodenya:
<iframe src=http://smsgratis.web.id/wg3/?teks=wawasankeislaman.blogspot.com frameborder=0 style=height:220px;width:210px;>Please upgrade your browser</iframe>
16. Widget Azan otomatis di blog
<embed wmode=”” type=”application/x-shockwave-flash” src=”http://www.widgipedia.com/widgets/customize/afif/adzan-automatis_13053.widget?__install_id=1322049356962&__view=expanded” pluginspage=”http://www.macromedia.com/go/getflashplayer” height=”400″ width=”550″></embed>
17. Widget Waktu Shalat Jakarta
Kodenya:
<iframe src=”http://www.islamicfinder.org/prayer_service.php?country=indonesia&city=jakarta&state=06&zipcode=&latitude=-6.1744&longitude=106.8294&timezone=7&HanfiShafi=1&pmethod=1&fajrTwilight1=10&fajrTwilight2=10&ishaTwilight=10&ishaInterval=30&dhuhrInterval=1&maghribInterval=1&dayLight=0&page_background=&table_background=&table_lines=&text_color=&link_color=&prayerFajr=&prayerSunrise=&prayerDhuhr=&prayerAsr=&prayerMaghrib=&prayerIsha=&lang=” frameborder=0 width=175 height=280 marginwidth=0 marginheight=0 scrolling=”no”> </iframe>
Semoga bermanfaat, dan jangan lupa doa antum untuk saya (Marwan).
