Cara Pasang Widget Flash Pesoguin (1)

tips cara pasang gambar melayang di wordpress.com

Pesoguin adalah karakter bayi penguin emperor yang cute banget. Karakter lucu ini bisa didownload secara gratis dari android market. Saya juga memakai widget Pesoguin Clock di Windows 7 saya . Pesoguin clock ini saya modifikasi kode HTML-nya agar dapat berjalan di blog berplatform WordPress.com. Uniknya widget Pesoguin (yang nomer 1) adalah ia bisa di-clik dan menampilkan beberapa animasi yang berbeda. Selamat mencoba!

1

 Kode HTML:

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src="http://artsplanet.biz/data/swf/bp004.swf" 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 semua pesoguin yang mau dijadikan statis di widget

Kode HTML untuk jadi gambar melayang di blog WordPress.com

<code><a style=”position:fixed;top:40px;left:5px;”><div style=”width:125px;height:125px;margin:0;”>[/gigya width="125" height="125" src=" http://artsplanet.biz/data/swf/bp004.swf" 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 pesoguin dibawah yang ingin dijadikan melayang
• jika tidak ingin diletakkan di sebelah kiri atas, mohon baca tutorialnya disini

2

Kode HTML

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src="http://artsplanet.biz/data/swf/bp001.swf" 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://artsplanet.biz/data/swf/bp001.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 3

Kode HTML

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src="http://artsplanet.biz/data/swf/bp005.swf" 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://artsplanet.biz/data/swf/bp005.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code> 

4

Kode HTML

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src="http://artsplanet.biz/data/swf/bp007.swf" 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://artsplanet.biz/data/swf/bp007.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>  

 5

kode HTML

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp008.swf" 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://artsplanet.biz/data/swf/bp008.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 6

 Kode HTML:

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp009.swf" 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://artsplanet.biz/data/swf/bp009.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 7

kode HTML :

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp010.swf" 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://artsplanet.biz/data/swf/bp010.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 8

Kode HTML

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp011.swf" 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://artsplanet.biz/data/swf/bp011.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 9

Kode HTML:

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp012.swf" 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://artsplanet.biz/data/swf/bp012.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>

 10

Kode HTML:

<p align=”center”><div style=”text-align:center;width:200px;height:200px;margin:0 auto;”>[/gigya width="200" height="200" src=" http://artsplanet.biz/data/swf/bp013.swf" 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://artsplanet.biz/data/swf/bp013.swf" quality="autohigh" loop="false" wmode="transparent" menu="false" allowScriptAccess="sameDomain" ]</div></a></code>