Widget Islami Untuk Blog

Widget Islami Untuk Blog

Widget Islami Tony Kurnia'one  

Jika anda perhatikan contoh jam yang ada diblog ane, tentu anda langsung berkomentar bahwa jam tersebut adalah jam yang berwajahkan agama Islam.
Selain bentuk jam yang ditampilkan disini, masih banyak bentuk-bentuk jam menarik lainnya, semuanya ada dalam Clock Widgets. Disamping itu tersedia juga widget lainnya seperti : Greeting Cards, , Islamic Calendar, Islamic Widgets dan Qibla Pointer.
Widget-widget diatas dapat dijadikan asesoris blog anda. Caranya sangat mudah, anda hanya tinggal mengunjungi situs yang menyediakan widget-widget diatas.

1. Klik link :http://al-habib.info atau anda juga bisa cari disini : http://www.widgetbox.com/tag/islamic
2. Setelah berada disitus tersebut, anda bisa langsung memilih widget mana yang akan dimasukan ke dalam blog anda tanpa harus mendaftar terlebih dahulu.
3. Lihat ke bagian sebelah kiri, disitu ada tulisan service yang dibawahnya terdapat sederetan tab menu yaitu :
• Greeting Cards
• Clock Widgets
• Islamic Calendar
• Islamic Widgets
• Qibla Pointer
4. Pilih salah satunya yang menurut anda patut untuk ditampilkan di blog anda.Misalnya anda memilih tab Islamic Calender.setah anda klik tab tadi, anda akan diperlihatkan contoh kalender Islam sebanyak 6 halaman.
5. Jelajahi dulu setiap halaman untuk melihat-lihat kalender mana yang menarik perhatian anda.
6. Setelah anda memutuskan pilihan, klik Get this widget.
7. Halaman berikutnya anda diminta untuk melakukan pengaturan penampilan kalender yang anda pilih.
8. Setelah selesai mengotak-atik, lihat dibagian bawah kemidian klik tombol seperti ini untuk mendapatkan kode HTMLnya.
9. Selanjutnya anda akan dibawa pada tab baru yang didalamnya ada kode HTML.
10. Klik copy kemudian simpan pada notepad. Atau bisa langsung masuk ke blog anda dengan cara : klik lambang Blogger kemudian isi kotak-kotak dengan data yang diperlukan.
11. Klik post sebagai langkah terakhir.

Contoh-contoh Widget Islami dari situs http://alhabib.info :


Islamic Greeting Cards by Alhabib
Masih banyak widget yang dapat anda pilih dari situs tersebut.Silahkan anda coba, semoga bermanfaat.

SUBHANALLAH, ALHAMDULILLAH, LAILAHAILLALLAH, ALLAHU AKBAR,

SUBHANALLAH, ALHAMDULILLAH, LAILAHAILLALLAH, ALLAHU AKBAR,

Widget Islami Tony Kurnia'one  

Dari Abu Darda RA meriwayatkan bahawa Rasulullah SAW bersabda, katakanlah

SUBHANALLAH, ALHAMDULILLAH, LAILAHAILLALLAH,

ALLAHU AKBAR,

WALAHAULAWALA KUWATAILLA BILLAH

sesungguhnya ia adalah BAQIYAYATUSSALIHAT,

kalimat ini menghapus dosa-dosa sebagaimana daun-daun akan berguguran daripada pohonnya di musim dingin dan kalimat ini juga

sebagai khazanah di dalam syurga.

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-4.swf','bottom','0px','left','0px','113211','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-4.swf','bottom','0px','right','0px','113212','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-4.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements.

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-5.swf','bottom','0px','left','0px','113213','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-5.swf','bottom','0px','right','0px','113214','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-5.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements.

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-7.swf','bottom','0px','left','0px','113215','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-7.swf','bottom','0px','right','0px','113216','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-7.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements.

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-6.swf','bottom','0px','left','0px','113215','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-6.swf','bottom','0px','right','0px','113216','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-6.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements.

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-8.swf','bottom','0px','left','0px','123211','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-8.swf','bottom','0px','right','0px','123212','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-8.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements.

Kalau anda menggunakan widget ni, jangan lupa tinggalkan komen ok? Thankiu...
Sila BACA TUTORIAL ni kalau nak tahu cara untuk diletakkan di blog anda. Enjoy... ;-)

Subhanallah, Alhamdulillah, Allahuakbar

Subhanallah, Alhamdulillah, Allahuakbar

Widget Islami Tony Kurnia'one  

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-1.swf','bottom','0px','left','0px','111211','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-1.swf','bottom','0px','right','0px','111212','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-1.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements. TG Nik Aziz Karikatur image by Triple Color Life

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-2.swf','bottom','0px','left','0px','111213','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-2.swf','bottom','0px','right','0px','111214','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-2.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements. Upin & Ipin image by LesCopaque

Copy this CODE: [if you want to put in BOTTOM LEFT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-3.swf','bottom','0px','left','0px','111215','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in BOTTOM RIGHT POSITION] <script language="JavaScript" src="https://sites.google.com/site/adiwidget/adiWidget.js" type="text/javascript"></script><script language="JavaScript" type="text/javascript">eXl1lXc('https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-3.swf','bottom','0px','right','0px','111216','150','300','transparent','ffffff');</script> and paste in in your HTML file before < /body> tag Copy this CODE: [if you want to put in your SIDEBAR] <div style="text-align: center;"><embed pluginspage="http://www.macromedia.com/go/getflashplayer" width="150" height="300" src="https://6481650730899347971-a-1802744773732722657-s-sites.googlegroups.com/site/adiwidget/zikir-3.swf" wmode="transparent" type="application/x-shockwave-flash" quality="high"></embed></div> and paste in in your HTML/Javascript, Page Elements. Upin & Ipin image by LesCopaque

Kalau anda menggunakan widget ni, jangan lupa tinggalkan komen ok? Thankiu...
Sila BACA TUTORIAL ni kalau nak tahu cara untuk diletakkan di blog anda. Enjoy... ;-)