Cara Membuat Menu Navigasi pada Blogspot

CARA MUDAH MEMBUAT MENU NAVIGASI---Berhubung saya sempat pusing dan hampir seharian cari cara untuk memasang menu navigasi pada blog baru saya, maka setelah ketemu caranya dan berhasil, saya ingin sedikit berbagi di sini. Ini saya pilih cara yang paling mudah dan ga ribet.

Pertama buka elemen halaman lalu klik tambah gadget. Pilih HTML/JavaScript lalu ketik tulisan di bawah ini pada kotak konten

<div id='navbarmenuleftx'>
<ul id='navx'>

<li><a href='/'>Home</a></li>
<li><a href='#yourlink'>Menu 1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1</a>
<ul>
<li><a href='#yourlink'>Menu 1.1.1</a></li>
<li><a href='#yourlink'>Menu 1.1.2</a></li>
<li><a href='#yourlink'>Menu 1.1.3</a></li>
<li><a href='#yourlink'>Menu 1.1.4</a></li>
</ul>
</li>


<li><a href='#yourlink'>Menu 1.2</a>
<ul>
<li><a href='#yourlink'>Menu 1.2.1</a></li>
<li><a href='#yourlink'>Menu 1.2.2</a></li>
<li><a href='#yourlink'>Menu 1.2.3</a></li>
<li><a href='#yourlink'>Menu 1.2.4</a></li>
</ul>
</li>

<li><a href='#yourlink'>Menu 1.3</a>
<ul>
<li><a href='#yourlink'>Menu 1.3.1</a></li>
<li><a href='#yourlink'>Menu 1.3.2</a></li>
<li><a href='#yourlink'>Menu 1.3.3</a></li>
<li><a href='#yourlink'>Menu 1.3.4</a></li>
</ul>
</li>
</ul>
</li>

</ul>
</div>
Sesuaikan dengan link dan menu yang akan anda buat dengan mengedit tulisan yang berwarna merah diatas. Misal #yourlink, bisa anda ganti dengan search/label/NamaLabelBlogmu

Menu, anda ganti dengan judul tampilan yang muncul.

Yang perlu diingat, jika ingin membuat navigasi horisontal, maka tanda <ul> diganti dengan </li> dan diletakkan di sebelah </a> (bukan di bawahnya). Sedangkan untuk kode di atas hanya untuk menbuat navigasi versi slide (cabang).
 Simpan dan anda lihat hasilnya. Anda sekarang berhasil Membuat Menu Navigasi Blog. Selamat Mencoba..c

cara membuat website dengan HTML

Saya yakin kalau teman-teman yang baru belajar HTML ada yang memiliki pertanyaan yang sangat mendasar seperti ini. Adakah cara membuat website dengan HTML saja tanpa perlu belajar PHP? Jawabannya tentu saja ya.
Bahkan sebenarnya pada awal kemunculan layanan world wide web di internet, orang hanya mengandalkan HTML saja untuk membuat website mereka saat itu. Ya, HTML merupakan cikal bakal munculnya internet seperti yang kalian lihat sekarang.

Kekuatan HTML terletak pada kemampuannya untuk mereferensi halaman web lainnya menggunakan link. Dan itulah yang membuatnya sangat populer saat ini dibandingkan layanan lainnya ketika itu seperti newsgroup, gopher dan lainnya.

Dengan HTML sebetulnya kita sudah bia membuat halaman web yang benar-benar bisa tampil dengan baik di internet. HTML sangat bermanfaat untuk membuat website yang sifatnya statis.

Halaman website statis yang saya maksudkan di sini adalah halaman web yang selalu tetap isinya, tidak pernah berubah. Untuk melakukan perubahan terhadap website statis, kita harus menulis ulang kode HTML yang ingin kita edit seduai dengan update yang kita perlukan.

Sebagai contoh misalnya kita membuat website yang isinya adalah sebiuah kalimat seperti ini:

Ini Halaman website prothelon. Sekarang ini hari Rabu.

Untuk membuat website tersebut, kita cukup menggunakan kode HTML singkat seperti ini:



Ini Halaman website prothelon. Sekarang ini hari Rabu.



Kita bisa menyimpan file tersebut dengan eksteni htm atau html dan langsung menguploadnya ke server yang terhubung dengan internet. Maka jadilah website kita tersebut dan bisa dinikmati oleh semua pengguna internet.

Untuk melakukan manipulasi tampilan, huruf, latar belakang, paragraf, tabel dll, kita cukup mempelajari bahasa HTML yang kita kenal dengan istilah tag. Misalnya untuk membuat hurufnya menjadi tebal kita bisa menambahkan tag (bold) di depan kalimat yang ingin kita tebalkan hurufnya.

Pada awalnya programer web benar-benar harus melakukan coding tersebut dengan hanya berbekal notepad atau teks editor lainnya. Dan hal itu benar-benar memerlukan ketekunan dan daya imajinasi yang kuat lho. Kenapa? Karena programmer tersebut harus bisa membayangkan layout website dan menuangkannya menjadi kode-kode yang cukup rumit.

Sebagai contoh, kalau keesokan harinya kita ingin mengubah kalimat

Sekarang hari Rabu

menjadi

Sekarang hari Kamis

Maka programmer harus mengubah kode HTMLnya langsung satu demi satu. Bayangkan jika yang harus diubah adalah judul websitenya, dan ada 100 halaman di website tersebut, maka tangan programmer akan cukup pegal menuliskan atau melakukan copy paste perubahannya kan?

Karena itulah kemudian muncul tool bantu yang memudahkan programmer web melakukan tugasnya. Toola atau aplikasi pembantu ini dikenal dengan istilah WYSIWYG alias What You See Is What You Get atau Apa yang kamu lihat adalah yang kamu peroleh. Dengan tool ini, programmer bisa jauh lebih mudah melakukan tugasnya karena tidak harus menuliskan kode-kode HTML baris per baris setiap kali membuat website yang dipesan.

Mereka tidak perlu hanya membayangkan websitenya dan membuat kodenya, tetapi bisa lengsung melihat hasil karyanya terpampang di depan mata. Ini sangat memudahkan proses pembuatan dan editingnya.

Tool-tool bantu ini pada akhirnya berkembang menjadi apa yang dikenal oleh teman-teman sebagai Dreamweaver, Frontpage, KompoZer, NVU dan sebagainya.
Jadi pada dasarnya, Dreamweaver hanya membantu programmer menuliskan kode-kode HTML. Programmer cukup membuatnya secara grafis, dan Dreamweaver akan menuliskan kodenya untuk programmer tersebut.

Ok, mudah-mudahan cerita ini cukup memberikan gambaran mengenai cara Dreamweaver dan HTML membantu kita dalam membuat sebuah website.