Widget Da'wah
بسم الله الرحمن الرحيم
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.
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 Sunnah (jika belum berubah)
Kodenya:
<script src=”http://tashfiyah.or.id/radiobox/radiobox.js” type=”text/javascript”></script><center><embed src=”http://tashfiyah.or.id/radiobox/mediaplayer.swf” width=”120″ height=”180″ allowscriptaccess=”always” allowfullscreen=”true” flashvars=”width=120&height=180&file=http://tashfiyah.or.id/radiobox/playlist.xml&displayheight=100&shuffle=false&showeq=true&showstop=true&overstretch=fit” /><p><a href=”http://tashfiyah.or.id/artikel/semarakkan-radio-sunnah-dengan-radiobox-di-situsblog-anda/” target=”_blank”>Pasang radiobox ini!</a></p><p><a href=”javascript:popUp(‘http://tashfiyah.or.id/radiobox/popup.html’)”>Keluarkan radiobox (pop up)</a></p></center>
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>
.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>
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>
<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)
Kodenya:
<iframe frameborder="0" scrolling="no" height="200px" width="380px" src="http://www.insantv.com/index.php/widget"> </iframe>
Semoga bermanfaat, dan jangan lupa doa antum untuk saya (Marwan).