Cara Membuat Label Horizontal di Blogspot

Label Horizontal

Label atau Kategori dalam blogspot, biasanya berbentuk vertikal (keatas) dengan jumlah postingan yang berkategori, atau berbentuk tag awan, dengan tulisan yang semakin besar, ketika  post dinilai banyak dalam satu kategori.

berikut saya jelaskan Cara Membuat Label Horizontal di Blogspot, ikuti langkahnya:

1. Login ke Blogger 

2. Pilih Rancangan atau tata letak 

3. Pilih Edit Html 

4. Untuk mengantisipasi hal yang tak di inginkan, Download template dulu dan save di Pc. 

5. Masukkan kode  berikut sebelum Kode  ]]></b:skin> 

#catmenu2wrap{margin: 0px auto; padding:0; width:100%;background:#045FB4 }
#catmenu2{margin: 0px auto; padding: 3px 0; width:1000px;border-bottom:1px solid #000 ; height:20px;background:#045FB4 url() repeat-x top; }
#catmenu2 ul {float: left; list-style: none; margin: 0px; padding: 0px;}
#catmenu2 li {float: left; list-style: none; margin: 0px; padding:0 10px;}
#catmenu2 li a, #catmenu2 li a:link, #catmenu2 li a:visited {color: #fff; display: block; margin: 0px; padding: 2px 10px 2px 5px;;font-weight: none;}
#catmenu2 li a:hover, #catmenu2 li a:active { color: #fff; margin: 0px; padding: 2px 10px 2px 5px;;text-decoration: underline;font-weight: bold;}

6. Masukkan Kode Html berikut di atas <div id='outer-wrapper'> atau kode sejenisnya

<div style='clear:both;'/>
<div id='catmenu2wrap'>
<b:section class='catmenu2' id='catmenu2' maxwidgets='1' showaddelement='no'>
<b:widget id='Label12' locked='false' title='' type='Label'/>
</b:section>
</div>

selamat mencoba, semoga berhasil. kritikan dan saran sangat kami harapkan.

sumber : http://wisencare.blogspot.com/