March 31, 2025 01:14:12 AM Menu

    Menu horisontal ini tanpa mengedit HTML template, jadi misal kalu kurang bagus, tinggal di hapus. Beda dengan menu horisontal yang harus mengedit HTML template, pasti blogger pemula seperti saya ini akan kesulitan karena kurang mengerti bahasa javascript. Berikut langkah - langkah pembuatannya.


    Klik Rancangan > Elemen Laman > Tambah Gadget.
    Pilih HTML/JavaScript.
    Copy kode di bawah ini dan paste di kolom yang ada.


    <div style="overflow:no; width:100%px; height:100%px; padding:0px; border:0px solid #FFFFFF; background:#FFFFFF;">
    <div class="menuhorisontal"> 
    <li>
    <a href="http://72bidadari.blogspot.com">HOME</a>
    <a href="http://72bidadari.blogspot.com/2011/08/tukeran-link.html"target="_blank">Link Exchange</a>
    <a href="http://72bidadari.blogspot.com/search/label/Download"target="_blank">Download</a>
    <a href="http://72bidadari.blogspot.com/search/label/Blog%20Tutorial"target="_blank">Blog Tutorial</a>
    <a href="http://www.blogger.com/" target="_blank">Loggin Blogger</a>
    </li> 
    </div> 
    </div>

    Keterangan:
    Tulisan berwarna orange adalah kode warna HTML, silahkan diganti dengan warna pilihan lain.
    Tulisan berwarna merah adalah URL yang dituju, silahkan diganti dengan URL anda.
    Tulisan berwarna biru adalah judul dari menu, silahkan diganti juga.
    Menu bisa ditambahkan dengan melihat rincian kode di atas.
    • Kemudian Klik simpan.
    • Taruh widget berada di bawah header blog anda.

    6 komentar:

    1. Makasih artikelnya,insya Allah bermanfaat

      BalasHapus
    2. Amin, makasih mas udah mampir

      BalasHapus
    3. Senang menemukan artikel ini.
      salam kenal.

      BalasHapus
    4. kalo buat nyimpen artikel ato postingan di menu tsb gmana yaa? lupeeee lagi ni uda 2taunan ga ngeblog. huhu

      BalasHapus
    5. hmm... kurang ngerti yg mbak tanyain, mungkin bisa langsung nyoba tutorial di atas

      BalasHapus

    :) :)) ;(( :-) =)) ;( ;-( :d :-d @-) :p :o :>) (o) [-( :-? (p) :-s (m) 8-) :-t :-b b-( :-# =p~ $-) (b) (f) x-) (k) (h) (c) cheer
    Click to see the code!
    To insert emoticon you must added at least one space before the code.

     
    Top