26 Agustus 2009

Membuat Menu Navigasi Drop Down

Membuat Menu Navigasi Drop Down

Cara Nambahin Halaman Menu Drop Down/ Sub Menu. Hari ini kang salman mau posting cara mudah membuat menu navigasi dropdown menu. atau lebih umum di sebut Horizontal Sub Menu Navigation Dropdown tanpa instalasi yang sulit seperti dulu, silakan buka  Cara Membuat Halaman Menu Dropdown di Blog dan Cara Membuat Navigasi Horizontal Dropdown Menu / Vertikal Navigasi Menu Di Blogger 

1. Login  Blogger
2. Pilih Tata Letak/Rancangan
3. Pilih Edit HTML
4. Centang "Expand Template Widget".

Tips: Sebelum melakukan edit template, sebaiknya simpan dulu template kamu yang ada dengan meng-klik tulisan Download Template Lengkap. Kemudian simpan dalam harddisk atau media penyimpanan lainnya, agar kita memiliki Backup-an data saat tamplate kita eror

5. Tambahkan kode CSS berikut, di bawah kode CSS menu horizontal yang ada.




    #nav li ul a {
    width: 100px;
    }
    #nav li ul ul {
    position: absolute;
    margin: -30% 0 0 95%;
    }
    #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
    left:-999em;
    }
    #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li li li.sfhover ul {
    left:auto;
    }
    #nav li:hover, #nav li.sfhover {
    position:static;
    }

Cari kode HTML <div id='navleft'>

Tips: Kalau anda susah mencarinya, coba tekan tombol F3 atau CTRL+F di keyboard. Maka akan timbul menu toolbar pencarian di bawah browser (Firefox) dan di atas (Google Chrome), sehingga kamu tinggal memasukkan kata yang ingin dicari.

Kemudian tambahkan menu turunan kedua, seperti kamu menambahkan dropdown menu dalam horizontal navigasi (turunan pertama). Illustrasi kodenya adalah sebagai berikut.

    <div id='navleft'>
    <div id='nav'>
    <ul>
    <li><a href='http://Alamat_Blog_Kamu.blogspot.com/'>home</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a>
    <ul>
    <li><a href='URL sub 1'>teks kamu</a></li>
    <li><a href='URL sub 2'>teks kamu</a></li>
    <li><a href='URL sub 3'>teks kamu</a>
    <ul>
    <li><a href='URL sub 3.1'>teks kamu</a></li>
    <li><a href='URL sub 3.2'>teks kamu</a></li>
    </ul>
    </li>
    </ul>
    </li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    <li><a href='http://Link_yang_dituju'>teks kamu</a></li>
    </ul>
    </div>
    </div>

Catatan :

  1. Perhatikan peletakkan kode untuk menambah dropdown menu, ditandai dengan kode berwarna Kuning.
  2. Ganti kode yang berwarna merah dengan alamat link dan teks yang kamu inginkan.
  3. Jika kamu menutup kode dengan </a> itu artinya sub menunya sampai disitu
  4. Jika anda ingin menambahkan submenu  lagi di bawahnya tutup kode dengan </a></li> kemudaian tambahkan lagi kode <li></a> href='URL sub 3.2'>teks kamu</a></li>
  5. Jangan lupa untuk mengakhiri Sub menu dengan </ul> 
  6. biar ga pusing di coba-coba saja dulu nanti pun anda akan mengerti sendiri

Setelah selesai Simpan dan lihat hasilnya
Semoga bermanfaat...
readmore...

1 Agustus 2009

Tukeran Link

(Tukaran Link)



 
Buat teman-teman yang ingin tukaran link, ayo tukaran link untuk meningkatkan rank blog kita. link anda akan saya letakkan di halaman ini. Anda bisa gunakan link teks karena lebih ringan loadingnya, juga google (google bot/robot google) lebih peka mengindex link text dibanding link banner.

Ini adalah link saya
◘BLackJack2NE1◘ sourcenya bisa anda copy di bawah ini.

<a href="http://SR21BDX.blogspot.com"><strong><blink>◘BLackJack2NE1◘</blink></strong></a>


Anda bisa memasukkan link ini di dalam gadget html/Javascript di sidebar blog anda.Atau ke sebauah halaman posting seperti halaman link exchange saya ini, sehingga memudahkan kita untuk saling berkunjung ke situs teman-teman.


Jika anda sudah mengcopy Anda bisa menghubungi saya dengan memberi komentar di post Link exchange ini, agar saya juga bisa masukkan link teman-teman ke blog saya.


Ada alternatif yang bisa anda gunakan, buat teman2 yang ingin mencari backlink lebih banyak seperti:

1. Memberi komentar pada blog yang beraliran do follow (otomatis jika anda memeberi komentar menggunakan Url contoh: pada komentar di bawah : eko1984, anwar (maka google bot(crawl)ini script yang dibuat oleh google untuk mendeteksi isi suatu web/halaman, maka oleh google akan dianggap sebagai link balik untuk eko dan anwar. Jika anda memberi komentar seperti free-bisnis, maka akan dianggap oleh google bukan link balik)
2. Submit Blog ke blog directory
3. dll

Jika anda ingin bertukar link silahkan di isi kotak komentar saya di bawah ini dengan:

Contoh:
Nama link blog :DFD
 Url : http://sr21bdx.blogspot.com

Terimakasih ^_^
readmore...