Widget Panel Windows 8 SM

 

Inilah pertama kalinya saya memposting Widget Blog. Widget ini saya namakan Panel W8 SM. Saya desain menyerupaiGadget Panel OS Windows 8,7,Vista. Widget ini mempunyai pajang 100px dan lebar 100px, Berposisi Melayang. Widgetyang saya keluarkan ada dua, yaitu JAM dan TANGGAL. Jika anda tertarik memasang di blog, dibawah saya kasih tutorialnya.

OK. Langsung saja.

• Masuk ke Blog kamu, dan pilih Tab Template lalu klik Edit HTML.
• Tekan Tombol F3 , untuk memudahkan mencari kata kunci 
• Pasang CSS Widget ini di atas ]]></b:skin>

.kotak-tanggal{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;right:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

.kotak-jam{line-height:1.28; text-align:left; direction:ltr; unicode-bidi:embed; display:block;font: normal normal 11px tahoma, verdana, arial, sans-serif;z-index:600;position:fixed;left:30px;width:100px;height:100px;bottom:108px;background:rgba(0,0,0,0.6);padding:10px;border:1px solid white}

• Lalu klik Simpan

• Sekarang kamu klik Tab Tata Letak, dan Tambahkan Gadget HTML/Javascript baru.
• Pastekan Source kode Widget ini di situ.

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js' type='text/javascript'></script>

<div class='kotak-tanggal'><script src='http://gadget-irvan.googlecode.com/files/Panel%20W8%E2%84%A2%D2%93%D1%8C%20Tanggal.js'></script></div>

<div class='kotak-jam'><script src='http://gadget-irvan.googlecode.com/files/Panel%20W8%E2%84%A2%D2%93%D1%8C%20Jam.js'></script></div>

• Setelah itu Simpan dan Lihat Hasilnya.

Demikianlah Posting Widget Panel W8 SM, semoga bermanfaat.

Note!

1. Anda bisa mengatur letak posisinya di CSS tadi.

Ditulis Oleh : Ð'₦ïḡɧŧɱẩŗε™ ~ Deskripsi Blog Anda

Artikel Widget Panel Windows 8 SM ini diposting oleh Ð'₦ïḡɧŧɱẩŗε™ pada hari . Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Jangan lupa bagi yang mau Copas cantumkan sumber : <a href='http://irvan-creativity.blogspot.com/2013/03/widget-panel-windows-8-sm.html'>Widget Panel Windows 8 SM</a>

:: Irvan Efendy ::