17 June 2014

Cara menambahkan breadcrumb di situs blogspot

Breadcrumb adalah salah satu fitur yang umumnya terdapat dalam sebuah website profesional, fungsinya sendiri adalah sebagai jalan pintas untuk masuk ke dalam menu parent dari sebuah post atau ke halaman post, selain itu juga Breadcrumb berfungsi untuk memberitahukan kepada user mengenai posisi halaman yang sedang dia buka.

Berikut langkah-langkah yang harus dilakukan :
1. Masuk ke dashboar blogger.
2. Klik menu template > Edit HTML

3. Masukkan kode no 4 di bagian template berikut ini:
<b:skin>
<![CDATA[
masukkan kode di sini;
</b:skin>
4. berikut ini kodenya :
.breadcrumbs{ 
padding:5px 5px 5px 0; 
margin:0;font-size:95%; 
line-height:1.4em; 
border-bottom:4px double #cadaef}
5. Setelah langkah no 5 telah dilakukan selanjutnya cari kode ini
<b:include data='top' name='status-message'/>
Di bawah kode tersebut masukkan kode berikut ini :
<b:include data='posts' name='breadcrumb'/>
6. Setelah langkah diatas selesai selanjutnya cari Kode berikut ini :
<b:includable id='main' var='top'>
7. Ganti kode ditas dengan kode di bawah ini : 8. Setelah selesai simpan template dan lihat hasilnya.

No comments :

Post a Comment