Skip to main content

Cara tepat pasang menu breadcrumbs

Cara tepat pasang menu breadcrumbs. Breadcrumbs adalah menu navigasi yang ada diatas sebuah posting atau artikel. Lihat gambar di atas artikel ini! Tulisan saya beri kotak merah itulah yang di sebut menu breadcrumbs,

Selain memudahkan pembaca dalam mengetahui lokasi halaman yang sedang ditelusuri, menu breadcrumbs juga dapat mengoptimasi halaman blog di search engine (SEO). Bahkan dianjurkan langsung oleh Google.

Dalam memasang menu breadcrumbs pada template blogspot diperlukan ketelitian. Bukan itu saja, kita harus pandai-pandai mencocokan kode dengan template kita. Suatu saat anda ingin memasang menu breadcrumbs pada blog anda dengan mencari artikel yang isinya petunjuk memasang menu breadcrumbs. Tetapi setelah mengikuti petunjuknya ternyata tidak muncul di atas postingan anda (biasanya bagi pemula).

Coba anda ketikkan kata kunci cara memasang menu breadcrumbs di mbah google, di sana akan tampil puluhan ribu artikel yang memuat tulisan tersebut. Tetapi, saya yakin belum tentu setiap artikel tersebut kodenya pas untuk template anda.

Nah untuk itu, sebelum anda mencoba memasang menu breadcrumbs anda harus membackup dulu template anda. Jadi jika satu kode yang anda pasang belum berhasil anda dapat mengembalikan template backupan anda. Ingat, anda harus teliti, karena satu huruf saja anda keliru, maka menu breadcrumbs tak akan muncul di atas postingan anda.

Bagi anda yang templatenya seperti punya saya, untuk memasangnya sebagai berikut:
1. Buka Blogger. Masuk ke menu Design -> Edit HTML
2. Beri centang pada 'Expand Widget Templates'.
3. Setelah itu, cari kode <b:if cond='data:post.title'>
4. Letakkan kode di bawah ini dibawah kode no. 3 tersebut:

<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumb'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> &#187;
<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 != "true"'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>

5. Selanjutnya cari kode ]]></b:skin>
6. Letakkan kode css berikut diatasnya
.breadcrumb {
padding:5px 5px 5px 0px;
margin: 0px 0px 10px 0px;
font-size:90%;
line-height: 1.2em;
border-bottom:3px double #e6e4e3;
}

7. Simpan template anda, selesai.
Catatan: Menu breadcrumbs tidak akan muncul pada URL halaman utama anda, tetapi hanya muncul dari setiap postingan yang anda buka.

Untuk mengecek sudahkah menu breadcrumbs sukses anda pasang, coba buka salah satu judul postingan anda.
Selamat mencoba

Popular posts from this blog

75 istilah ekonomi lengkap

Setelah sebelumnya admin telah memberikan informasi tentang istilah bidang kesenian dan kebudayaan, selanjutnya admin akan menuliskan info tentang istilah ekonomi lengkap. Dalam artikel tentang ekonomi atau berita ekonomi indonesia sering kita dengar istilah-istilah yang kurang kita mengerti, atau sebenarnya kita mengetahui maksudnya namun tak mampu menjelaskan atau menjabarkannya secara rinci kepada orang lain.

Untuk itu, berikut kami tuliskan daftar istilah dalam bidang ekonomi dalam 75 istilah ekonomi : Aset : kekayaan.Akumulasi : proses penambahan modal (uang tunai, mesin-mesin, dsb.Bankir : orang yang memperdagangkan uang ; cukong.Bank : kantor penyimpanan, perkreditan keuangan.Banker : direktur bank.Barter : perdagangan dengan saling menukar barang.Bonanza : sumber rejeki (keuntungan, kebahagiaan).Bonus : honor tambahan di luar gaji (uang ekstra).Brankas : lemari tempat menyimpan uang, barang-barang berharga.Bursa : tempat memperjualbelikan saham.Butik : toko yang menjual barang…

67 Istilah Pertanian Lengkap

Dalam bidang pertanian dikenal banyak istilah pertanian yang biasa diterapkan dalam kalimat yang tentunya berhubungan dengan dunia pertanian. Namun, meski kita sering mendengar dan tahu maksud istilah tersebut, saat kita ditanya dan disuruh mendeskripsikan ternyata kesulitan. Untuk itu, kali ini Enjangcom akan memberikan informasi tentang istilah-istilah dalam bidang pertanian dan penjelasannya. Istilah-istilah tersebut kami rangkum dalam 67 istilah pertanian, selengkapnya sebagai berikut : Agrobisnis : melakukan usaha perdagangan dalam bidang hasil-hasil pertanian.Agraria : urusan pertanian atau tanah pertanian.Airdas : pengairan dasar.Amubu : alat memupuk dan menabur.Amuru : alat memupuk dan menggaru.Apiani : peternak lebah.Agrisilvikultur : pertanian rakyat yang dilakukan di areal kehutanan.Agroindustri : industri di bidang pertanian.Ammonifikasi : proses peruraian bahan organik oleh mikro-organisme menjadi amoniak.Benih : bibit tanaman yang akan ditebar, diternak, dan lain-lain.Da…

7 perbedaan koperasi dengan badan usaha lain

7 perbedaan koperasi dengan badan usaha lain. Selain koperasi, ada beberapa badan usaha lain yang bergerak dalam bidang ekonomi, antara lain toko, firma, persekutuan komanditer (CV), dan perseroan Terbatas (PT). Usaha yang dilakukan koperasi berbeda dengan yang dilakukan badan usaha lain tersebut.
Perbedaan koperasi dengan badan usaha lain ada tujuh, yang tentu saja jika dibandingkan lebih menguntungkan koperasi, perbedaan yaitu sebagai berikut :
NoKoperasiBadan Usaha Lain1Mengutamakan kesejahteraan anggotaMengutamakan kepentingan perusahaan2Keanggotaan bersifat sukarelaKeanggotaan terbatas3Modal dari simpanan anggotaModal dari penjualan saham, perorangan, atau kelompok4Berbadan hukumAda yang tidak berbadan hokum5Pengurus dipilih anggotaPengurus ditentukan oleh pemegang saham6Terdapat pembagian SHU menurut jasa anggotaTidak ada pembagian SHU7Keuangan bersifat terbukaKeuangan bersifat tertutup
Dari, ketujuh perbedaan tersebut, mungkin anda terdorong untuk mendirikan usaha koperasi? Jika…