Cara membuat Menu Navigasi bercabang di Blog

Menu Navigasi bercabang (dropdow menu) adalah menu navigasi yang berfungsi untuk menghubungkan link satu dengan link lainnya, biasanya diletakan dibawah atau diatas header, seperti contoh berikut :

Cara Mengisi Sendiri Tinta Printer Canon IP-1880 / How to Fill Your Own Ink Printer Canon IP-1880

Hari keenam belas di bulan November, Jam menunjukkan pukul 02.15 dini hari. Sementara penghuni rumah lain terlelap tidur dalam kesunyian malam. Namun tidaklah demikian di rumah saya, dua orang manusia masih sibuk mengerjakan tugasnya masing-masing seperti hari-hari biasanya mahasiswa yang dikejar deadline. Tiba-tiba Chendol berteriak setengah menjerit memecah kosentrasi saya, “waduh, tintanya habis… !!!!” Chendol adalah nama sayang adek saya yang sedang menempuh semester akhir di salah satu perguruan tinggi Yogyakarta. Saya tersentak mendengar teriakan itu, tugas TAT dan ujian statistika saya sendiri belum saya cetak, padahal hari itu adalah hari deadline penyerahan tugas dan ujian.

Benteng Portugis

Salah satu obyek wisata andalan di Jepara adalah Benteng Portugis yang terletak di Desa Banyumanis Kecamatan Keling atau 45 km di sebelah utara Kota Jepara, dan untuk mencapainya tersedia sarana jalan aspal dan transportasi regular.

Pantai Bandengan Jepara / Beach Bandengan Jepara

Pantai Bandengan terletak di utara Kabupaten Jepara, Jawa Tengah. Pantai yang terletak di pesisir pantai utara (pantura) Jawa ini merupakan tempat wisata yang cukup menarik untuk dikunjungi. Setiap musim liburan, pantai ini selalu ramai dikunjungi wisatawan baik lokal maupun mancanegara. Pantai ini dikenal juga sebagai Pantai Tirta Samudera yang merupakan obyek wisata unggulan di Jepara, kota kelahiran Pahlawan Nasional R.A. Kartini.

PANTAI TELUK AWUR JEPARA, Teluk Awur Beach

PANTAI TELUK AWUR JEPARA Adalah salah satu Hasil jepretan dari jalan-jalan ke Jepara kemaren. Ternyata kota ini selain terkenal sebagai sentra kerajinan ukir dan permebelan,
ternyata memiliki potensi wisata pantai yang cukup bagus. Ini adalah foto2 di sepanjang pantai di Teluk Awur, Kota Jepara. Sebagai laut Jawa yang berombak tenang, dengan hamparan pasir putih...hmmm, cocok buat mandi dan berenang, sayang airnya agak kecoklatan. Di sekitar pantai ini banyak berdiri villa dan resort berbentuk joglo yang di huni orang2 bule...

Pantai Pungkruk Jepara / Beach Pungkruk Jepara

 

Pantai Pungkruk berjarak 7 km. dari kota Jepara. Pantainya datar dan berkarang, di lokasi ini terdapat banyak rumah makan tradisional yang menyajikan menu makanan laut (seafood) dengan menu andalan adalah ikan bakar. Ada beberapa rumah makan yang ditata cukup rapi, sebagian bangunannya berupa gazebo yang berada di atas laut / tambak. Bahkan ada beberapa pengusaha yang melengkapi tempat usahanya dengan karaoke.

===============================================================
Beach Pungkruk Jepara
Pungkruk beach is 7 km away. from the town of Jepara. Flat and rocky beaches, on site there are many traditional restaurants serving seafood menu (seafood) with a menu mainstay is the grilled fish. There are several restaurants that are organized quite neatly, part of the building a gazebo which is above the sea / pond. There are even some employers who complement his place of business with karaoke.

Pantai Bondo Jepara / Bondo Jepara Beaches

