Membuat breadcrumbs, label navigasi diatas posting

-

Breadcrumbs
 Merupakan sebuah navigasi label yang biasanya terletak diatas posting sebuah blog yang berfungsi untuk memberikan informasi peta atau navigasi label posting yang dibaca oleh para pembaca di blog, sehingga akan lebih memudahkan  pembaca dalam mencari artikel yang berhubungan dengan label artikel yang sedang dia baca.
Contoh navigasi label atau breadcrumb diatas posting biasanya akan berbentuk link seperti ini:
  • Home > label > judul posting 
Anda dapat melihat contoh gambarnya di gambar pertama posting ini.
Karena di blogger.com belum menyediakan fasilitas ini,maka kali ini saya akan share caranya.Caranya mudah, kita hanya perlu menambahkan beberapa kode di template blog.

Berikut cara membuat navigasi label (breadcrumb) diatas judul posting blog
  • Pertama-tama yang anda harus lakukan adalah masuk ke halaman dashboard blog anda dengan menggunakan akun blogger yang anda miliki.
  • Setelah masuk ke halaman dashboard, silahkan anda klik nama blog yang anda miliki (apabila anda memiliki blog lebih dari 1).
  • Di halaman berikutnya silahkan anda klik template,seperti contoh gambar dibawah ini.
membuat breadcrumbs diatas judul posting blog

  • Selanjutnya anda klik edit HTML,seperti contoh gambar dibawah ini.
membuat breadcrumbs diatas judul posting blog

  • Nanti anda akan bertemu dengan struktur kode-kode yang membentuk template blog anda.Silahkan anda cari kode ]]></b:skin>. Agar lebih mudah dalam pencarian kode anda bisa menggunakan CTRL+F (jika anda menggunakan komputer).
  • Masukkan kode berikut ini tepat diatas ]]></b:skin>.


.breadcrumbs{ padding:5px 5px 5px 0; margin:0; font-size: 90%; line-height:1.4em; border-bottom:1px solid black; }

  • Berikutnya anda cari kode <b:includable id='post' var='post'> dan masukkan kode berikut ini tepat dibawahnya.


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'><a expr:href='data:blog.homepageUrl'>Home</a> &gt; <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a> <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &gt; <data:post.title/> </div> </b:if> </b:if>


8.Terakhir,silahkan anda klik simpan atau save.

Untuk melihat hasilnya,anda bisa mengunjungi halaman posting anda di blog, maka anda akan lihat navigasi label (breadcrumbs) telah muncul diatas judul posting blog anda.

Demikianlah cara membuat cara membuat breadcrumbs diatas judul posting blog, apabila masih ada kekurangan atau kode alternatif lainnya maka silahkan memberikan komentar, karena komentar anda akan menjadi sesuatu hal yang amat membantu bagi saya.
Terima kasih telah berkunjung.
semoga bermanfaat....

Komentar

Posting Komentar

Note :
. Komentar yang mengandung usur pornografi / sara / kekerasan akan dihapus.
. Terima kasih komentarnya...
. Semoga Bermanfaat...

Postingan populer dari blog ini

Menentukan ukuran Tangga dan Anak Tangga untuk bangunan bertingkat

-
Gambar
Tangga untuk rumah bertingkat saat ini mempunyai kedudukan penting karena membawa prestise bagi penghuni bangunan tersebut ( dengan menggunakan berbagai variasi design sesuai kebutuhan ). Tetapi sekarang bila membuat bangunan disertai tangga sudah bukan barang kemewahan lagi. Ini tidak lain karena keterbatasan lahan maka pengembangannya harus ke atas dan pasti memerlukan tangga. Tangga harus memenuhi syarat-syarat antara lain: Dipasang pada daerah yang mudah dijangkau Mendapat penerangan yang cukup terutama siang hari Bentuk/dimensi tangga sesuai dengan ukuran langkah normal serta dipertimbangkan untuk pengangkutan barang/perabot. Berbentuk sederhana dan layak dipakai Sudut   tangga   yang   mudah   dijalani   dan   efisien   sebaiknya   mempunyai kemiringan maksimal ± 40º. Jika mempunyai kemiringan lebih dari 45º pada waktu dilewati akan berbahaya terutama dalam arah turun. Agar supaya tangga tersebut nyaman dilewati, ukuran optrade (tegak) dan aantrede (mendatar) har
Read more »

