Cara bikin menu list ada beberapa cara dan sumber anda baca biasanya pada blogspot tidak tersedia adayang menggunakan" list o metik " , "listmetik" , " tab link " danlain-lain dari beberapa cara saya menggunakan lismetik karena lebih sederhana dan praktis untuk tampilan seperti contoh diatas " HOME TENTANG KEHUTANAN PENDIDIKAN TIPS " dapat anda rubah sesuai keingan anda adapaun caranya
1. anda posting dulu secara biasa untuk "home " yang sudah ada buata aja2. untuk tentang anda posting bisa dengan judul tentang kalau bisa satu halaman bir dilihat penuh
3. Untuk kehutanan ada posting biasa seperti no 2 atau potingan di bubuhkan label kehutanan
4. untuk pendidikan pendidikan sama dengan no 3
5. unutk tips sama dengan no 4 untuk cara 2 sampai 5 pada dasarnya sama.
lalau anda
1. sign in dengan akun dan paswood anda di blogger
2. klik-layout atau tata letak -edit html- centang expand -copy paste kode berikut
#navcontainer ul
{
display: block;
list-style: none outside;
padding: 0;
margin: 0 0 0 10px;
font-family: Verdana, sans-serif;
font-size: x-small;
}
#navcontainer li
{
padding: 0;
margin: 0 4px 0 0;
border-top: 1px solid #cecbc6;
border-right: 1px solid #cecbc6;
border-left: 1px solid #cecbc6;
background-color: #000066;
color: #ffffff;
font-weight: bold;
/* the next 4 lines are magic */
display: block;
float: left;
position: relative;
top: -1.32em;
}
#navcontainer a:link,
#navcontainer a:visited
{
background-color: #000066;
color: #ffffff;
text-decoration: none;
padding-left: 1em;
padding-right: 1em;
}
#navcontainer a:hover
{
background-color: #cecbc6;
color: #000066;
}
#navcontainerclear { display: none; }
html>body #navcontainerclear
{
display: block;
clear: both;
}
#navcontainer li#active a
{
background-color: #fff;
color: #000066;
}
diatas code ]]>skin
lalu simpan
3. beralih ke tata letak elemen add widget pilih html atau java scip copy paste kode berikut lalu edit
<div id="navcontainer">
<ul id="navlist">
<li><a href="http://namablogmu.blogspot.com/">HOME</a></li>
<li><a href="http://namablogmu.blogspot.com/2006/01/tentang-saya.
html">TENTANG</a></li>
<li><a href="http://namablogmu.blogspot.com/2006/12/kehutanan.
html">KEHUTANAN</a></li>
<li><a href="http://namablogmu.blogspot.com/search/label/pendidikan">
PENDIDIKAN</a></li>
<li><a href="http://namablogmu.blogspot.com/search/label/Tips">
TIPS</a></li>
</ul>
</div>
Ingat setelah copy paste edit larikan atau lingkan ke potingan kamu
kalau tidak di edit begitu di klik jalan mencari ngk ketemu
4. simpan dan lihat blog selamat mencoba jika tidak berhasil perhatikan baik di widgetnya edit lagi
saya mencoba berkali-kali baru berhasil itupun kurang sempurna namanya juga belajar saya bca sumbernya dari http://hakimtea.blogspot.com lalu edit sendiri untuk memilih aneka macam menu lis bisa lihat di sini Read More..
