Kumpulan Widget Islami yang menyejukkan hati

Assalammualaikum wr wb,,

izinkan saya berbagi dengan sobat blogger,,,,
semoga bermanfaat, dan pahala selalu tercurah bagi kita semua,,,,,

amiiin,,

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



17. Widget Jam Kaligrafi Qiyamullail
Kodenya :

<code><p align=”center”><div style=”text-align:center;width:300px;height:220px;margin:0 auto;”>[gigya width="300" height="220" src="http://www.widgipedia.com/widgets/orido/jam-Kaligrafi-Qiyamullail-4645-8192_134217728.widget?__install_id=1248336094072&__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p></code>

18. Widget Jam Kaligrafi Alquran
kodenya :

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-ALQURAN-4647-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

19. Jam Kaligrafi Ramadhan Karim
kodenya :

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src="http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-Ramadhan-Karim-4646-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

20. Jam Kaligrafi Biru
kodenya :

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src=" http://www.widgipedia.com/widgets/orido/Jam-Kaligrafi-BLUE-4621-8192_134217728.widget?__install_id=1248336094072&__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>


21. Red Akhwat
Kodenya :
<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src="http://www.widgipedia.com/widgets/orido/Jam-RED-Akhwat-4670-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

22: Yellow Akhwat
Kodenya :
<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src=" http://www.widgipedia.com/widgets/orido/Jam-YELLOW-Akhwat-4671-8192_134217728.widget?__install_id=1248336094072&__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

23.Blue Akhwat
Kodenya :
<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://www.widgipedia.com/widgets/orido/Jam-BLUE-Akhwat-4672-8192_134217728.widget?__install_id=1248336094072&__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

24.Animasi Bedug Lebaran
Kodenya:
<p align=”center”><div style=”text-align:center;width:400px;height:200px;margin:0 auto;”>[gigya width="400" height="200" src="http://www.widgipedia.com/widgets/orido/wiDget-bedug-Lebaran-6270-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

25.Lebaranku Bercahaya
Kodenya :
<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[gigya width="200" height="200" src=" http://www.widgipedia.com/widgets/orido/wiDget-Ramadhan-BeRcahaya-6142-8192_134217728.widget?__install_id=1248336094072&__view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></p>

Semoga bermanfaat, :)
sumber :http://wawasankeislaman.blogspot.com
             http://pesutweb.com

       

Waalaikummussalam, wr wb

Read More

CARA MEMBUAT FLASH MESSAGE DAN FLASH EFFECT DENGAN MUDAH

Cara membuat flash effect dan flash message yang keren

Assalammualaikum, wr wb,

sobat blogger, kali ini saya akan kembali berbagi tips untuk mempercantik blog sobat,,,

dan sekaligus dapat membuat pengunjung blog sobat, menjadi merasa disambut dengan baik oleh tuan rumah,, :D

dengan menggunakan jasa pihak ketiga, sobat bisa membuat flash effect dan flash message yang keren,,,,

seperti yang ada disamping kiri dekstop sobat blogger,, :)

flash flash efek & flash message biasanya digunakan untuk pesan pembuka atau bisa digunakan untuk memperkenalkan nama sobat di dalam blog,,,, :)

tidak usah basa basi lagi, langsung kita praktekkan,,, :D

contoh :

1. kilk http://www.widgeo.net/

