Tutorial Blogger
]]></b:skin>
<div class='clear'></div>
<span class='widget-item-control'>
<span class='item-control blog-admin'>
<a class='quickedit' href='http://www.blogger.com/home' onclick='return _widgetmanager._popupconfig(document.getelementbyid("HTML7"));' target='confightml7' title='edit'>
<img alt='' height='18' width='18'/></a>
</span>
</span>
<div class='clear'></div>
<div class='widget html' id='html5'>
<div class='widget-content'>
<style type="text/css">
#ddabaheader {
background: #444;
height:30px;
width:495px;
padding:5px;
position:relative;
border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
}
#ddabaheader a, #ddabaheader a:visited, #ddabaheader a:hover, #ddabaheader a:active, #ddabaheader a:focus {outline:0;}
#ddabaheaderisi {
position:absolute;
left:5px; top:5px;
width:740px;
overflow:hidden;
}
dl.ddabaheaderisimenu {
width:286px;
float:left;
margin:-32700px -187px 0 0;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
}
dl.ddabaheaderisimenu a {overflow:hidden;
display:block;
height:22px;
padding:3px;
color:#76edfb;
font:normal 12px/20px verdana, sans-serif;
text-decoration:none;
text-indent:11px;
border:2px solid green;
border-width:1px 2px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-moz-transition: 1s ease-in-out;
-webkit-transition: 1s ease-in-out;
-o-transition: 1s ease-in-out;
transition: 1s ease-in-out;
}
dl.ddabaheaderisimenu a:hover {
width:300px;
box-shadow:2px 5px 15px #000;
-moz-box-shadow:2px 5px 15px #000;
-o-box-shadow:2px 5px 15px #000;
-webkit-box-shadow:2px 5px 15px #000;
}
dl.ddabaheaderisimenu a b {
display:block;
background:#777;
border:1px outset #555;
-moz-transition: all 0.5s ease-in-out;
-webkit-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;
font-weight:normal;
text-shadow:2px 2px 2px #000;
}
dl.ddabaheaderisimenu a.last {
border-width:0 2px 2px 2px;
}
dl.ddabaheaderisimenu a b:hover{
border:1px inset #000;
color: #FFFF00;
background:yellow;
}
dl.ddabaheaderisimenu a:visited {
color:#000;
}
dl.ddabaheaderisimenu dt {
float:left;
padding:0;
margin:32700px 0 0 0;
position:relative;
z-index:50;
}
dl.ddabaheaderisimenu dd {
float:left;
padding:0;
margin:0;
position:relative;
z-index:10;
}
dl.ddabaheaderisimenu dt a {
width:90px;
}
dl.ddabaheaderisimenu dd a {
background: #111;
width:90px;
}
dl.ddabaheaderisimenu dt a:hover, dl.ddabaheaderisimenu dt a:focus, dl.ddabaheaderisimenu dt a:active,
dl.ddabaheaderisimenu dd a:hover, dl.ddabaheaderisimenu dd a:focus, dl.ddabaheaderisimenu dd a:active{
margin-right:1px;
background:#777;
color:#fff;
}
dl.ddabaheaderisimenu dt a:hover b, dl.ddabaheaderisimenu dt a:focus b, dl.ddabaheaderisimenu dt a:active b, dl.ddabaheaderisimenu dd a:hover b,
dl.ddabaheaderisimenu dd a:focus b, dl.ddabaheaderisimenu dd a:active b {
background:#aaa;
background:url(http://i568.photobucket.com/albums/ss123/rizky_garut_2009/anigifrrrrrrrrr.gif) top center repeat-y;
text-shadow:2px 2px 2px #000;
}
</style>
<div style="left:40px;border:2px solid #888;padding:1px 2px;background:#111 url(http://i964.photobucket.com/albums/ae124/gubhugreyot/template%20GR-2/th_menuheaderbloggerstuars.png) repeat 0 -3px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;">
<div id="ddabaheader">
<div id="ddabaheaderisi">
<dl class="ddabaheaderisimenu">
<dt>
<a href="#url"><b>HOME</b></a>
</dt>
<dd>
<a class="last" href="http://www.mmasky.tk"><b>Masih Belajar</b></a>
</dd></dl>
<dl class="ddabaheaderisimenu">
<dt>
<a href="#url"><b>BLOG KAMI</b></a>
</dt>
<dd>
<a href="http://rizky-garut.blogspot.com/"><b>Akan Kami</b></a>
<a href="http://videomuawwanah.blogspot.com"><b>Video Kami</b></a>
<a href="http://tigarut.blogspot.com/"><b>Asal Kami</b></a>
<a href="http://ciela-rizky.blogspot.com/"><b>Tentang Kami</b></a>
<a href="http://imanmuawwanah.blogspot.com"><b>Pandangan Kami</b></a>
<a class="last" href="http://politikmuawwanah.blogspot.com"><b>Dasar Kami</b></a>
</dd>
</dl>
<dl class="ddabaheaderisimenu">
<dt>
<a href="#url"><b>PELAJARAN</b></a>
</dt>
<dd>
<a href="http://ilmutajwid-rizky.blogspot.com"><b>Ilmu Tajwid</b></a>
<a href="http://ilmunahwu-rizky.blogspot.com"><b>Ilmu Nahwu</b></a>
<a href="http://acces-rizky.blogspot.com"><b>Microsoft Office Acces</b></a>
<a href="http://doa-rizky.blogspot.com"><b>Doa-Doa</b></a>
<a href="http://ilmubalagoh-rizky.blogspot.com"><b>Ilmu Bilagah</b></a>
<a href="http://ilmushorof-rizky.blogspot.com"><b>Ilmu Shorof</b></a>
<a href="http://ilmubayan-rizky.blogspot.com"><b>Ilmu Bayan</b></a>
<a href="#url"><b>Ilmu Bade</b></a>
<a href="#url"><b>Ilmu Istiqof</b></a>
<a href="#url"><b>Ilmu Mantiq</b></a>
<a href="#url"><b>Ilmu Hisab</b></a>
<a class="last" href="#url"><b>Modifikasi Blog</b></a>
</dd>
</dl>
<dl class="ddabaheaderisimenu">
<dt>
<a href="#url"><b>KILAS</b></a>
</dt>
<dd>
<a href="#url"><b>Perguruan Tinggi</b></a>
<a href="#url"><b>Sekolah</b></a>
<a href="#url"><b>Pondok Pesantren</b></a>
<a href="#url"><b>Kursus</b></a>
<a href="#url"><b>Da’wah</b></a>
<a href="#url"><b>Pripat</b></a>
<a href="#url"><b>Tutorial Online</b></a>
<a href="#url"><b>Latihan</b></a>
<a class="last" href="#url"><b>Bela Diri</b></a>
</dd>
</dl>
<dl class="ddabaheaderisimenu">
<dt>
<a href="#url"><b>DUNIA</b></a>
</dt>
<dd>
<a href="#url"><b>Pertanian</b></a>
<a href="#url"><b>Perdagangan</b></a>
<a href="#url"><b>Peternakan</b></a>
<a href="#url"><b>Komunikasi</b></a>
<a href="#url"><b>Jasa</b></a>
<a href="#url"><b>Maya</b></a>
<a class="last" href="#url"><b>Masih didaftar</b></a>
</dd></dl></div></div></div></div></div>