Pantai Bondo Jepara

KABUPATEN Jepara memang dianugerahi deretan pantai berpasir putih. Pantai-pantai ini memang tidak kalah dengan Kuta di Bali. Sebut saja dua pantai yang sudah menjadi ikon Kota Ukir, yakni Pantai Kartini dan Tirto Samudro atau yang lebih dikenal dengan Bandengan.

MENAMPILKAN JADWAL SHALAT DI BLOGSPOT / Showing SCHEDULE pray at BlogSpot

Agar mengingatkan kepada kita akan waktu sholat biar para pengunjung blog kita tidak terlalu terlena ketika memmbaca berbagai artikel yang kita tulis di blog. Jadwal waktu sholat ini bisa sobat dapatkan di http://www.islamicfinder.org, untuk cara mendapatkannya silahkan ikuti langkah-langkah berikut ini : Silahkan sobat kunjungi situs http://www.islamicfinder.org atau hanya klik di sini !

Memasang Widget Google Translate di Tiap Posting / Google Translate Widget in Each Post

Hmm... dari judul aja udah ketahuan ketinggalan zamannya. Udah banyak OB yang memposting ini.  Yah, daripada ngga ada sama sekali, mending di-ada-in.  Kata-kata klasik yang muncul hanya sekedar untuk menambah daftar postingan. Widget ini berguna agar yang diterjemahkan adalah halaman yang bersangkutan saja, atau dengan kata lain "tidak seluruh blog".  Demonya dapat kamu kunjungi blog utuharies.blogspot.com. Tertarik untuk memasang widget ini, ayo kita ulas trik blogger-nya "tarik mang..." :

Menu Navigasi Dalam Navigasi Bar (Navbar) / Menu Navigation The Navigation Bar (Navbar)

Pernahkah anda mengalami kesulitan untuk membuat menu navigasi seperti 'Home', 'About','Daftar Isi',Links dll? Disini,kita akan belajar membuat navigasi bar (navbar) blogger menu sederhana,seperti kasus diatas. Jadi,bukan hanya membuat sebuah navbar,melainkan membuat 'menu navigasi' di dalam navbar itu sendiri. Bingung? Contoh hasil dari kreasi navbar ini,bisa anda lihat seperti gambar di bawah ini [klik gambar untuk hasil yang lebih besar]:

Cara Membuat Menu Blogger plus search

Bismillahirahmanirrahim. Pada tutorial kali ini kita akan membahas bagaimana caranya membuat menu bloggger. Menu blogger yang akan kita buat nantinya terdapat pula fasilutas kotak pencarian blogger (search blogger). Sebelum kita masuk ke langkah-langkah pembuatan menu blogger + kotak pencarian blogger sebaiknya kalian liat dulu tampilan menu bloggernya pada link demo di bawah ini.

Download Demo

Menyimpan File Java Script di Hosting Google Codes

Banyak sekali pertanyaan yang masuk, baik melalui komentar ataupun melalui email. Setelah saya pilah-pilah ternyata ada pertanyaan saya dan lumayan banyak yang menanyakan tentang cara menyimpan file .js ke dalam hosting google codes.

Cara Membuat Menu Drop Down Horizontal Dengan JavaScript

Pada postingan ini, saya akan memaparkan bagaimana membuat menu drop down horizontal pada blogspot. Menu drop down merupakan menu yang mempunyai sub-sub menu didalamnya. Prisipnya adalah ketika pointer menyorot sebuah main menu, maka akan muncul sub menu dari main menu tersebut. Kode-kode ini saya dapat dari www.dynamicdrive.com. Klik disini untuk melihat contohnya.

Membuat Multi Level Drop-Down Menu

Dengan di temaninya sebungkus rokok dan segelas kopy plus martabak akhirnya Alhamdulillah kang fatur bisa jalan jalan di dunia tidaknyata alias Internet. Dan Alhamdulillah saya mendapat oleh-oleh dari salah seorang hali bloger orang Arab Saudi untuk dibagikan kepada para sobat semua.

