Skrip Widget Islami : Radio Online, dll

Penulis : Admin

* STREAMING RADIO SYIAR SUNNAH

Pada awalnya ana memasang Radio Online Syiar Sunnah di blog ini dengan menyalin kode sumber yang ada di www.syiarsunnah.com tapi qaddarullah ternyata skrip tersebut tidak berfungsi dengan baik di blogger. Kemudian ana coba membuka “Page Source” dari website tersebut dengan menekan CTRL+U pada browser Mozilla Firefox dan mencari skrip dari radio streaming syiar sunnah dan setelah ketemu ana coba pasang di blog ini pada sebagai widget HTML/JavaScript < > dan Alhamdulillah bisa dan berfungsi dengan baik, bagi rekan – rekan blogger yang ingin memasang Radio Syiar Sunnah di blognya dapat meng-copy skrip di bawah ini :

<embed src="http://syiarsunnah.com/streaming/mediaplayer.swf" width="300" height="100" allowfullscreen="true" allowscriptaccess="always" flashvars="&file=http://syiarsunnah.com/streaming/playlist.xml&height=100&width=300&autostart=true&overstretch=fit&showeq=true&showstop=true&logo=http://syiarsunnah.com/streaming/logo.png"></embed><br /><br />Atau Klik/Pilih Audio Player :<br /><a href="javascript:dopopup1('http://syiarsunnah.com/streaming/player.html','Kajian LIVE ','310','110','PosNums','front');"><img src="http://al-ilmu.com/images/kajian.gif" border="0" height="15" width="15" /> (Flash Player)</a> <a href="http://radio.syiarsunnah.com:8500/listen.pls"><img src="http://syiarsunnah.com/streaming/player/Images/winamp.jpg" border="0" height="25" /> (listen.pls )</a> <a href="http://syiarsunnah.com/streaming/player/ross.ram"><img src="http://syiarsunnah.com/streaming/player/Images/real.jpg" border="0" height="25" /> (ross.ram)</a> <a href="http://syiarsunnah.com/streaming/player/ross.m3u"><img src="http://syiarsunnah.com/streaming/player/Images/itunes-logo.gif" border="0" height="25" /> (ross.m3u)</a> <a href="http://syiarsunnah.com/streaming/player/ross.wax"><img src="http://syiarsunnah.com/streaming/player/Images/wmp.jpg" border="0" height="30" /> (ross.wax)</a><br /><br /><br /><br />Radio Syiar Sunnah dapat juga didengar langsung menggunakan software: <a href="http://syiarsunnah.com/wrp.zip"><strong>http://syiarsunnah.com/wrp.zip</strong></a>.<br />

* STREAMING AN-NASH RADIO

Skrip An-Nash Radio di bawah ini juga ana copy dari “Page Source” website resmi Radio An – Nash di www.annashradio.com. Berikut skripnya :

<br /><div class="streaming"><br /> <embed style="margin:0 0 0 14px;background:#fff;" wmode="opaque" allowscriptaccess="always" width="275" src="http://www.annashradio.com/templates/annash/images/player.swf" height="98" allowfullscreen="true" flashvars="&file=http://www.annashradio.com/templates/annash/images/play.xml&height=98&width=275&autostart=false&overstretch=fit&showeq=false&showstop=true&logo=http://www.annashradio.com/templates/annash/images/nashradiodeck.png"></embed><br /> </div><br /> <!--<div id="streaming-status">Loading...</div>--><br /> <iframe id="shoutstat" src="http://www.prodec-stpbandung.com/shoutcast.php" style="font-size: inherit; color: inherit; border: none; height: 70px;"></iframe><br /><br /> <img src="http://www.annashradio.com/templates/annash/images/batas-horizontal.png" /><br /> <div class="dwstreaming"><br /> <a class="dwplay" href="http://119.110.87.62:7052/listen.pls"><img src="http://www.annashradio.com/templates/annash/images/winamp.png" title="Dengar lewat Winamp" /></a><br /> <a class="dwplay" href="http://www.annashradio.com/templates/annash/streaming/ross.ram"><img src="http://www.annashradio.com/templates/annash/images/realplayer.png" title="Dengar lewat Real Player" /></a><br /> <a class="dwplay" href="http://www.annashradio.com/templates/annash/streaming/ross.m3u"><img src="http://www.annashradio.com/templates/annash/images/itunes.png" title="Dengar lewat iTunes" /></a><br /> <a class="dwplay" href="http://www.annashradio.com/templates/annash/streaming/ross.wax"><img src="http://www.annashradio.com/templates/annash/images/wmp.png" title="Dengar lewat Windows Media Player" /></a><img src="http://www.annashradio.com/templates/annash/images/batas-horizontal.png" /><br /> </div><br /><br />

