WIDGET ISLAM

Led Ticker dengan Pesan Kaligrafi Islam
Sapalah para pengunjung blog dengan tulisan animasi ticker LED bergerak dan warna-warni, dengan ornamen bergaya Islam dan akan menampilkan pesan yang dapat dipilih: Bismillah, Salam, atau Kalimah syahadat. Pesan ditulis dalam huruf Kufi kaligrafi arab. Frame dapat diwarnai sesuai selera. Selain itu, juga akan menampilkan salam kustom yang dapat diubah.

<div id="S-WieD Led-Ticker" align="center" style="float: center; padding: 10pt 5px; display: block;"> <embed width="607" height="100" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Led-Ticker-with-Islamic-Message-4955-8192_134217728.widget?__install_id=1281703304997&__view=expanded" flashvars="col1=ff6600&col2=33cc00&text1=GANTI%20TULISAN%20SALAM%20DISINI%20&calli=1&gig_lt=1281703895812&gig_pt=1281703941984&gig_g=1" swliveconnect="true" quality="autohigh" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>

Widget	Description / Code
Ramadhan-Greetings
<div id="S-WieD Ramadhan-Greetings" width="200" height="200" style="margin:5px auto; float: right;"> <embed quality="autohigh" menu="false" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Ramadan-Greetings-4584-8192_134217728.widget?__install_id=1281703263798&__view=expanded" flashvars="wish=SuGenG%20Shaum%20Ramadhan%201431-H〈=id&gig_lt=1281703408343&gig_pt=1281703414250&gig_g=1" swliveconnect="true" loop="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah
	Kalender converter islamic widget akan menampilkan tanggal Hijriah saat tanggal pada kalender Masehi diklik. Kalender ditampilkan dalam salah satu bahasa yang tersedia: inggris, indonesia, dan arab. Warna dan ukuran dapat diubah untuk menyesuaikan desain blog atau website. <div id="S-WieD Kalender Hijriah" style="margin:0px auto; text-align:center;"> <embed src="http://www.widgipedia.com/widgets/alhabib/Hijri-Calendar-Converter-3311-8192_134217728.widget?__install_id=1281877215146&__view=expanded" width="150" height="260" flashvars="&col1=CCFFCC&dayAdd=0&cal=global〈=id&gig_lt=1281886756046&gig_pt=1281886845843&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /></div>
Islamic-Calendar-with-Floral-Ornament <div id="S-Wied Islamic-Calendar-with-Floral-Ornament" style="margin:0px auto; float: right; padding: 0pt 5px; "> <embed width="150" height="160" swliveconnect="true" quality="autohigh" loop="false" menu="false" wmode="transparent" allowScriptAccess="sameDomain" src="http://www.widgipedia.com/widgets/alhabib/Islamic-Calendar-with-Floral-Ornament-3613-8192_134217728.widget?__install_id=1281703648562&__view=expanded" flashvars="col1=ff9900&col2=006600&col3=99ff99&col4=ff9933&gig_lt=1281733615265&gig_pt=1281733634375&gig_g=1" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah Kotak [def:150x150] <div id="S-Wied Islamic-Calendar-Square-Button-1" style="margin:0px auto; float: right; padding: 0pt 5px; "> <embed width="150" height="150" wmode="transparent" quality="best" src="http://www.widgipedia.com/widgets/alhabib/Square-Button-1---Islamic-Hijri-Calendar-2825-8192_134217728.widget?__install_id=1281877038205&__view=expanded" flashvars="&col1=ff0000&col2=ff0000&dayAdd=0&cal=global&gig_lt=1281877094078&gig_pt=1281890407062&gig_g=1" swliveconnect="true" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
<div id="S-Wied Kalender Image2" style="margin:0px auto; float: left;" > <IMG style="border:0px; WIDTH:120px;" alt="Islamic Calendar" border="0" src="http://js.al-habib.info/phpimg2.php?ic=blue&it=rect&ad=-7" /></div>
<div style="margin:10px auto; float: center;"> <embed width="170" height="110" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Square-Sticker----Islamic-Hijri-Calendar-2824-8192_134217728.widget?__install_id=1281702807444&__view=expanded" flashvars="&col1=ffff99&dayAdd=0&cal=global&gig_lt=1281702917234&gig_pt=1281702922312&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Kalender Hijriah Rotate2 <div style="margin:0px auto; text-align:center; width:160px; height:160px; float:right;"> <embed width="160" height="160" wmode="transparent" src="http://www.widgipedia.com/widgets/alhabib/Glass-Orb-Rotating---Hijri-Calendar-2778-8192_134217728.widget?__install_id=1281868973177&__view=expanded" flashvars="&col1=ff9933&col2=660000&bgo=3&dayAdd=0&cal=global&gig_lt=1281900054000&gig_pt=1281900062500&gig_g=1" swliveconnect="true" quality="best" loop="false" menu="false" allowScriptAccess="sameDomain" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" /> </div>
Javascript Text Based Islamic Hijri Calendar If you do not need fancy looking hijri calendar widget, or you want to style the calendar text by yourself, or you are a webmaster or a web developer that want to build your own hijri calendar web applications, then the following code may be of use. General Usage This is a javascript code that can be used to display current hijri date of islamic calendar on a web page, eg.: Add tz= Asia/Jakarta :

