شكل الاداه HTML/JavaScript

<div class="widget-content">
<center>
<center>
<div id="myLuckyPost">
</div>
<script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'مشاهدة تدوينة عشوائيا'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=feelingLucky"></script></center>
<style type="text/css">
#myLuckyPost a{
color:#fff;
display: block;
margin:10px auto;
width:200px;
background: #21B9FF;
background: -moz-linear-gradient(top,#21B9FF,#3690F0);
background: -webkit-linear-gradient(top,#3690F0,#21B9FF);
font-size:14px;
font-weight:bold;
font-family: droidkufi-bold, tahoma;
line-height:16px;
text-decoration:none;
border:1px solid #7B7A79;
padding:10px;
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#myLuckyPost a:hover{color:#fff;
background: #0300BA;
background: -moz-linear-gradient(top,#21B9FF,#3690F0);
background: -webkit-linear-gradient(top,#21B9FF,#3690F0);
text-decoration:none;
border:1px solid #7B7A79; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;}
}
#myLuckyPost a:active {}
</style></center></div>