* SKRIP LINK

Membuat link eksternal di blog dari menu yang disediakan blogger memerlukan sedikit ketekunan karena link tersebut dibuat satu persatu, permasalahannya kemudian adalah ketika kita mengganti templat blog maka secara otomatis link-link yang telah kita buat itu akan terhapus dan harus dibuat kembali dari awal pada template yang baru, karena pertimbangan itulah ana berinisiatif membuat skrip link-link secara manual yang bisa dipasang sebagai widget HTML/JavaScript < > dan tentunya lebih aman daripada membuat link pada fasilitas bawaan blogger karena bisa di-backup di dokumen seperti notepad dan dapat dipasang dengan mudah pada templat yang baru, berikut kode sumber skrip link ana, antum juga dapat memodifikasinya sesuai kebutuhan antum :

<br /><marquee direction="up" onmouseover="this.stop()" onmouseout="this.start()" scrolldelay="1" scrollamount="1" width="290px" height="165"><div style="font-weight: bold; color: rgb(255, 153, 0);" align="center"><span>LINK SALAFY INDONESIA</span></div><br /><br /><div align="left"><br /><a href="http://www.salafy.or.id/" title="salafy indonesia"> Situs Resmi Salafy Indonesia </a>I<a href="http://www.darussalaf.or.id/" title="darussalaf"> Darussalaf </a>I<a href="http://almakassari.com/" title="al-makassari"> Al-Makassari </a>I<a href="http://www.ahlussunnah-jakarta.com/" title="ahlussunnah jakarta"> Ahlussunnah Jakarta </a>I<a href="http://www.assalafy.org/" title="ma’had as-salafy jember"> Ma’had As-Salafy Jember </a>I<a href="http://mahad-al-bayyinah.blogspot.com/" title="ma’had al-bayyinah"> Ma’had Al-Bayyinah </a><br />I<a href="http://adhwaus-salaf.or.id/" title="ma’had adhwa’us salaf"> Ma’had Adhwa’us Salaf </a>I<a href="http://www.darussalafsolo.co.cc/" title="darussalaf al-islami solo"> Ma’had Darussalaf Al-Islami Solo </a><br />I<a href="http://www.darussunnah.or.id/" title="darussunnah al-islamy"> Darussunnah Al-Islamy </a>I<a href="http://al-atsariyyah.com/" title="al-atsariyyah"> Al-Atsariyyah </a>I<a href="http://thullabul-ilmiy.or.id/" title="thullabul ilmi"> Thullabul Ilmi </a>I<a href="http://www.akhwat.web.id/" title="akhwat salafiyah"> Akhwat Salafiyah </a>I<a href="http://an-nashihah.com/" title="majalah an-nashihah"> Majalah An-Nashihah </a>I<a href="http://www.asysyariah.com/" title="majalah asy-syari’ah"> Majalah Asy-Syari’ah </a>I<a href="http://www.merekaadalahteroris.com/" title="mereka adalah teroris"> Mereka Adalah Teroris </a>I<a href="http://jihadbukankenistaan.com/" title="jihad bukan kenistaan"> Jihad Bukan Kenistaan </a>I<a href="http://www.salafy.co.nr/" title="salafy corner"> Salafy Corner </a>I<a href="http://www.muslim-audio.org/" title="muslim audio"> Muslim Audio </a>I<a href="http://www.al-ilmu.com/" title="al-ilmu"> Al-Ilmu Yogyakarta </a>I<a href="http://syiarsunnah.com/" title="Radio Syiar Sunnah"> Radio Syiar Sunnah" </a>I<a href="http://www.annashradio.com/" title="An-Nash Radio"> Radio An-Nash </a>I<a href="http://www.al-islam.com/ind/" title="kementerian urusan wakaf, da’wah dan penerangan kerajaan arab saudi"> Kementerian Penerangan Saudi Arabia </a>I<a href="http://www.gsalaf.com/" title="pencarian artikel"> Google Salaf Engine </a></div><br /><br /><div style="color: rgb(255, 153, 0);" align="center"><span style="font-weight: bold;">ARABIC</span></div><br /><br /><div align="left"><a href="http://www.binbaz.org.sa/" title="syaikh ibnu baz"> Syaikh Ibnu Baz </a>I<a href="http://www.ibnothaimeen.com/" title="syaikh al-utsaimin"> Syaikh Al-Utsaimin </a>I<a href="http://www.alalbany.net/" title="syaikh al-albany"> Syaikh Al-Albany </a>I<a href="http://njza.net/" title="syaikh an-najmi"> Syaikh An-Najmi </a>I<a href="http://www.rabee.net/" title="syaikh rabi’ al-madkhaly"> Syaikh Rabi’ Al-Madkhaly </a>I<a href="http://www.alfawzan.ws/" title="syaikh shalih al-fauzan"> Syaikh Shalih Al-Fauzan </a>I<a href="http://www.sh-emam.com/" title="syaikh al-imam"> Syaikh Al-Imam </a>I<a href="http://www.alifta.com/default.aspx" title="lajnah daa’imah"> Lajnah Daa’imah </a>I<a href="http://www.olamayemen.com/" title="situs resmi ulama’ yaman"> Ulama Yaman </a>I<a href="http://www.sahab.net/" title="sahab as-salafiyah"> Sahab As-Salafiyah </a>I<a href="http://www.saudi.gov.sa/" title="kerajaan saudi arabia"> Kerajaan Saudi Arabia </a>I<a href="http://www.qurancomplex.com/" title="kompleks percetakan mushaf al-qur’an"> Percetakan Mushaf Al-Qur’an </a>I<a href="http://www.iu.edu.sa/" title="jam’iah islamiyah madinah"> Universitas Islam Madinah </a>I<a href="http://www.uqu.edu.sa/" title="jami’ah ummul qura’ makkah"> Universitas Ummul Qura’Makkah </a>I<a href="http://www.islamspirit.com/" title="download e-book durus"> Ruhul Islam </a></div><br /><br /><div style="color: rgb(255, 153, 0);" align="center"><span style="font-weight: bold;">ENGLISH</span></div><br /><br /><div align="left"><a href="http://www.all-quran.com/" title="murattal al-qur’an"> Al-Qur’an Recitation </a>I<a href="http://www.quranflash.com/" title="qur’an flash"> Qur’an Flash </a>I<a href="http://www.thenoblequran.com/" title="the noble qur’an"> The Noble Qur’an </a>I<a href="http://www.sahihalbukhari.com/" title="shahih al-bukhary"> Shahih Al-Bukhary </a>I<a href="http://www.sahihmuslim.com/" title="shahih muslim"> Shahih Muslim </a>I<a href="http://www.albaseerah.com/" title="al-baseerah"> Al-Baseerah </a>I<a href="http://www.assalafi.com/" title="as-salafi"> As-Salafi </a>I<a href="http://www.authenticstatements.com/" title="authentic statements"> Authentic Statements </a>I<a href="http://www.bakkah.net/" title="bakkah"> Bakkah </a>I<a href="http://www.fatwaislam.com/" title="fatwa islam"> Fatwa Islam </a>I<a href="http://www.fatwa-online.com/" title="fatwa online"> Fatwa Online </a>I<a href="http://www.islam4kids.com/" title="islam for kids"> Islam For Kids </a>I<a href="http://www.salafitalk.net/" title="salafi talk"> Salafy Talk </a>I<a href="http://www.salafipublications.com/" title="salafi publications"> Salafi Publications </a>I<a href="http://www.salaf.com/" title="salaf dot com"> Salaf </a>I<a href="http://www.troid.org/" title="troid canada"> Troid </a>I<a href="http://www.thewahhabimyth.com/" title="the wahhabi myth"> The Wahhabi Myth </a></div><br /><br /><div style="color: rgb(255, 153, 0);" align="center"><span style="font-weight: bold;">BLOG SALAF</span></div><br /><br /><div align="left"><a href="http://muhammad-assewed.blogspot.com/" title="ust. muhammad umar as-sewed"> Ust. Muhammad As-Sewed </a>I<a href="http://ahlulhadiits.wordpress.com/" title="biografi ulama"> Ahlul Hadiits </a>I<a href="http://alhujjah.wordpress.com/" title="al-hujjah"> Al-Hujjah </a>I<a href="http://al-malanjiyyah.blogspot.com/" title="al-firqotun najiyyah"> Al-Firqotun Najiyyah </a>I<a href="http://abuamincepu.wordpress.com/" title="abu amin cepu"> Abu Amin Cepu </a>I<a href="http://nyata.wordpress.com/" title="fahit dikata dan NYATA"> Nyata </a>I<a href="http://alklateniy.wordpress.com/" title="blog ahlussunnah"> Al-Klateny </a>I<a href="http://berandasalafy.wordpress.com/" title="yang muda yang salafy, berjiwa muda bermanhaj salaf"> Beranda Salafy </a>I<a href="http://firqatunnajiyah.blogspot.com/" title="al-fiqatun an-najiyah"> Firqatun An-Najiyah </a>I<a href="http://waqqash.blogspot.com/" title="rumah belajar ibnu waqqash"> Ibnu Waqqash </a>I<a href="http://ibnusarijan.blogspot.com/" title="abdurrahman website’s"> Ibnu Sarijan </a>I<a href="http://ihsan-tasjilat.blogspot.com/" title="ihsan tasjilat"> Ihsan Tasjilat </a>I<a href="http://www.menikahsunnah.wordpress.com/" title="menikah sesuai sunnah"> Menikah Sesuai Sunnah </a>I<a href="http://tukpencarialhaq.wordpress.com/" title="pencari al-haq"> Pencari Al-Haq </a>I<a href="http://kebenaranhanya1.wordpress.com/" title="kebenaran hanya satu"> Salafy Ahlussunnah </a>I<a href="http://kaahil.wordpress.com/" title="thibbun nabawi"> Thibbun Nabawi </a>I<a href="http://tasjilat.wordpress.com" title="Tasjilat Al-Atsariyyah Samarinda"> Tasjilat Al-Atsariyyah </a>I<a href="http://salafiyunm.blogspot.com/" title="Salafy UNM"> Salafy UNM </a>I<a href ="http://al-jasary.blogspot.com" title="Berdiri Di Atas Manhaj yang Benar"> Al-Jasary </a>I<a href="http://sunnisalafi.blogspot.com" title="Muslim Sunni Salafi"> Sunni Salafi </a>I<a href="http://panggilakuabubakar.blogspot.com" title="Blognya Abu Bakar"> Blognya Abu Bakar </a></div><br /><br /><div style="color: rgb(255, 153, 0);" align="center"><span style="font-weight: bold;">WEB UMUM</span></div><br /><br /><div align="left"><a href="http://www.google.co.id/" title="google indonesia"> Google </a>I<a href="http://www.gmail.com/" title="gmail"> Gmail </a>I<a href="http://www.blogger.com/" title="blogger"> Blogger </a>I<a href="http://id.wordpress.com/" title="wordpress indonesia"> Wordpress </a>I<a href="http://id.wikipedia.org/" title="wikipedia indonesia"> Wikipedia </a></div></marquee><br />

* KALENDER ISLAMI

Bagi rekan – rekan blogger yang masih dalam tahap belajar nge-blog dan agak kesulitan mencari kode HTML kalender semisal yang ada di blog ini, antum dapat meng-copy kode di bawah ini :

<img border="0" style="visibility:hidden;width:0px;height:0px;" width="0" src="http://counters.gigya.com/wildfire/IMP/CXNID=2000002.0NXC/bHQ9MTIzODM2MTMxMTcxOCZwdD*xMjM4MzYxMzg1OTY4JnA9MjM4OTgxJmQ9Jm49YmxvZ2dlciZnPTEmdD*mbz1kYzVlZmRiZGFmZGM*MTFkYWQ3YmMwNTU1ZjliOWQ4MyZvZj*w.gif" height="0" /><div style="margin:0px auto;text-align:center;width:150px;height:160px;"><embed menu="false" pluginspage="http://www.adobe.com/go/getflashplayer" swliveconnect="true" allowscriptaccess="sameDomain" loop="false" flashvars="&col1=d89b09&col2=7cc034&dayAdd=0&cal=true" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1238361225750&__view=expanded" height="160" type="application/x-shockwave-flash" width="150" wmode="transparent"></embed></div><br /><br />


Untuk memasang skrip-skrip di atas pada Blogger, sedikit ana tambahkan panduan ringkasnya, pertama – tama login ke akun Blogger antum, lalu pilih “Tata Letak” – “Elemen Laman” – “Tambah Gadget” – lalu pilih “HTML/JavaScript < >” – lalu buka kembali halaman ini kemudian copy (CTRL+C) salah satu skrip di atas dan paste (CTRL+V) di jendela “HTML/JavaScript” tadi, beri judul dan pilih “Simpan”.
Selesai skrip dan panduan ringkas ini, silahkan jika ada yang ingin menambahkan, semoga bermanfaat.