Koleksi Widget Flash Pesoguin Part 1

3 Maret 2012

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>