Cara Pasang Widget Flash Islami (5)

tips cara pasang gambar melayang di wordpress.com

tips cara pasang gambar melayang di wordpress.com

Sebagian dari widget yang anda lihat di postingan ini tadinya tidak dapat lagi berjalan di platform WordPress.com. Saya mengunduh file swf-nya lalu mengupload ulang file-file tsb ke widgipedia agar bisa ditampilkan kembali di blog WordPress.com. Terima kasih Orido. Warisanmu memang luar biasa!

Judul: Widget Suara Doa Shalawat (ada suaranya!)

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/DoaShalawat-4528-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

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=”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/DoaShalawat-4528-8192_134217728.widget?__install_id=1248327469976&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Cara pasangnya:

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

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-ALLAH-4615-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML Gambar Melayangnya:

<code><a style=”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-ALLAH-4615-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Widget Assalamu’alaikum

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/PinkSalam-4579-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML gambar melayang:

<code><a style=”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/PinkSalam-4579-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Widget Selamat Menunaikan Ibadah Shaum

Versi Ukhti

Versi Akhi

Kode HTML untuk Ukhti

<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/MetRamadhan1_-4539-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML Ukhti Melayang

<code><a style=”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/MetRamadhan1_-4539-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Kode HTML Akhi

<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/MetRamadhan2_-4540-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML Akhi Melayang

<code><a style=”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/MetRamadhan2_-4540-8192_134217728.widget?__install_id=1248336094072&__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Islam a Name of Peace

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/red_conjurer/Islam-a-name-of-peace-13677-8192_134217728.widget?__install_id=1331007383663&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML gambar melayangnya:

<code><a style=”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/red_conjurer/Islam-a-name-of-peace-13677-8192_134217728.widget?__install_id=1331007383663&amp;__view=expanded ” quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Islam is My Way

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/red_conjurer/Islam-is-my-way-13676-8192_134217728.widget?__install_id=1331007150441&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML gambar melayangnya:

<code><a style=”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/red_conjurer/Islam-is-my-way-13676-8192_134217728.widget?__install_id=1331007150441&amp;__view=expanded ” quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Jam Aqsa

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/red_conjurer/Jam-Aqsa-13678-8192_134217728.widget?__install_id=1331007533698&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML gambar melayangnya:

<code><a style=”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/red_conjurer/Jam-Aqsa-13678-8192_134217728.widget?__install_id=1331007533698&amp;__view=expanded ” quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Judul: Ana Muslim

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/red_conjurer/Ana-Muslim-13679-8192_134217728.widget?__install_id=1331007704382&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

Kode HTML gambar melayangnya:

<code><a style=”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/red_conjurer/Ana-Muslim-13679-8192_134217728.widget?__install_id=1331007704382&amp;__view=expanded&#8221; quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

Seperti biasa, jika anda menyukai artikel ini tolong share juga di Facebook dan Twitter anda :D