Senin, 19 Maret 2012

Membuat sub-menu Link blogspot

Membuat sub-menu link blogspot atau yang blogtegal sebut sebagai menu navigasi blogspot contohnya seperti yang terlihat pada blogtegal ini pada bagian atas yang bertuliskan

HOME | WEBHOSTING | TEMPLATE PREMIUM | PPC

Gak ada screenshot lagi mahal membuat menu navigasi blogspot,membuat sub-menu link blogspotGak usah panjang lebar kita langsung ke permasalahan utama.

  • Login ke dashboard blogspot
  • pilih Rancangan »» Edit HTML
  • Tempatkan kode CSS berikut diatas kode ]]></b:skin>

  • kemudian tempatkan kode HTML berikut diatas kode <div id='content-wrapper'> atau biasanya bertuliskan <div id='wrapper-content'>
    <div id='sub-menu'>
    <ul>
    <li><a expr:href='data:blog.homepageUrl'/>HOME</li>
    <li class='page_item page-item-2'>
    <a href='http://samsulgeudong.blogspot.com/2012/03/memasang-tanggal-pada-blog-pada-hari.html
    '>LINK 1</a></li>
    <li class='page_item page-item-2'>
    <a href='http://samsulgeudong.blogspot.com/2012/03/mengganti-cursor-pada-blog.html'>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href='http://samsulgeudong.blogspot.com/2012/03/bagaimana-cara-memposting-artikel-pada.html'>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href=''>LINK 2</a></li>
    </ul>
    </div>
  • Terakhir simpan tempalate dan lihat hasilnya.
Dari kode diatas akan terlihat seperti tampilan pada blogtegal ini, silahkan sesuaikan kode warna sesuai kehendak kamu pada kode CSS-nya dan Ganti tulisan yang berwarna hijau sesuai kehendak kamu dan ganti alamat blog dengan alamat kamu. Biasanya link yang di pasang pada sub-menu berisi link kategori atau link label. Tapi semuanya terserah kamu mau di beri link apa.
Jika ada yang kurang paham bisa di tanyakan pada kotak komentar, key

0 komentar:

Posting Komentar