Code

Username:

Password: ( LaLi? )

<form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden" /><input value="blogger" name="service" type="hidden" /><input value="8" name="nui" type="hidden" /><input value="8" name="naui" type="hidden" /><input value="2" name="fpui" type="hidden" /><input value="3" name="uilel" type="hidden" /><input value="true" name="skipvpage" type="hidden" /><input value="false" name="rm" type="hidden" /><input value="true" name="alwf" type="hidden" /><input value="http://www.blogger.com/login.g" name="roeu" type="hidden" /><input value="0" name="alinsu" type="hidden" /><input value="WbQ8QiJfUvA" name="GA3T" type="hidden" /> <div><label for="Email"> Username: <br /> <input id="Email" tabindex="1" value="S-WieD" name="Email" size="20" type="text" /> </label></div> <div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">LaLi?</a>) <br /> </label> <input id="Passwd" tabindex="2" autocomplete="on" name="Passwd" size="20" type="password" /></div><br /> <input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit" /> </form></TD>

Please enter your username and password to enter your Blogger Dasboard page!<br/><br/><form id="start-login" action="https://www.google.com/accounts/ServiceLoginBoxAuth" name="login" onsubmit="onlogin()" method="post"><input value="http://www.blogger.com/loginz?d=%2Fhome&p=http%3A%2F%2Fwww.blogger.com%2F" name="continue" type="hidden"/><input value="blogger" name="service" type="hidden"/><input value="8" name="nui" type="hidden"/><input value="8" name="naui" type="hidden"/><input value="2" name="fpui" type="hidden"/><input value="3" name="uilel" type="hidden"/><input value="true" name="skipvpage" type="hidden"/><input value="false" name="rm" type="hidden"/><input value="true" name="alwf" type="hidden"/><input value="http://www.blogger.com/login.g" name="roeu" type="hidden"/><input value="0" name="alinsu" type="hidden"/><input value="WbQ8QiJfUvA" name="GA3T" type="hidden"/><div><label for="Email"> Username: <br/><input id="Email" tabindex="1" value="" name="Email" size="20" type="text"/></label></div><div><label for="Passwd"> Password: (<a href="https://www.blogger.com/forgot.g" target="_top" title="Forgot your password?">?</a>) <br/></label><input id="Passwd" tabindex="2" autocomplete="off" name="Passwd" size="20" type="password"/></div><br/><input id="signin-btn-ns" tabindex="0" value="Sign in" class="ubtn ubtn-block" name="submit" type="submit"/></form><span style="font-size: 80%">Widget edited by <a href="http://anangku.blogspot.com/2008/11/blogger-login-form-widget.html">Anang </a></span>

Selamat mencoba, semoga berhasil........!