Cara membuat Menu menggunakan Nomor urut


Cara membuat Menu menggunakan Nomor urut seperi: 1, 2, 3, 4, 5, dan seterusnya……..namun  nomor urut ini bukan mendatar melainkan menurun ke bawah. Pada daftar menu tersebut menggunakan kode HTML, seperti Contoh di bawah: adapun sebagai keterangan kode <ol> ini, untuk menampilkan nomor yang kita buat apabila tanpa mengunakan kode tersebut, nomor tidak akan mnuncul, sedangkan kode <li></li>  untuk mengapit URL Blog Sobat, contoh: <li><a href=”http://readmoremyblog.wordpress.com/category/panduan-membuat-blog-wordpress/“>Panduan membuat blog WordPress</a></li>

Jadi kesimpulan di sini adalah Sobat, menautkan kode <ol> agar nomor urut yang dimaksud dapat muncul setelah memposting menu ini. Adapun Sobat bisa menggunakan Daftar Berurut ( tekan Alt+Shift+O) untuk membuat dengan cara ini: lihat gambar di bawah

Hanya saja bila Sobat membuat dengan cari ini, Sobat harus mengklik yang No 1, dan ketik sebuah judul yang Sobat inginkan, lalu klik lagi yang No 2, untuk menautkan URL Blog Sobat seperti terlihat pada bambar, paste URL Blog Sobat  http://BlogSobatWordpress.com (contoh) klik Tambahkan Tautan

Mungkin Sobat merasa ribet dengan cara ini karena, harus klik sana klik sini untuk membuatnya, untuk mempermudah, Sobat hanya perlu mengganti dengan  URL  Blog Sobat, cukup copy kode HTML nya di bawah ini dan paste keika hendak membuat postingan baru

<ol>
<li><a href=”http://readmoremyblog.wordpress.com/2012/04/20/cara-merubah-tampilan-dashboard-blogger/“>Cara merubah tampilan Dashboard Blogger</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/category/cara-menyisipkan-link-pada-postingan/“>Cara menyisipkan link pada postingan</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/cara-membuat-rss-untuk-wordpress/“>Cara membuat RSS FeedBurner</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/cara-membuat-akun-youtube/“>Cara membuat akun YouTube</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/2012/02/23/cara-membuat-akun-gmail/“>Cara membuat akun Gmail</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/cara-posting-baru-di-wordpress/“>Cara posting baru di WordPress</a></li>
<li><a href=”http://readmoremyblog.wordpress.com/category/panduan-membuat-blog-wordpress/“>Panduan membuat blog WordPress</a></li>
</ol>

Catatan: Agar menu tersebut bisa aktif, seperti contoh di bawah,  ketika Sobat sedang membuat menu ini, jangan menggunakan Visual  karena, jika Sobat menggunakan cara ini, setelah dipublikasikan yang mencul hanya kode HTML nya saja. Sobat harus mengklik HTML yang terletak di ujung paling kanan pada postingan baru, agar bisa aktif menu tersebut.

Barapapun banyaknya yang Sobat inginkan, Sobat perlu menambahkan kode seperti ini, <li><a href=”URL BlogSobat“>judul Blog Sobat</a></li>

Paste kode tersebut untuk menambah jumlah menu di atas kode  </ol> Sobat tidak perlu khawatir, dengan menambahkan kode tersebut, jumlah nomor akan muncul secara otomatis. Menu ini bisa diterap di Blogger maupun WordPress Blog Sobat.

  1. Cara merubah tampilan Dashboard Blogger

  2. Cara menyisipkan link pada postingan

  3. Cara membuat RSS FeedBurner

  4. Cara membuat akun YouTube

  5. Cara membuat akun Gmail

  6. Cara posting baru di WordPress

  7. Panduan membuat blog WordPress

Sedangkan di bawah ini, Daftar tidak berurut, apabila Sobat tertarik dengan cara di bawah ini, Sobat hanya perlu mengganti kode </ol> saja  dangan kode <ul> untuk menampilkan menu Daftar tidak berurut

Setelah Sobat selesai mebuat menu ini klik Perbarui dan lihat hasilnya,,,,,,,,,, Selesai…….  Selamat mencoba, semoga bermanfaat

About these ads