Membuat sub-menu Link blogspot - E-Learning With Blog
Headlines News :
Home » » Membuat sub-menu Link blogspot

Membuat sub-menu Link blogspot

Written By Ahmad Nurhakim on Sabtu, 07 Januari 2012 | 21.38

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://www.blogtegal.com/2010/11/membuat-cursor-menjadi-berbintang.html'>LINK 1</a></li>
    <li class='page_item page-item-2'>
    <a href='http://www.blogtegal.com/2010/11/cara-membuat-breadcrumbs-navigasi.html'>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href='http://www.blogtegal.com/2010/11/cara-membuat-textarea.html'>LINK 2</a></li>
    <li class='page_item page-item-2'>
    <a href='http://www.blogtegal.com/2011/01/memodifikasi-bentuk-link-blogger.html'>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 membuat menu navigasi blogspot,membuat sub-menu link blogspot
&lt;p&gt;Your browser does not support iframes.&lt;/p&gt;
Share this article :

0 comments:

Speak up your mind

Tell us what you're thinking... !

SubScriber

Masukan alamat Email kamu disini untuk mendapatkan artikel terbaru..!

Add to Google Reader or Homepage

Join Member

 
Support : Creating Website | Johny Template | Mas Template
Proudly powered by Blogger
Copyright © 2011. E-Learning With Blog - All Rights Reserved
Template Design by Creating Website Published by Mas Template