CARA MEMBUAT MENU DIATAS POST/ BREADCRUMBS

1. Silakan log in ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Klik Download Template Lengkap dan silahkan kembali template Anda pertama
5.

Silakan periksa kotak kecil di samping Expand Template Widget


6. Cari kode ]]></ b: skin>


7. Salin dan sisipkan kode di bawah ini persis di atas kode tadi

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
background:DarkBlue;
line-height:1.4em;
color:lavender; border-bottom:4px double white;
}


8. Cari kode berikut atau yang mirip dalam template Anda:

<div class='post hentry uncustomized-post-template'>

Atau seperti ini

<div class='post hentry'>


<div class='post uncustomized-post-template'> ( kalau kode ini pastekan diatas )


9. Salin dan sisipkan kode di bawah ini persis di bawah kode tadi



<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' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</div>
</b:if>
<b:else/>
<b:if cond='data:navMessage'>
<div class='breadcrumbs'>
<data:navMessage/>
</div>
</b:if>
</b:if>

10. Klik tombol Simpan Template
11. Tunggu beberapa saat sampai template Anda disimpan
12. Buka blog Anda, klik judul artikel, lihat hasil
13. Selesai.

HASILNYA SEPERTI INI (YANG BERWARNA BIRU TUA )

Artikel Lainnya Dibawah ini