Label pada blogspot semacam kategori pada wordpress atau website lainnya, Secara default label kategori pada blogspot berbentuk Vertikal, dan biasanya dipasang pada sidebar blog, Tapi bagaimana jika anda berkeinginan untuk membuat menu horisontal dari label pada blogspot, Dengan mengguanakan Label pada menu maka akan mempermudah Navigasi pada blog anda.
Ikuti langkah-langkah berikut :
1. Backup Template anda biar aman dan tak ragu-ragu untuk memulai.
2. Tambahkan elemen label pada template anda, tempatakan pada tempat yang anda inginkan, Umumnya di bawah header. (Gambar pada point 4)
3. Copy Code CSS berikut pada Kolom Css anda : Diatas Code ]]>
5. Cari kode label10 pada HTML seperti kode dibawah
Catatan :
Max-results=100 Bisa anda sesuaikan dengan Kebutuhan, jika blog anda menggunakan Page Navigasi anda baiknya anda menyesuikannya.
Untuk Model Navigasi yang lain silahkan klik Disini
okkkkkkkkeeeeeeeeeeyyyyy....
Ikuti langkah-langkah berikut :
1. Backup Template anda biar aman dan tak ragu-ragu untuk memulai.
2. Tambahkan elemen label pada template anda, tempatakan pada tempat yang anda inginkan, Umumnya di bawah header. (Gambar pada point 4)
3. Copy Code CSS berikut pada Kolom Css anda : Diatas Code ]]>
#tabsF{float:left;width:730px;font-size:93%;line-height:normal;}
#tabsF ul{list-style:none;margin:0;padding:0}
#tabsF li{display:inline;margin:0;padding:0}
#tabsF a{float:left;text-decoration:none;border:solid 1px #ccc;border-top:none;border-bottom:none;border-left:none;margin:0;padding:0 0 0 0px}
#tabsF a span{display:block;color:#666;float:none;padding:10px 15px 4px 6px}
#tabsF a:hover span{background:#191919 url(https://sites.google.com/site/gaptekblog/tabinactivebg.gif.png) repeat-x scroll left top;color:#FFF;}
4. Cari Code Label tadi Contohnya : Pada gambar dibawah kode Label105. Cari kode label10 pada HTML seperti kode dibawah
<b:widget id='Label10' locked='false' title='Labels' type='Label'/>
Kemudian Ganti dengan Kode ini :
<b:widget id='Label10' locked='false' title='' type='Label'> <b:includable id='main'> <div id='tabsF'> <ul> <li><a expr:href='data:blog.homepageUrl'><span>Home</span></a></li> <b:loop values='data:labels' var='label'> <li><a expr:href='data:label.url + "?max-results=100"'><span><data:label.name/></span></a></li> </b:loop> </ul> <!-- <b:include name='quickedit'/> --> </div> </b:includable> </b:widget>
7. Silahkan Di Preview dulu, jika tidak ada masalah silahkan di Save, Pengaturan Warna dan dimensi silahkan di atur sendiri.
Catatan :
Max-results=100 Bisa anda sesuaikan dengan Kebutuhan, jika blog anda menggunakan Page Navigasi anda baiknya anda menyesuikannya.
Untuk Model Navigasi yang lain silahkan klik Disini
okkkkkkkkeeeeeeeeeeyyyyy....