2. silahkan sobat klik menu flash efek & flash message pada menu tersebut ( sesuai selera sobat, senang flash effect atau message,,, :D

3. isi format yang tersedia pada kolom tersebut

4.kemudian, klik get widget untuk mendapatkan kode

5. log in ke blogger  sobat > tata letak > add java script/HTML > copy paste kode> udah selesai deh,,,,,

hmm, gampang banget, bukan ???

semoga bermanfaat bagi sobat blogger,,,

karena berbagi itu indah,,,, :D

Wassalammualaikum, wr wb,,

Read More

Software keren untuk melukis lewat komputer

Assalammualaikum wr wb,,

sobat blogger kali ini saya akan mencoba untuk berbagi informasi,,
hmm,  btw, sobat pernah dengar, kan ??
software komputer yang bisa digunakan buat gambar atau melukis,,,
ehh, yang bener, ??, hh
iya lah, dijaman serba digital seperti sekarang, semuanya serba praktis,,,,
saya sudah coba, sobat,,,
KEREEEN ABISSS,,
tools buat melukisnya lengkap banget,,,

bagi yang hobi gambar, pas banget ,,,,
software ini bisa  mengasah bakat sobat,,,
nama softwarenya ArtRage

keunggulannya melukis pake software ini, sobat gak pernah akan kehabisan tinta dan kertas,mantep kan ??
oh ya tambahan, software ini membutuhkan tingkat kesabaran yang tinggi,,
kalo melukis lewat pc, karena menggunakan jasa mouse,,,hhe
 tapi kalo sobat punya i-pad or gadget touchscreen, dijamin tambah seru deh,,,

ini beberapa hasil lukisan ane,,, :D

ini lukisan pertama ane, sob,,,

suasana alam yang indah,,hh

kota dimalam hari,,,

malam purnama, sob,,,

sebenarnya masih ada beberapa hasil gambar coretan tangan saya,,
tapi saya kira cukup ini saja,,
karena saya yakin sobat blogger , sudah tidak sabar untuk mencoba softwarenya,, :D

silahkan sobat download,,
Download ArtRage Studio Pro 3.5.0
fitur :
kumpulan alat lukis
dapat mengatur ketebalan, besar sudut, dan tekanan alat lukis
kanvas
transparasi atau skala
layer dan trace,
cat metalic,,etc

semoga bermanfat, dan selamat berkarya,,, :D

Wassalammualaikum, wr wb



sdlljjsobat

Read More

Cara Jitu Mengganti Background Blog dengan Gambar

- Cara/trik merubah/mengubah background blog dengan gambar secara cepat dan mudah atau cara agar background blog bisa berganti dengan gambar.

Assalammualaikum,,

kali ini saya akan berbagi ilmu bagaimana cara mengganti backround blog yang sebelumnya biasa saja, menjadi ruar biasa,,hhe
sebenarnya cukup simple, dan saya yakin sobat blogger akan dengan mudah mempraktekkannya, silahkan diikuti,,, :D

Disini kita akan mengambil contoh pada background body di tamplate blog kita, cari kode body { Nah di sana terdapat kode background. :)

body{
background:#ded8c0;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

kita ambil contoh background yang pernah saya gunakan,,,

http://www.all-hd-wallpapers.com/wallpapers/abstract/355857.jpg

''  ''

Maka kalian cukup menambahkan url

(http://www.all-hd-wallpapers.com/wallpapers/abstract/355857.jpg) repeat-x; pada background tersebut.
Jadi :

body{
background:#ded8c0 

url(http://www.all-hd-wallpapers.com/wallpapers/abstract/355857.jpg) repeat-x;
color:#28261A;
font:12px verdana,arial,Sans-erif;
text-align:left;
margin:0;
line-height:1.6em;
}

Gambar Background sobat juga bisa tetap walaupun scroll mouse kamu gerakkan ke atas atau kebawah. 

Tinggal sobat modifikasi sedikit saja dengan mengganti repeat-x; menjadi repeat-x top left fixed; atau yang paling saya suka adalah menggunakan gambar kecil namun bisa menjadi besar dan tetap. 

coba sobat cari dulu gambar yang berukuran kecil, setelah itu seperti biasa, tinggal sobat rubah repeat-x; menjadi repeat scroll 0 0;

demikianlah tips jitu dari ane, semoga bermanfaat bagi sobat blogger,,, :D

Wassalammualaikum, wr wb 

Referensi: http://infonetmu.blogspot.com/2012/01/cara-mengganti-background-blog-dengan.html

Read More

Cara Mempercepat Loading Blog

TIPS MEMPERCEPAT LOADING BLOG

Assalammualaikum wr. wb.

Ada beberapa cara untuk mempercepat loading blog kesayangan sobat blog, tetapi pada kali ini saya akan mencoba menjelaskan 2 cara yang lazim dan mudah diterapkan :

1. Mengkompres Script Blog

Cara pertama untuk mempercepat loading blog kita ini adalah dengan cara mengkompres script blog kita. Jika script blog kita dikompres tentunya akan menjadi lebih kecil ukurannya, dan tentu saja akan sangat berpengaruh terhadap kecepatan loading blog kita. Untuk mengkompres script baik itu CSS, HTML, JavaScript, ataupun script blog secara keseluruhan saya biasanya menggunakan tool online gratisan disini. Pada tool tersebut kita bisa mengatur sendiri seperti apa script blog kita ingin di kompres.

2. Menambahkan Script Pencepat Loading Blog

Cara kedua adalah dengan menambahkan script pada blog kita. Letakkan script dibawah ini tepat di atas kode </head>

<script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>
<script src='http://cuerosb.googlecode.com/files/cueros%20-lazyload.js' type='text/javascript'/>
<script charset='utf-8' type='text/javascript'>
$(function() {
$(&quot;img&quot;).lazyload({placeholder : 
&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhkUdBD04l0kU2LNTT0M449J7VS0sup5gkoMZuigwPMKz7kB4tOdCLAoDAlm_ShH5E1t2iVr-xGCSBlD6gz6UA8SyRa0a60Z36OvAFSjGETlAQKWabtY90DKpRjxIt1_QbVgt09GEgVQ5w/&quot;,threshold
: 200});
});
</script>

Hmm, mungkin itu dulu sobat blogger,,semoga dapat sesuai dengan yang diinginkan dan sedikit membantu keresahan dari para sobat blog,, :D
Wassalammualaikum wr. wb.

.: Semoga Bermanfaat :.

Read More

PERINGATAN HARI SUMPAH PEMUDA

Sumpah Pemuda yang jatuh pada 28 Oktober punya arti, makna dan pemahaman yang berbeda beda masing-masing individu..

namun kita harus dapat memaknai hari sumpah pemuda,sebagai mengenang sosok yang harus memberi inspirasi sebagaimana terjadinya ikrar sumpah pemuda pada tahun 1928. "Seharusnya pemuda menginspirasi kemajuan negara, saat itu 28 Oktober yang lalu, pemuda menginspirasi menuju Indonesia merdeka, sekarang pun sama,,,

SAATNYA BANGKIT PEMUDA,,
INDONESIA MERINDUKANMU,,,,,,

Read More

SPANDUK HARI PAHLAWAN

Assalammualaikum, 
BEM FKIP UNSRI
mengucapkan selamat hari Pahlawan 10 November 2012,,

Wahai kaum muda, 
mari buktikan rasa terima kasihmu kepada para pahlawanmu, 
dengan cara mengharumkan nama bangsa dan negaramu. 

sisihkan waktu 6o detik untuk mengheningkan cipta,,
mengenang dan mendoakan mereka atas jasa dan keikhlasan mereka untuk membawa negeri ini MERDEKA

Read More

Design jaket keren 2013

Design jaket KEREN BO BAROKAH

Read More