Cara Membuat Daftar Artikel Sederhana

Pada postingan kali ini  saya akan mencoba membahas tentang bagaimana cara membuat daftar isi sederhana secara manual. Fungsi daftar isi ini membuat sobat akan lebih mudah memilih artikel atau kategori yang akan ditampilkan pada blog sobat. Sehingga dengan demikian akan menghemat space atau ruang dan akan mempermudah pengunjung dalam bernavigasi di blog sobat.

Untitled

Dari pada sobat bingung dengan penjelasan saya di atas, sebaiknya langsung saja di coba ya. Silahkan sobat copy script di bawah ini.

<p><select style="width: 160px" onchange="window.open(this.options[this.selectedIndex].value,'_blank')" size="1" name="menu-drop-down"><option selected>Artikel terbaru:<option value="http://junedalbughisy.blogspot.com/2012/04/cara-hack-akun-facebook.html">Cara hack akun facebook</option> <option value="http://junedalbughisy.blogspot.com/2012/04/cara-membuat-spoiler-showhide-gambar.html">Spoiler show/hide part 3</option> <option value="http://junedalbughisy.blogspot.com/2012/04/script-macam-macam-icon-emotion-yahoo.html">Icon emotion yahoo untuk blog</option> <option value="http://junedalbughisy.blogspot.com/2012/04/cara-membuat-macam-mcam-text-area-pada.html">Macam-macam text area untuk blog</option> <option value="http://junedalbughisy.blogspot.com/2012/04/cara-membuat-entri-populer-headline.html">Cara membuat entri pupuler berjalan di blog</option> <option value="http://junedalbughisy.blogspot.com/2012/04/kumpulan-code-code-warna-html-untuk.html">Kumpulan kode warna Html</option> <option value="http://junedalbughisy.blogspot.com/2012/04/cara-mengubah-blockqute-pada-postingan.html">Jenis Blockqoute untuk blog</option> <option value="http://junedalbughisy.blogspot.com/2012/04/cara-membuat-recent-comment-dengan.html">Membuat recent comment tanpa edit html</option></select></p>

Catatan:

  • Tulisan yang berwarna biru sobat ganti dengan url artikel sobat
  • Tulisan yang berwarna merah dapat sobat ganti dengan judul artikel sobat
  • Tulisan yang berwarna ungu dapat sobat ganti dengan ukuran yang sobat inginkan
  • Untuk menambahkan artikel sobat yang lain tinggal tambah script berikut ini <option value="Url artikel sobat">Judul artikel sobat</option> sebelum code </select></p>

Bagi sobat yang berminaat memasang gadget ini, login ke blogger atau klik di sini » pilih tata letak » tambah gadget » Html/JavaScript » pastekan script di atas » simpan/save.

Hasilnya akan nampak seperti di bawah ini.

Tidak ada komentar:

Catatan:
Untuk menyisipkan video, gunakan tag <i rel="youtube">URL YOUTUBE ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR ANDA...</i>
Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA...</i>
Untuk menyisipkan kode panjang, gunakan tag <i rel="pre">KODE ANDA...</i>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <strong>TEKS ANDA...</strong>

NB: Jika ingin menuliskan kode pada komentar harap gunakan Tool untuk mengkonversi kode tersebut agar kode bisa muncul dan jelas atau gunakan tool dibawah "Konversi Kode di Sini!"

Jika ingin menuliskan komentar yang keluar dari topik pada artikel ini silahkan kehalaman OOT (out of topic) dengan menekan tombol OOT di bawah ini.

Konversi Kode di Sini!OOT

 
Design by Juned al~Bughisy Copyright © 2012 ~ 2013 Powered by Blogger
Back to Top