Cara Pasang Widget Flash Islami (1)

tips cara pasang gambar melayang di wordpress.com

>> Untuk part 2 baca disini <<

Masih dengan semangat untuk mempercantik tampilan blog WordPress, saya menyusun artikel Koleksi Widget Flash Islami khusus untuk blog di WordPress.com. Perlu diketahui, bukan saya yang membuat file-file .SWF yang cantik-cantik ini. Animasi SWF-nya dibuat oleh masbro Orido. Saya hanya menyusunnya kembali agar mudah dibaca oleh para pembaca semua.  Haturnuhun masbro!

Okey kita langsung saja menengok Koleksi Widget Flash Islami WordPress :

Judul: Widget Jam Kaligrafi Qiyamullail

Kode HTML

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

Cara memasang:

• masuk ke wp-admin -> tampilan -> widget
• drag widget teks ke bagian sidebar
• lalu copy paste kode HTML di atas ke widget tersebut
• hapus tanda ” / ” agar kode HTML dapat berjalan dengan benar
• mohon sesuaikan width dan height agar pas dgn widget anda
• cara ini berlaku juga untuk file flash Islami yang mau dijadikan statis di widget

Kode HTML untuk gambar melayang

<code><a style=”display:scroll;position:fixed;top:40px;left:5px;”><div style=”width:125px;height:125px;margin:0;”>[/gigya width="125" height="125" src=" http://www.widgipedia.com/widgets/orido/jam-Kaligrafi-Qiyamullail-4645-8192_134217728.widget?__install_id=1248336094072&amp __view=expanded" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

Cara memasang:

• masuk ke wp-admin -> tampilan -> widget
• drag widget teks ke bagian sidebar
• lalu copy paste kode HTML gambar melayang di atas ke widget tersebut
• hapus tanda ” / ” agar kode HTML dapat berjalan dengan benar
• cara ini berlaku juga untuk file flash Islami dibawah yang ingin dijadikan melayang
• jika tidak ingin diletakkan di sebelah kiri atas, mohon baca tutorialnya disini

Judul: Widget Jam Kaligrafi Alquran

kode HTML

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

Kode HTML Gambar Melayang

<code><a style=”display:scroll;position:fixed;top:40px;left:5px;”><div style=”width:125px;height:125px;margin:0;”>[/gigya width="125" height="125" 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></a></code>

Judul: Jam Kaligrafi Ramadhan Karim

kode HTML

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

Kode HTML gambar melayang

<code><a style=”display:scroll;position:fixed;top:40px;left:5px;”><div style=”width:125px;height:125px;margin:0;”>[/gigya width="125" height="125" 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></a></code>

Judul: Jam Kaligrafi Biru

kode HTML untuk jam Kaligrafi Biru

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

Kode HTML gambar melayangnya :

<code><a style=”display:scroll;position:fixed;top:40px;left:5px;”><div style=”width:125px;height:125px;margin:0;”>[/gigya width="125" height="125" 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></a></code>

Semua widget dan gambar melayang telah diuji coba dengan sukses.

credit goes to Orido