Sabtu, 05 Oktober 2013

Various Beautiful Expandable Breadcrumbs

Tahu dengan si breadcrumb? Dalam dunia koding bread crumb bukan berarti remah roti! Breadcrumb blog yaitu bantuan navigasi yang digunakan dalam user interface. Hal ini memungkinkan pengguna untuk melacak lokasi mereka dalam program atau dokumen. Breadcrumbs sendiri biasanya terlihat secara horizontal di bagian atas halaman web, sering di bawah bar judul atau header. Menyediakan link kembali ke halaman sebelumnya setiap user navigasikan melalui untuk sampai ke halaman ini. Tetapi breadcrumbs yg ada pada blogger berupa link tautan kategori/label/category :-/ Contoh penampakan bread-crumbHome page > Section page > Subsection page > End pageBegitulah nampak alakadar karena tidak diberi sentuhan style sheet! Satu masalah timbul bagaimana jika judul breadcrumbs mempunyai panjang sampai melebihi lebar konten yg tersedia? Kalau tidak beleber, pasti trobos bablas :)) Sekarang saatnya membuat navigasi halaman (bread_crumbs) blog kalian lebih uptodate dengan bumbu² ajaib. Masalah panjang judul breadcrumb akan terselesaikan. Sebelum itu touring dolo
  • bit.ly/GEcN5n
  • www.dreamtemplate.com/dreamcodes/documentation/breadcrumbs.html
  • comparenetworks.com/developers/jqueryplugins/jbreadcrumb.html
  • Kalau kurang...
  • bit.ly/GEcZkR
Setelah melakukan walking away, ternyata kode yg dibutuhkan lumayan banyak! Seleksi punya memilih, pilihan sederhana namun gaya tetap memukau jatuh pada expandable breadcrumbs is perfect for pages with long titles. AA tidak akan berbicara cara memasangnya ke dalam blog. Soalnya bakalan panjang. Koben cuma mau berbagi saja kok ;))
Demo & resource: cdpn.io/zglJf
Kode hasil modifikasidemo & downloadSave page as ► buka di notepad ► lihat kode-kodenya di sana :D
UPDATE:
cdpn.io/GfaCE
Happy coding \m/

Tidak ada komentar:

Posting Komentar