Artikel kali ini mengulas Cara Membuat Navigasi Breadcrumb Di Blogspot, Navigasi Breadcrumbs merupakan
sebaris tautan internal pada bagian atas atau bawah laman yang
memungkinkan pengunjung untuk menavigasi balik ke bagian sebelumnya atau
ke laman dasar dengan cepat. Banyak breadcrumbs memiliki laman yang
paling umum (biasanya laman dasar) sebagai tautan pertama dan paling
kanan dan memuat bagian yang lebih spesifik keluar ke sisi kanan.
Menu ini sering ditemui di
blog/website berplatform WordPress, dimana urutan navigasinya dimulai
dari Home > Parental Category > Subcategory > Posting. Di
Blogger/Blogspot, kita juga dapat melakukan hack navigasi breadcrumbs
dengan berdasarkan pada label: Home > Label > Posting. Menu ini
akan muncul pada halaman posting, label, arsip, dan tidak muncul di
bagian homepage.
Ada 3 manfaat/kegunaan dari navigasi breadcrumb, yaitu:
- Memperindah tampilan halaman/artikel.
- Memudahkan pengunjung dalam menelusuri blog.
- Mengoptimalkan halaman di search engine (mesin pencari).
Cara Membuat Navigasi Breadcrumbs di Blogspot:
1. Masuk ke dashboard > Design/Rancangan > Edit HTML, jangan lupa centang (check) "Expand Widget Templates" di pojok kanan atas kotak edit HTML.
2. Cari (gunakan Ctrl+F) ]]></b:skin> dan masukkan aturan CSS berikut di ATAS-nya:
.breadcrumbs{padding:0 5px 5px 0;margin:0 0 5px;font-size:11px;border-bottom:1px dotted #ccc;font-weight:normal}
3. Cari (Ctrl+F) <b:includable id='main' var='top'>, lalu hapus kode tersebut dan ganti dengan kode berikut:
<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v='http://rdf.data-vocabulary.org/#'>
<span typeof='v:Breadcrumb'><a expr:href='data:blog.homepageUrl' property='v:title' rel='v:url'>Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span>
</b:if>
</b:loop>
» <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>
<b:include data='posts' name='breadcrumb'/>
4. Pastikan semua kode telah di-copy dan diletakkan dengan benar, lalu save.
Demikian ulasan singkat tentang Cara Membuat Navigasi Breadcrumb Di Blogspot
makasih mas tutorialnya...sudah saya terapkan pada blog saya..tks
BalasHapusmaaf kok kata "Expand Widget Templates" nya gak muncul yaa
BalasHapusKAMI beli barang anda , berupa :
BalasHapus-film positif
-film negatif
-klise foto 25-35mm yg belum pernah dipakai
( Belum ad gambar )
-film percetakan poster
-film majalah
-film koran
-film buletin
-film ex rontgen
-film ex perusahaan pertambangan
-sendok ex maskapai penerbangan ( yg ad silver coating )
-kontaktor rusak
-breaker rusak
-air fixer
-mesin hp cina / samsung dsb ( harus dipisah )
-papan jalur
-plastik keyboard
-micron
- sim card hp
-minyak jelantah ex hotel , restoran , katering , dll
- tutup galon bekas
- botol infus bekas
-autan / soffell
-Serba komputer , server , pabx , printer , processor , laptop , notebook , rak server , UPS , panel listrik , dll
- kursi kantor , filling cabinet
-serba jerigen ukuran 5L , 20L , 30L , drum plastik 100L & 200L
-drum besi 200L kondisi lengkap
-aki rusak bekas mobil , motor , truk , forklift , tower telkom
-serba kertas duplex , hvs , dsb ukuran plano
-serba biji plastik sudah giling / belum digiling
- kulit kabel jenis PE GILA , PVC
- plastik PET BENING , PET FILM , PP CETAK , PET VAKUM ( SEMUA KONDISI BERSIH )
- Pp Aki Putih , Hijau , Hitam Proses
- Slopan bekas
- Bs Slopan Roll
- Pp Karung
- Hd Super
- Pp Klip Super
- Pet Polyester
- Pet Metalizing ( lebar minimal 40cm )
- Nylon 06
- Nylon 66
- Pp Fiber Hitam
- Ember Putih 25kg
- Abs Pc
- Nylon Kena PBT Proses - Abs Bobin
- Pp Hitam Proses Benang
- AS
- PS
- PC
- SEMUA SERBA PLASTIK KONDISI BERSIH & BELUM GILING
-limbah lain nya
Dibeli uang :
* pecahan rp.100.000 polimer tahun 1999 :
-kondisi mulus tanpa cacat
- kirim gambar lengkap
- Sebutkan seri 3 huruf depan nya
- jumlah minimal 1 brut
- nomor seri uang berurutan
*pecahan rp.100 perahu layar tahun 1992 / 1992 :
-kondisi mulus tanpa cacat
-kirim gambar lengkap
- tulisan "perahu layar"
- nomor seri uang dari kecil ke besar
*euro salaman pecahan $1.000.000 edisi tahun 2015 polimer :
-kondisi mulus tanpa cacat
-kirim gambar lengkap
-harus ada sertifikat asli
*euro gedong panjang pecahan $1.000.000 edisi tahun 2015 polimer :
-kondisi mulus tanpa cacat
-kirim gambar lengkap
-harus ada sertifikat asli
***Syarat barang yg sy beli :
-tidak melayani tanya
jawab harga apapun.
-kirim gambar lengkap.
- ALAMAT LOKASI BARANG DISEBUTKAN.
-sebut harga jual langsung.
Jangan tawarkan barang kpd sy :
-tanah
-rumah
-kapal
-besi
-kendaraan
-gedung
-pabrik
-mall
Dijual barang :
- kayu gaharu jenis AB , CHIPS , SERBUK , KEMEDANGAN , DEKOR , GAHARU FOSIL , dsb untuk kebutuhan export , bibit minyak wangi , dupa , dll..
**KAPASITAS SUPPLY MULAI 20KG SAMPAI 1 TRUK FUSO
( SEBUT HARGA BELI LANGSUNG )..
-serba ban bekas kendaraan umum / alat berat , dsb kondisi apa adanya & sudah dibelah 2..
**Kapasitas supply 10-40 ton per 1 x kirim
( SEBUT HARGA BELI LANGSUNG )
-kaleng bekas minuman pocari sweat , larutan kaki 3 , sprite , dsb..
**KAPASITAS SUPPLY 100 TON PER 1 BULAN
( SEBUT HARGA BELI LANGSUNG )
- Dijual resin pvc KW 1 Super , jenis :
- sn 57
- sn 65
- sn 70
Warna masing2 putih & krem
catatan : Hanya harga barang yg cocok dibeli ssuai bidang sy
Salam sukses untuk semuanya
HUBUNGI SEGERA VIA SMS / CALL / WHATSAPP :
089650091317
BENI