MEMBUAT SUBLAMAN DI BLOG

Langkah  1: Buka  Blogger >> Template >> Edit HTML, >> Pilih Process

Langkah  2:  Akan Muncul Editor HTML Template,, Tekan 'Ctrl+f' untuk mencari kata berikut ']]></b:skin>'

Langkah  3: Setelah ketemu, Please add the following code just before (sebelum) ]]></b:skin>  

.dropdown{

 border:none;

 border:0px;

 margin:0px;

 padding:0px;

 font: 67.5% Georgia;

 font-size:17px;

 font-weight:bold;

 }

.dropdown ul{

 background:url(http://img708.imageshack.us/img708/8938/menuule.png) repeat-x;height:40px;

 height:38px;

 list-style:none;

 margin:0;

 padding:0;

 }

 .dropdown li{

  float:left;

  padding:0px;

  }

 .dropdown li a{

  background:url(http://img708.imageshack.us/img708/8938/menuule.png) repeat-x;height:38px;

  color:#cccccc;

  display:block;

  font-weight:normal;

  line-height:42px;

  margin:0px;

  padding:0px 25px;

  text-align:center;

  text-decoration:none;

  }

  .dropdown li a:hover, .dropdown ul li:hover a{

   background: url(http://img832.imageshack.us/img832/9115/menulihovery.png) repeat-x;height:38px;

   color:#FFFFFF;

   text-decoration:none;

   }

 .dropdown li ul{

  background:#333333;

  display:none;

  height:auto;

  padding:0px;

  margin:0px;

  border:0px;

  position:absolute;

  width:225px;

  z-index:200;

  /*top:1em;

  /*left:0;*/

  }

 .dropdown li:hover ul{

  display:block;

 

  }

 .dropdown li li {

  background:url(http://img687.imageshack.us/img687/3765/menulili.png) repeat-x;height:38px;

  display:block;

  float:none;

  margin:0px;

  padding:0px;

  width:225px;

  }

 .dropdown li:hover li a{

  background:none;

 

  }

 .dropdown li ul a{

  display:block;

  height:35px;

  font-size:12px;

  font-style:normal;

  margin:0px;

  padding:0px 10px 0px 15px;

  text-align:left;

  }

  .dropdown li ul a:hover, .dropdown li ul li:hover a{

   background:url(http://img268.imageshack.us/img268/5686/menuliulhover.png) repeat-x;height:38px;

   border:0px;

   color:#ffffff;

   text-decoration:none;

   }

 .dropdown p{

  clear:left;

  }

Langkah  5: Simpan banjur tingali  blogipun.

Langkah 6: Buka Desain terus Tata Letak kemudian Tambah Gadget  padosi Javascript/HTML lebetke kode dibawah ini dengan penyesuaian seperlunya.

<ul class="dropdown">

 <li><a href="http://www.kecamatanpenawartama.blogspot.com"><span>BERANDA</span></a></li>

 <li><a href=" http://www.kecamatanpenawartama.blogspot.com "><span>KAMPUNG</span></a>

     <ul>

     <li><a href="http://www.kampungtrijaya.blogspot.coml/KAMPUNG TRIJAYA">PAUD</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/KAMPUNG SIDOMULYO">SD</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/SMPKU">KAMPUNG SIDOHARJO</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/ILMU UMUM">KAMPUNG TRI TUNGGALJAYA</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG BOGATAMA</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG WIRATAMA </a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG SIDODADI</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG PULO GADUNG</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG DWIMULYO</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG SIDOMAKMUR </a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG TRIKARYA</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG REJOSARI</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG WIRA AGUNGSARI</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/PRAMUKA">KAMPUNG TRI REJO MULYO</a></li>

     </ul>

 </li>

 <li><a href="http://www.trisnomarsa.blogspot.com/search/label/AGAMA"><span>AGAMA</span></a></li>

 <li><a href="http://www.trisnomarsa.blogspot.com/search/label/GAMBAR LUCU"><span>GAMBAR</span></a>

     <ul>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/ALBUM">ALBUMKU</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/GAMBAR UNIK">GAMBAR LUCU</a></li>

     </ul>

 </li>

<li><a href=" http://www.trisnomarsa.blogspot.com/search/label/BLOG "><span>TENTANGKU</span></a></li>

 <li><a href=" http://www.trisnomarsa.blogspot.com/search/label/PRODUK HUKUM "><span>KERJAAN</span></a>

     <ul>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/KAMPUNG">KAMPUNG</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/KAMPUNG">KECAMATAN</a></li>

     <li><a href="http://www.trisnomarsa.blogspot.com/search/label/TULANG BAWANG">KABUPATEN</a></li>

Tulisan MERAH adalah Halaman dan BIRU adalah SUBHALAMAN, mudah bukan Silakan dicoba