Widget Dakwah untuk Blog / Website

 

بسم الله الرحمن الرحيم 

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

Kodenya:


<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

Kode radio rodja:


<script type="text/javascript" src="http://widget.radiorodja.com/livestream.js"></script>

<div id="liverodja"></div> 

            atau,             Kode radio sunnah:             <script type="text/javascript" src="http://widget.radiorodja.com/radiosunnah.js"></script>

<div id="radiosunnah"></div>        


            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="http://cdn.widgetserver.com/syndication/subscriber/InsertWidget.js"></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
  

Kodenya:

<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>

__________________
silahkan dishare ...