Koleksi Widget Flash Islami WordPress Part 3

4 Maret 2012

Cara Pasang Widget Flash Islami (3)

tips cara pasang gambar melayang di wordpress.com

Halo narablog WordPress.com, ini adalah gerbong ke-3 dari rangkaian artikel Koleksi Widget Flash Islami WordPress. Part ke-2nya sengaja saya letakkan di blog Irfanhandi karena sementara ini saya menjadi penulis tamu di blog tersebut.

Judul: We Love Palestine

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/wiDget-We-Care-PALESTINE-5712-8192_134217728.widget?__install_id=1248336094072&__view=expanded” quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></p>

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 supaya jadi gambar melayang di blog wordpress

<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/wiDget-We-Care-PALESTINE-5712-8192_134217728.widget?__install_id=1248336094072&__view=expanded ” quality=”autohigh” loop=”false” wmode=”transparent” menu=”false” allowScriptAccess=”sameDomain” ]</div></a></code>

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 kanan atas, mohon baca tutorialnya disini

Judul: Jam Kaligrafi Bismillah

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

Kode HTML agar dia jadi gambar melayang di wordpress

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

Judul: Jam Kaligrafi Astagfirullah

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

Kode HTML gambar melayang untuk blog wordpress

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

Judul: Jam Kaligrafi Allah (Blue)

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

Kode HTML gambar melayang di wordpress.com

<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-ALLAH-Blue-4618-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