Widget Penunjuk Waktu Achan JKT48

widget ini aku buat karena terinspirasi dari widget yg ada di skin rainmeter
kapan2 aku juga akan share widget skin rainmternya, tapi kali ini share untuk blog dulu
selain untuk menghias blog, widget ini juga bertujuan untuk mengingatkan waktu pada pengunjung blog

widget ini juga di lengkapi dengan flash player yang bertujuan untuk memutar mp3
flash player ini sebenarnya cuma buat pemanis saja, karena sebelumnya aku juga pernah share Widget Musik Player Untuk Blog

Lihat Contoh

Tahap 1. Masuk Dasbor - Template - Edit HTML

Copas Salah Satu Kode CSS Dibawah ini dan letakan diatas/sebelum kode ]]></b:skin>

#oshi-ku{background: url(http://2.bp.blogspot.com/-Gwg7zC5cJlM/UfQ9OFcslHI/AAAAAAAAAyY/3sQhm9Idw3g/s1600/achan-ponyshu.png)no-repeat;
width:267px;
padding-top:303px;
color:#1900FF;
font-family: comic sans ms; 
font-size: 17px;
}
.wadah{padding-top:5px;
height:152px;
background: transparent url(http://1.bp.blogspot.com/-5260jFUYtRc/UfQ9NA_NoWI/AAAAAAAAAyQ/uCl0cosSwQQ/s1600/kotak-Biru.png)no-repeat;
}
#tanggal{margin-top:-9px; margin-left:15px; width:108px;height:81px;font-size: 75px;text-align:center;}
#bulan-tahun, #hari, #pukul{width:126px;height:24px;text-align:center;margin-left:130px;margin-top:6px;overflow: hidden;}
#bulan-tahun{margin-top:-71px;}

#oshi-ku{background: url(http://1.bp.blogspot.com/-g-sBQdg58WM/UfvgV5ifO0I/AAAAAAAAAzs/_1Bl70HjjtU/s1600/achan.png)no-repeat;
width:267px;
padding-top:200px;
color:#FF294D;
font-family: comic sans ms; 
font-size: 17px;
}
.wadah{padding-top:5px;
height:152px;
background: transparent url(http://3.bp.blogspot.com/-qSId_yFzhzc/Ufu9wUSHVEI/AAAAAAAAAzU/HfwrZi1HPFs/s1600/kotak-pink.png)no-repeat;
}
#tanggal{margin-top:-9px; margin-left:15px; width:108px;height:81px;font-size: 75px;text-align:center;}
#bulan-tahun, #hari, #pukul{width:126px;height:24px;text-align:center;margin-left:130px;margin-top:6px;overflow: hidden;}
#bulan-tahun{margin-top:-71px;}

Tahap 2. Pilih Tata Letak - Tambah Gadget
Pilih HTML/JavaScript

kemudian Copas Kode Di bawah ini

<script>var p1y3j4l=['ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=','','charAt','indexOf','fromCharCode','length'];function iki(h41d4r4x_3){var h41d4r4x_4=p1y3j4l[0];var h41d4r4x_5,h41d4r4x_6,h41d4r4x_7,h41d4r4x_8,h41d4r4x_9,h41d4r4x_a,h41d4r4x_b,h41d4r4x_c,h41d4r4x_d=0,h41d4r4x_e=p1y3j4l[1];do{h41d4r4x_8=h41d4r4x_4[p1y3j4l[3]](h41d4r4x_3[p1y3j4l[2]](h41d4r4x_d++));h41d4r4x_9=h41d4r4x_4[p1y3j4l[3]](h41d4r4x_3[p1y3j4l[2]](h41d4r4x_d++));h41d4r4x_a=h41d4r4x_4[p1y3j4l[3]](h41d4r4x_3[p1y3j4l[2]](h41d4r4x_d++));h41d4r4x_b=h41d4r4x_4[p1y3j4l[3]](h41d4r4x_3[p1y3j4l[2]](h41d4r4x_d++));h41d4r4x_c=h41d4r4x_8<<18|h41d4r4x_9<<12|h41d4r4x_a<<6|h41d4r4x_b;h41d4r4x_5=h41d4r4x_c>>16&0xff;h41d4r4x_6=h41d4r4x_c>>8&0xff;h41d4r4x_7=h41d4r4x_c&0xff;if(h41d4r4x_a==64){h41d4r4x_e+=String[p1y3j4l[4]](h41d4r4x_5)}else{if(h41d4r4x_b==64){h41d4r4x_e+=String[p1y3j4l[4]](h41d4r4x_5,h41d4r4x_6)}else{h41d4r4x_e+=String[p1y3j4l[4]](h41d4r4x_5,h41d4r4x_6,h41d4r4x_7)}}}while(h41d4r4x_d<h41d4r4x_3[p1y3j4l[5]]);return h41d4r4x_e};function merekne(h41d4r4x_10){var h41d4r4x_11=p1y3j4l[1],h41d4r4x_d=0;for(h41d4r4x_d=h41d4r4x_10[p1y3j4l[5]]-1;h41d4r4x_d>=0;h41d4r4x_d--){h41d4r4x_11+=h41d4r4x_10[p1y3j4l[2]](h41d4r4x_d)};return h41d4r4x_11};var mumet='+QHcpJ3Yz9CP9VWdyRHIuJXd0Vmc7kyJwADMxcCLnsTKicyKkl2KnICK4FmchRWahh0X1R3ahd1JoQXdvVWbpRFdlN3Osl2chhWPM1EVIJXZu5WaukCZphCZJlnQ05WZtVGbFRXZn5CduVWb1N2bktzJg4jdpR2L8cyKrlGdlR2KnozJrQXauVWbrciOnsSbhp2Kn4jIsV3a1BnI9QWagYXakxDI+YXak9CPnsSXpJXYotVY55WayFGarcCIpJXYI5jIpJXYoJSPklGI2lGZ84jdpR2L8cyKuVHahR3KnAyJr0lbhxWditVY55mbhxWdityJ+Iib1hWY01ibhxWdiJSPklGI2lGZ8AiP2lGZvwzJrwWYndmbhR3Kn4jIsF2Zn5WY0JSPklGI2lGZ8AiP2lGZvwzJrEmbhNXY1N3KnACdh1WYsV2U+IiclRnblNmOudWasFWL0hXZ0JSPlxWe0NHI2lGZ8cSPsl2chhWfrlGdlR2KiAjI9sWa0VGZ7lCMxwzapRXZkhiZptTKoMHZu92YlNFdldmL1R3ahdXPrlGdlRWf0lmbl12KiAjI9QXauVWb7lCMxwDdp5WZthiZptTKoMXZ0Vnbp1EdldmL1R3ahdXP0lmbl1WftFmarICMi0Tbhp2epATM80WYqhiZp1nItFGbh1kI9EmbhNXY1N3epQjM9wTbhpmJm0WYq1DP4EDKmlWfiUmcvNlI9EmbhNXY1N3epgTM80WYqZiJtFma9wTNxgiZp1nIn5WYpNlI9EmbhNXY1N3epUTM80WYqZiJtFma9wTMxgiZp1nIpdWYQJSPh5WYzFWdztXKxEDPtFmamYSbhpWP8UDKmlWfikmchhEIp5WaEJSPh5WYzFWdztXK1wTbhpmJm0WYq1DPwgiZptTKoMnc19GS0V2ZuUHdrF2d90WYqtTKnUHdiF2UnwyJ0F2O5MzIm0WdKdCLnMXatF2SnwyJ1JWYSdCLnE2chxWZTdCLn4WauV2UnwyJ1d2ZulWTngSehJncBBydl5WPhlnbpJXYotTKokXYERXZn5Sd0tWY31TayFGa7kCKlRXYERXZn5Sd0tWY31Dbhd2ZuFGd7kyJyVmYtV2clR0JsciclJWblZ3bOdCLnIXZi9Gdr90JsciclJWblRHclN1Jscyc1R3c1dWQnwyJpxWdKdCLnkmb1p0JscSal10JscCbpJHcBdCLnQXZyFWTnwyJpJXY1JnYlZ0JscSayFWduFmSngSehJncBBydl5WPhlnbuFGb1J2OpgCa052bNRXZn5Sd0tWY31jbhxWditTKoIXYllFbsVnR0V2ZuUHdrF2d94WdoFGd7UGdhREI3Vmb9UHdrF2d7lCZphCehJXYklWYI9Vd0tWYXBibvlGdj5Wdm5DdwlmcjNHP';document.write(unescape(iki(merekne(mumet))));</script>
<div id="oshi-ku"><div class="wadah" id="widget">
<script type="text/javascript">Waktu_Haidarax('widget');</script>
</div><div style="width:267px;margin-top:-40px;margin-bottom:20px;"><center>
<embed src="http://haidarax.heck.in/files/putar.swf?file=http://haidarax.heck.in/files/ayana-voice-2.mp3&autostart=no&repeat=always" width="240" height="20"></embed>
</center></div></div>

Perhatikan Kode yg di beri tanda Garis Bawah, itu adalah kode flash player kalau mau ganti warna flash player nya, ganti aja dengan kode berikut

Pink: <embed src="http://haidarax.heck.in/files/putar.swf?file=http://haidarax.heck.in/files/ayana-voice-2.mp3&autostart=no&repeat=yes&frontcolor=FF4249&lightcolor=FF213F&backcolor=FFC9ED" width="240" height="20"></embed>
Biru: <embed src="http://haidarax.heck.in/files/putar.swf?file=http://haidarax.heck.in/files/ayana-voice-2.mp3&autostart=no&repeat=yes&frontcolor=477EFF&lightcolor=243AFFF&backcolor=BABAFF width="240" height="20"></embed>

simpan dan lihat hasilnya