Berikut ini akan kami beritahukan kepada kalian kode HTML untuk membuat breadcrumbs pada blog.
Kode HTML untuk membuat breadcrumbs pada blog itu ada 2 macam :
Pertama adalah seperti ini ...
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Kedua adalah seperti ini ...
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Pastekan di atasnya kode ini ]]></b:skin> kode HTML breadcrumbs yang ini ...
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Pastekan di bawahnya kode ini: <div class='post hentry'> kode HTML breadcrumbs yang ini ...
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Kalau sudah klik dulu pratinjau template, kalau tidak terjadi error ...
Selanjutnya klik simpan template!
Kode HTML untuk membuat breadcrumbs pada blog itu ada 2 macam :
Pertama adalah seperti ini ...
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Kedua adalah seperti ini ...
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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> </b:if> » <data:post.title/> </div> </b:if> </b:if>
O iya sis, apakah dari kalian ada yang belum paham apa itu pengertian dari breadcrumbs dan apa fungsinya?
Pengertian breadscrumbs itu adalah susunan kata atau kalimat yang terdiri dari home, kategori dan judul artikel blog yang muncul di bawahnya kolom navigasi menu halaman statis blog ketika kamu membuka dan membaca artikel blog.
Supaya kamu lebih mudah untuk memahami breadcrumbs, silahkan kamu lihat contoh tampilan breadcrumbs seperti gambar di bawah ini ...
Lalu apakah fungsi breadcrumbs tsb, fungsinya adalah bisa untuk mempercantik tampilan blog, selain itu breadcrumbs juga berfungsi untuk memudahkan kategori atau artikel blog kamu diindex oleh search engine google.
Kalian tertarik untuk memasang kode HTML breadcrumbs untuk membuat breadcrumbs bisa muncul di'blog kamu?
Cara atau langkah-langkah membuatnya adalah sbb :Pastekan di atasnya kode ini ]]></b:skin> kode HTML breadcrumbs yang ini ...
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
Pastekan di bawahnya kode ini: <div class='post hentry'> kode HTML breadcrumbs yang ini ...
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » <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> </b:if> » <data:post.title/> </div> </b:if> </b:if>
Kalau sudah klik dulu pratinjau template, kalau tidak terjadi error ...
Selanjutnya klik simpan template!