Menghitung Volume Besi per-m3 beton bertulang

-
Gambar
Dalam Sebuah kegiatan pembangunan perumahan salah satu hal yang paling sulit dilakukan oleh mereka yang awam adalah cara menghitung volume material yang dibutuhkan secara tepat dan efisien. Pada kesempatan kali ini saya mencoba membahas mengenai perhitungan volume besi tulangan pada tiap m3 beton ( satuan yang biasa digunakan untuk volume beton bertulang adalah m3 ). Contoh kasus. Dimensi beton 15/20 cm dengan rincian penulangan : tulangan 4 diameter 12 ( tulangan utama )  tulangan diameter 6 jarak 20 cm ( tulangan beugel ) Secara prinsip kita harus bisa menterjemahkan volume 1 m3 beton dengan ukuran 15/20 cm. 1 m3 beton = 1/(0.15x0.2) m ( panjang beton 1 m3, dimensi 15/20 ) = 33 ,33 m dibulatkan 34 m Asumsi yang digunakan panjang 1 lonjor besi = 12 m panjang besi tulangan yang dibutuhkan : Besi tulangan Utama panjang Besi diameter 12 = 4 bh x ( 34 m - 0,02 m ( selimut beton )) = 4 x 33,98 = 135,92 m panjang besi dalam lonjor = 135,92/12 = 11,33 ljr berat besi
Read more »

Memahami Mutu Beton fc (Mpa) dan Mutu Beton K (kg/cm2)

-
Gambar
Beton adalah bagian dari konstruksi yang dibuat dari campuran beberapa material sehingga mutunya akan banyak tergantung kondisi material pembentuk ataupun pada proses pembuatannya. Untuk itu kualitas bahan dan proses pelaksanaannya harus dikendalikan agar dicapai hasil yang optimal. Mutu Beton fc' Beton dengan mufu fc' 25 menyatakan kekuatan tekan minimum adalah 25 MPa pada umur beton 28 hari, dengan menggunakan silinder beton diameter 15 cm, tinggi 30 cm. Mengacu pada standar SNI 03-2847-2002 yang merujuk pada ACI (American Concrete Institute). MPa = Mega Pascal ; 1 MPa = 1 N/mm2 = 10 kg/cm2. Mutu Beton Karakteristik Beton dengan mutu K-250 menyatakan kekuatan tekan karakteristik minimum adalah 250 kg/cm2 pada umur beton 28 hari, dengan menggunakan kubus beton ukuran 15x15x15 cm. Mengacu pada PBI 71 yang merujuk pada standar eropa lama . Contoh :  K. 400, kekuatan tekan beton = 400 kg/cm2, dengan benda uji kubus 15 x 15 x 15 F’c = 40 MPa = kekuatan tekan bet
Read more »

Bentuk konstruksi kuda kuda berdasar lebar bentang

-
Gambar
Konstruksi kuda-kuda adalah susunan rangka batang yang berfungsi mendukung beban atap termasuk juga beratnya sendiri, sekaligus dapat memberikan bentuk pada atap. Kuda-kuda merupakan penyangga utama pada struktur atap. Struktur ini termasuk dalam klasifikasi struktur framework (truss), secara umumnya kuda - kuda terbuat dari kayu, bambu, baja, dan beton bertulang. Kuda - kuda kayu digunakan sebagai pendukung atap dengan bentang maksimal sekitar 12 m. Kuda - kuda bambu pada umumnya mampu mendukung beban atap sampai dengan 10 meter kuda - kuda baja sebagai pendukung atap, dengan sistem frame work atau lengkung dapat mendukung beban atap sampai dengan bentang 75 meter, seperti pada hanggar pesawat, stadion olah raga, bangunan pabrik, dll. Kuda - kuda dari beton bertulang dapat digunakan pada atap dengan bentang sekitar 10 hingga 12 meter. Pada kuda - kuda dari baja atau kayu diperlukan ikatan angin untuk memperkaku struktur kuda-kuda pada arah
Read more »

Berita terbaru

Memuat...