Oleh-oleh yang saya dapatkan dan yang saya akan bagikan pada malam ini yaitu tentang Membuat Multi Level Drop-Down Menu Dengan CSS dan JQuery. Mungkin para sobat juga sudah banyak mendengar tentang masalah ini, dan sudah banyak para ahli yang mempostingkannya, namun saya hanya sekedar ingin berbagi sama para sobat yang masih awam seperti saya dan mudah mudahan postingan kali ini dapat bermanfaat.

Baik, untuk para pemula semuanya kalau belum tahu apa itu Multi Level drops-Down Menu di bawah ini contoh gambarnya :

Jquery Multi Level Menu Horizontal

Masih membahas tentang cara membuat menu horizontal atau menu navigasi di blog kita, dan dulu sudah pernah saya memposting tentang cara membuat menu horizontal dan menu vertical di blog ini, namun kali ini saya akan menulis tutorial bagaimana membuat menu horizontal yang lebih canggih dibandingkan yang kemaren yaitu membuat multi level menu atau menu bertingkat.

Okkey langsung saja ke cara pembuatanya ya

Menu 3 Level dengan CSS & JQuery

Tidak dapat disangkal lagi bahwa menu dengan sub submenu (3 level) merupakan komponen yang cukup sering dipakai dalam beberapa website, terutama jika website tersebut memiliki struktur navigasi halaman yang  ‘beranak bercucu’. Okay langsung saja, disini ada beberapa bumbu yang saya gunakan dalam pembuatan menu 3 level ini, yaitu:

• CSS 2.0
• JQuery
• XHTML

Dengan struktur file sebagai berikut:

• /menu.html
• /menu.css
• /script.js
• /jquery-1.4.2.min.js

MENGATUR DAFTAR ISI

Untuk mengatur daftar isi seperti text dan link supaya lebih rapih di lihatnya.
kita akan menggunakan kode OL(ordered list) UL(unordered list) dan LI(list item).
Contoh kita akan mengatur text atau linknya dengan menggunakan UL dan LI .
Contoh:<ul><li>Di sini isi text dan linknya</li><li>Di sini isi text dan linknya</li></ul>

Membuat Membuka Link Di Tab Baru

   Pernah ga anda klik link dan munculnya di tab baru?  Mau membuatnya juga? ikuti langkah di bawah ini :

*Biasanya pada link kodenya akan seperti ini :

           <a href='http://bloganda.com'>Blog Anda</a>

*Untuk membuatnya terbuka di tab baru ganti dengan :

<a href="#" target="_blank" rel="dofollow" onclick="window.open('http://bloganda.com'); return false;">Blog Anda</a>

Cat : Ganti teks yang berwarna merah dengan Alamat Link yang  inginkan
        Ganti teks yang berwarna Biru dengan kata yang akan muncul mewakili Alamat Link

Selamat Mencoba :D

CSS Specificity

CSS Specificity menentukan seberapa spesifik kah sebuah aturan pada CSS. Jika ada 2 atau lebih aturan pada sebuah elemen yang sama, maka aturan paling spesifiklah yang akan dipakai oleh browser.

Nilai specificity pada CSS bisa dihitung sbb:

• Element Selector, yaitu selector yang berupa tag-tag html, contohnya div, ul, li, a
  nilai specificity = 1 (0,0,1)
• Class Selector, yaitu selector yang diawali dengan tanda titik, contohnya .menu untuk elemen dengan class="menu"
  nilai specificity = 10 (0,1,0)
• ID Selector, yaitu selector yang diawali dengan tanda #, contohnya #sidebar untuk elemen dengan id="sidebar"
  nilai specificity = 100 (1,0,0)

Menambah Menu Horizontal Multy Drop Down

Tips Blog :