Cara Memasang Menu Breadcrumbs

Unknown | Kamis, Mei 24, 2012 | Tutorial Blog Assalamu'alaikum sobat, semoga semua dalam keadaan sehat. kali ini kita akan sama-sama belajar mengenai cara memasang menu Breadrumbs. Caranya:

1.) Masuk ke Edit html
2.) centang  expand  template widget
3.) Lalu letakkan kode dibawah ini tepat diatas kode ]]></b:skin 

.breadcrumbs{padding:8px 0px 10px 5px;margin:0px 0px 5px 0px;font-size:88%;border:1px double#e6e4e3}.pesankomen p{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivNq7T1wijcLfdFUGk-8Ol8XmS6DrtVszmdxMrjRmW96qVtZR2EyGiRrglcBCXJgcopbaZMzjQEqz60b9TSSxsvlGVoucJSZQn0rirBPvMQ_dLCs6dXoptnqszTJSlVZaeDvoeKX8gXxk/s1600/dialog-warning.png);background-position:1em 1em;background-repeat:no-repeat;font-family:Comic Sans MS;font-size:13px;-moz-border-radius:5px;padding:1em 1em 1em 70px}.cse{background:#fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOhuJATVsouLm6vHjjPmLV5SEdMC_WbS3aMUSMvZ8FRLNGJfF6CCROltlDvs2_ipB9Sgz2DdfQ2GVpp36NxNYf73uJx2Zp2R_H599chkii3ZaiyoE2GZMYCDM55H75qu6cQDdcgTikTlg/s1600/bgbawahpost.png);background-repeat:repeat-x;border:1px solid#d2d2d2;-moz-border-radius:5px;line-height:1.6em;margin:2px 0;padding:10px}

4.) Lalu cari kode <b:if cond='data:post.title'> ( Jika ada 2 kode yang ditemukan, letakkan diatas kode pertama ) atau letakkan dibawah kode <div class='post hentry'>
5.) Lalu letakkan kode dibawah ini tepat di atas kode <b:if cond='data:post.title'> atau dibawah kode <div class='post hentry'>

<b:if cond='data:blog.pageType == &quot;item&quot;'><div class='breadcrumbs'><span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Kamu ada di </span> : <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 + &quot;?&amp;max-results=5&quot;' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if></b:loop>&#187; </b:if><b><data:post.title/></b></div></b:if>

6.)  Jika sobat ingin mengeditnya ,
Ganti tulisan Kamu ada di dengan kalimat yang diinginkan.
Ganti tulisan Home dengan kata yang diinginkan.
Ganti kode &#187; dengan kode-kode lain yang diinginkan.


Terakhir simpan template dan lihat hasilnya. Demikian pembahasan kali ini, sampai jumpa lagi (Insya Allah).

Admin : Unknown ~ The Journey Barlie's Blog

Artikel Cara Memasang Menu Breadcrumbs Semoga bermanfaat, untuk kritik dan saran silahkan klik poskan komentar dibawah atau tinggalkan pesan di CBOX. Terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini.