tag:blogger.com,1999:blog-46868845277348073802012-02-09T05:34:44.485-08:00Random Hadith Widget | RIN Widgetkarguzaridakwahimanhttp://www.blogger.com/profile/02890644456133507312noreply@blogger.comBlogger21100tag:blogger.com,1999:blog-4686884527734807380.post-58427982672649871332010-07-18T17:46:00.000-07:002012-01-13T16:41:06.017-08:00Paparkan Random Hadith di Blog / Web<a href="http://2.bp.blogspot.com/_l3sFy0f4t0w/TEWXUpLQmYI/AAAAAAAAA6s/M1f92npQZ3M/s1600/hadith1.png" imageanchor="1" style="clear: left; float: left; margin-bottom: 1em; margin-right: 1em;"><img border="0" height="85" src="http://2.bp.blogspot.com/_l3sFy0f4t0w/TEWXUpLQmYI/AAAAAAAAA6s/M1f92npQZ3M/s400/hadith1.png" width="400" /></a><br /><br /><br /><br /><br /><br /><br /><br />Alhamdulillah, satu perkongsian bagaimana memaparkan hadis secara rawak di blog/ web dengan hanya copy-paste kod html. Sebahagian besar hadis diambil daripada terjemahan kitab Muntakhab Ahadith dan terjemahan kitab Riyadhus Salihin, Imam Nawawi. Widget lebih kepada tahapan 'orang awam', mengambil manfaat dari teks terjemahan kitab sahaja.<br /><br />Hadith berjumlah 295 akan dipaparkan secara rawak; mengandungi hadis-hadis berkenaan iman, sembahyang fardhu, ilmu, kelebihan Al-Qur'an, kelebihan zikir, doa, akhlak, ikhlas, dakwah dan lain-lain hadis fadhilat/ kelebihan serta hadith berkenaan tarhib/ ancaman. Contoh paparan hadith boleh dilihat di sidebar blog ini, InsyaAllah.<br /><br /><br />Kelebihan;<br /><br />[1] Ganjaran daripada Allah dengan beramal dan menyampaikan.<br />[2] Mudah pasang hanya copy-paste.<br />[3] Mudah edit kod html.<br />[4] Tidak menggunakan aplikasi flash yang mem'berat'kan blog.<br /><br /><br /><br /><b>Cara memasang widget</b><br /><br /><br />1. Copy kod html ini dan letakkan di blog/ web.<br /><br />> 306 hadith. Ada hadis yang agak panjang. Copy paste txt di <a href="http://thehealthguide.info/bayan/RH.txt">Random Hadith</a> atau<br />> 295 hadith. Muat turun .txt (notepad) html di <a href="http://www.mediafire.com/?1r3z0f1uv5a18p0">Mediafire.com/rh1</a><br /><br />Turutan bagi pengguna blogspot; Design > Page Elements > Add gadget > HTML/ Javascript.<br /><br /><br />2. Di akhir widget ada pautan ke post ini bertujuan sebaran umum. Remove pautan di bahagian akhir kod html jika tidak ingin memaparkannya.<br /><br /><br /><br /><b>Ubah suai paparan</b><br /><br /><br /><br /><div class="separator" style="clear: both; text-align: center;"><a href="http://4.bp.blogspot.com/_l3sFy0f4t0w/S_4_NlJhQkI/AAAAAAAAAmY/FJba-nqjadM/s1600/ramndom+hadith+1.jpeg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="136" src="http://4.bp.blogspot.com/_l3sFy0f4t0w/S_4_NlJhQkI/AAAAAAAAAmY/FJba-nqjadM/s400/ramndom+hadith+1.jpeg" width="400" /></a></div><div style="text-align: center;"> <i>rujuk 1: gambar bahagian bawah kod html</i></div><br /><br />Dengan merujuk kepada gambar di atas sebagai contoh;<br /><br />1. <b>Tukar warna font:</b> #585858 adalah kod warna asal. Tukarkan kod warna yang sesuai. Kod warna boleh rujuk disini <a href="http://www.computerhope.com/htmcolor.htm" rel="nofollow" target="_blank">Kod Warna </a><br /><br />2. <b>Tukar saiz font: </b>Saiz tulisan asal ialah 12px. Boleh tukarkan saiz ini mengikut kesesuaian (10px-15px).<br /><br />3. <b>Tukar jenis font: </b>Tulisan asal menggunakan arial. Boleh tukarkan kepada: helvetica<span style="font-size: small;">,</span><span style="font-family: Georgia, 'Times New Roman', serif; font-size: small;"> </span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: small;">trebuchet</span>, georgia, <span style="font-family: Verdana, sans-serif; font-size: small;">verdana.</span><span style="font-family: 'Trebuchet MS', sans-serif; font-size: small;"><span style="font-family: Arial, Helvetica, sans-serif;"> </span></span><br /><br />4. <b>Tukar paparan: </b>align asal ialah <i>left<left></left></i><b>. </b>Tukarkan kepada <i>center</i> atau <i>right</i> untuk mengubah paparan.<br /><br /><br /><br />Semoga Allah Swt beri manfaat, taufik dan hidayah untuk mengamalkan Quran dan Hadith.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4686884527734807380-5842798267264987133?l=toolbar-islamwidget.blogspot.com' alt='' /></div>karguzaridakwahimanhttp://www.blogger.com/profile/02890644456133507312noreply@blogger.com3tag:blogger.com,1999:blog-4686884527734807380.post-31373890241482793002010-07-17T18:21:00.000-07:002010-12-11T23:34:54.716-08:00Radio Islam Nusantara WidgetBerikut ini beberapa cara streaming Radio Islam Nusantara [RIN] di blog atau web, Insya'Allah. <br /><b><br /></b><br /><br /><b>1. Media Player.</b><br /><br />Ubah saiz paparan untuk kesesuaian blog dengan melihat kod html ini<b> <i>height="100"</i></b> dan <b><i>width="275"</i></b>. Skala widget adalah statik, hanya dapat mengubah saiz paparan sahaja. Jika mainkan secara auto, tukarkan<b> <i>autorstart="false"</i></b> kepada <i><b>autorstart="true"</b></i> pada bahagian kod html di bawah ini. Contoh <i>autostart</i> boleh dilihat di sidebar ini. <br /><br /><br />Contoh:<br /><br /><embed align="middle" autostart="false" defaultframe="rightFrame" height="32" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="135"></embed> <br /><br />Kod html:<br /><textarea cols="19" name="textarea" onfocus="this.select();" style="height: 130px; width: 470px;"><embed align="middle" autostart="false" defaultframe="rightFrame" height="32" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="135"></embed><br/></textarea><br /><br /><br /><embed align="middle" autostart="false" defaultframe="rightFrame" height="63" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="215"></embed> <br /><br />Kod html:<br /><textarea cols="19" name="textarea" onfocus="this.select();" style="height: 130px; width: 470px;"><embed align="middle" autostart="false" defaultframe="rightFrame" height="63" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="215"></embed><br/></textarea><br /><br /><br /><embed align="middle" autostart="false" defaultframe="rightFrame" height="100" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="275"></embed> <br /><br />Kod html: <br /><textarea cols="19" name="textarea" onfocus="this.select();" style="height: 130px; width: 470px;"><embed align="middle" autostart="false" defaultframe="rightFrame" height="100" pluginspage="http://www.microsoft.com/Windows/MediaPlayer/" showstatusbar="true" src="http://wm9.spacialnet.com/radioislam" type="application/x-mplayer2" width="275"></embed><br/></textarea><br /><br /><br /><br /><b>2. Pautan terus ke WMP. </b>Membuat pautan radio streaming ke windows media player di browser.<b><br /></b><br /><br />Contoh:<br /><br /><a href="http://wm9.spacialnet.com/radioislam" target="_blank" title="Dengar Streaming Radio Islam Nusantara" type="audio/x-mpegurl">Radio Islam Nusantara</a> <br /><br />Kod html:<br /><textarea cols="19" name="textarea" onfocus="this.select();" style="height: 80px; width: 430px;"><a title="Dengar Streaming Radio Islam Nusantara" href="http://wm9.spacialnet.com/radioislam" target="_blank" type="audio/x-mpegurl">Radio Islam Nusantara</a><br /></textarea><br /><br /><br /><br /><b>3. Latar belakang blog.</b> Letakkan kod html ini di mana-mana bahagian bawah widget HTML / Javascript yang sedia ada di blog. Radio streaming akan dimainkan secara auto setiap kali pelawat datang ke blog tanpa memperlihatkan kedudukan widget.<br /><br />Kod html: <br /><textarea cols="19" name="textarea" onfocus="this.select();" style="height: 60px; width: 430px;"><embed src="http://wm9.spacialnet.com/radioislam" autostart="true" hidden="true"></embed><br /></textarea><br /><br /><br />Fungsi autostart boleh menganggu pengunjung blog. Letakkan widget di bahagian atas atau mana-mana bahagian blog yang mudah dilihat oleh pengunjung.<div class="blogger-post-footer"><img width='1' height='1' src='https://blogger.googleusercontent.com/tracker/4686884527734807380-3137389024148279300?l=toolbar-islamwidget.blogspot.com' alt='' /></div>karguzaridakwahimanhttp://www.blogger.com/profile/02890644456133507312noreply@blogger.com0