PASANG DI WIDGED
<ul id="MenuBundar">
<li class="home"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Udah Tidur Belom Nih</b></a></li>
<li class="chat"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Chattingan Dengan Sobat Blogger</b></a></li>
<li class="email"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Kirim E-mail Ke saya</b></a></li>
<li class="shop"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Toko Online Gan</b></a></li>
<li class="delivery"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Mobil Tukang NAgih Utang Nih....??</b></a></li>
<li class="search"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Kaca Pembesar Buat Nyari Artikel</b></a></li>
<li class="address"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Catatan Hutang </b></a></li>
<li class="upload"><a href="https://www.blogger.com/blogger.g?blogID=3124141291291977828#"><b>Photo - Photo Blogger</b></a></li>
</ul>
<style type="text/css">
#MenuBundar {
padding: 0;
margin: 0 auto;
list-style: none;
position: relative;
width: 300px;
height: 300px;
background: transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwsoWbXuBcyg47UH33GdHv776E1mNBj_ut8H3vSBKyjhwXmTR003pGlIHAfRme6Tg8l268idBAhb64zIP1nqnsVakn-tHkQBj-UyVSv8tw213gOLx2TEZeKsb4Vk8xO6Xc5PhPooj2YcHb/s1600/background.gif) no-repeat
}
#MenuBundar li {
display: block;
width: 60px;
height: 60px;
position: absolute
}
#MenuBundar li.home {
left: 120px;
top: 4px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgLp7iFwiTJOaa7-5rhwKezLg16_XFiofaeyiPzGK9WyHk6w05EiULRsp4VGg1HDtL-1XjuK59n-Xzb0AXkI6O88pelxLMJip1-5ksj4LoLbYDmF4dHux9AbJwHXbS_3iupu2Kr7Af30eMJ/s1600/home.gif) no-repeat center center
}
#MenuBundar li.chat {
left: 200px;
top: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6_A6HXENcVJa8dqH5joDyhOrnREemqrPNSvJr3vPHfj7G9I0bHiir3tV79hweSY5m-csxtOGGNR8G9brjgv4WwiMT1ohTqVFzSsFMtvQarMsvgEmbCcur_wBff-nEE4DReBFyAPmSR7A4/s1600/chat.gif) no-repeat center center
}
#MenuBundar li.upload {
left: 35px;
top: 40px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6P5JJsLS81Slwsa9dqVDt2kwVUP6_M9FSKkPjy6jdKV4hZAGdNZSt_bUlW8SzcIQiQBzg_48apWn-Jl1ClrX-qlYWhqg-Mkxm_D2_E-dhY1RXI5JiCavUWqqI4KXhAMnR26LgtrSWio0H/s1600/photo.gif) no-repeat center center
}
#MenuBundar li.email {
left: 230px;
top: 115px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKYF0C20LNoQ2EZxdiUFr4kaSN6Wu5QzWykLTj5exIGteOSTVZgClp1GKDDYPEc_aZZyEJH9rSMj_kpx0tjfrlj2FiUeDtOzKmjJgg_dSeLVpTjjcsWU_WPQYALUnoh1z2p7tKoUl8ueCC/s1600/email.gif) no-repeat center center
}
#MenuBundar li.address {
left: 5px;
top: 115px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkdFZ91NkoEIFgpQDCtFrgft9b8LwVrgnravrS487PMk2lpKXNZbdk55WiT4OX7veA8HqYJoXoKh8ftTap9S21X0SiUY9TTDELxHiehxDWqZ69eOc6puWdYCiI-d9Xz_Z-_BQYURCwROnR/s1600/address.gif) no-repeat center center
}
#MenuBundar li.shop {
left: 200px;
top: 190px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8QHnGkw4gVhUyxgVEyPQag1kw8CXzE_yZap8jS6d-Ovhk0goWH4byiVFkMzybkOYGSrnpri2_s1jt11531nPK8hK4zEu3vZOHuL1brOcXUrLQYAn7mmRzFyKXu4oBLGAfWD5q7C89Ym04/s1600/shop.gif) no-repeat center center
}
#MenuBundar li.search {
left: 35px;
top: 190px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEheP-Cnkr3q6II8pCblDSy9eLuTfSM9jYIqk03YEUbPC71k5QNPag2-iyEK3y41iLedXji5RMmd2hLT1lGXv99DunMVynLpLsSuR3YSVM1xthO2hmcgXAUS3xQ-bHAmSO5pIytcm0y45SQ2/s1600/search.gif) no-repeat center center
}
#MenuBundar li.delivery {
left: 120px;
top: 225px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgF0eZ6a-8JMQTRDHo-JKim1XZsXdOR6StPFqQm4DK_GxMGHZGox9SmJ0Wi8DxAEyW-p6KGFYMKcqyBlK_Fcpga3S-_6jYhOVRDz09i_Yo16mZG0UVEgMaWPxWlz27j3v_YuHf-SrjtbW1D/s1600/delivery.gif) no-repeat center center
}
#MenuBundar li a b {
display: none
}
#MenuBundar li a {
display: block;
width: 60px;
height: 60px;
text-align: center
}
#MenuBundar li a:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvjxOFznvHaUI2lYpregmVSuSCiXVRs7IdWWAZG-yKAEWNAUpnaYrx-dQ8KMztCsPCvZxX2SIXDGoiSk_OhLiDPIqsqh8PDTrnPZNA1oDoZBDTmlxeskfyJKANvUgb68-ljI2SV5t6xqMs/s320/circle.gif);
text-decoration: none;
font-family: georgia, serif
}
#MenuBundar li a:hover b {
position: absolute;
display: block;
width: 100px;
height: 100px;
font-size: 14px;
color: #63352c;
background: #FFF
}
#MenuBundar li a:hover b span {
display: block;
font-size: 12px;
color: #888;
font-weight: normal;
margin-top: 15px
}
#MenuBundar li.home a:hover b {
left: -22px;
top: 100px
}
#MenuBundar li.chat a:hover b {
left: -102px;
top: 64px
}
#MenuBundar li.upload a:hover b {
left: 63px;
top: 64px
}
#MenuBundar li.email a:hover b {
left: -132px;
top: -11px
}
#MenuBundar li.address a:hover b {
left: 93px;
top: -11px
}
#MenuBundar li.shop a:hover b {
left: -102px;
top: -87px
}
#MenuBundar li.search a:hover b {
left: 63px;
top: -87px
}
#MenuBundar li.delivery a:hover b {
left: -22px;
top: -121px
}
</style>
<br /><br /><br />
