Cara Mengatur Layout pada Blog

1. <style>
#menunavigasihorisontal {
background: #FF00FF;
width: 100%;
color: #00FFFF;
margin: 10px 0;
padding: 0;
position: relative;
border-top:0px solid #FFF;
height:35px; }
#bb2nav {
margin: 0;
padding: 0;}
#bb2nav ul {
float: left;
list-style: none;
margin: 0;
padding: 0;}
#bb2navli {
list-style: none;
margin: 0;
padding: 0;}
#bb2nav li a, #bb2nav li a:link, #bb2nav li a:visited {
color: #FFFFFF;

2. display: block;
font:bold 12px Helvetica, sans-serif;
margin: 0;
padding: 9px 12px 11px 12px;
text-decoration: none;
border-right:0px solid #627AAD;}
#bb2nav li a:hover, #bb2nav li a:active {
background: #00008B;
color: #FFFFFF;
display: block;
text-decoration: none;
margin: 0;
padding: 9px 12px 11px 12px;}
#bb2nav li {
float: left;
padding: 0;}
#bb2nav li ul {
z-index: 9999;
position: absolute;
left: -999em;
height: auto;
width: 160px;
margin: 0;
padding: 0;}
#bb2nav li ul a {

3. width: 140px;}
#bb2nav li ul ul {
margin: -25px 0 0 161px;}
#bb2nav li:hover ul ul, #bb2nav li:hover ul ul ul, #bb2nav
li.sfhover ul ul, #bb2nav li.sfhover ul ul ul {
left: -999em;}
#bb2nav li:hover ul, #bb2nav li li:hover ul, #bb2nav li li
li:hover ul, #bb2nav li.sfhover ul, #bb2nav li li.sfhover ul, #bb2nav
li li li.sfhover ul {
left: auto;}
#bb2nav li:hover, #bb2nav li.sfhover {
position: static;}
#bb2nav li li a, #bb2nav li li a:link, #bb2nav li li a:visited {
background: #000080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
margin: 1px 0 0 0;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;

4. border:1px solid #ddd;
-moz-border-radius:4px;
-webkit-border-radius:4px;}
#bb2nav li li a:hover, #bb2nav li li a:active {
background: #627AAD;
color: #FFFFFF;
display: block;}
#bb2nav li li li a, #bb2nav li li li a:link, #bb2nav li li li
a:visited {
background: #800080;
width: 120px;
color: #FFFFFF;
display: block;
font:normal 12px Helvetica, sans-serif;
padding: 9px 12px 10px 12px;
text-decoration: none;
z-index:9999;
border:1px solid #ddd;
margin: 1px 0 0 -14px;}
#bb2nav li li li a:hover, #bb2nav li li li a:active {
background: #000080;
color: #FFFFFF;
display: block;}

5. </style>
<div id='menunavigasihorisontal'>
<ul id='bb2nav'>
<li>
<a href='#'>BERANDA</a>
</li>
<li>
<a href='#'>MATERI FIQH▼</a>
<ul>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-2-sholat-
sunnah.html'>Sholat Sunnah </a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-1-iman-
kepada-kitab.html'>Iman Kepada Kitab Allah</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-3-
macam-macam-sujud.html'>Macam-macam Sujud</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/materi-bab-5-
pertumbuhan-lmu.html'>Pertumbuhan Ilmu Pengetahuan Pada Masa Umayyah</a></li>
</ul>
</li>
<li>
<a href='#'>BANK SOAL ▼</a>
<ul>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-i-iman-kepada-
kitab.html'>Latihan Soal bab 1</a></li>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-ii-sholat-
sunnah.html'>Latihan Soal bab 2</a></li>
<li><a

6. href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-ii-macam-
sujud.html'>Latihan Soal bab 3</a></li>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latihan-soal-bab-iv-puasa.html'>Latihan
Soal bab 4</a></li>
<li><a
href='http://jendelabelajarpai.blogspot.co.id/2015/12/latrihan-soal-bab-v-perkembangan-
ilmu.html'>Latihan Soal bab 5</a></li>
</ul>
</li>
<li>
<a href='#'>Perangkat ▼</a>
<ul>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/program-semester-
kelas-8.html'>Program Semester</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/program-tahunan-
kelas-8.html'>Program Tahunan</a></li>
</ul>
</li>
<li>
<a href='http://jendelabelajarpai.blogspot.co.id/2015/12/silabus-pai-kurikulum-2013-
kelas-8.html'>Silabus K 13</a>
</li>
<li>
<a href='#'>Rencana Pelaksanaan Pembelajaran ▼</a>
<ul>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-puasa-wajib-
dan-sunnah.html'>RPP Puasa Wajib dan Sunnah</a></li>

7. <li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-i-iman-
kepada-kitab-allah.html'>RPP Iman Kepada Kitab Allah</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/11/rpp-macam-sholat-
sunnah.html'>RPP Sholat Sunnahr</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-iii-macam-
macam-sujud.html'>RPP Macam-macam Sujud</a></li>
<li><a href='http://jendelabelajarpai.blogspot.co.id/2015/12/rpp-bab-5-
pertumbuhan-ilmu-pengetahuan.html'>RPP Pertumbuhan Ilmu Pengetahun Pada Masa
Umayyah</a></li>
</ul>
</li></ul></div>