Membuat Navigasi Breadcrumb
doni septu 29/05/2012 0

1. Login Blogger

2. Masuk ke Template >> Edit HTML

3. Centrang " Expand Template Widget "

4. Copy kode di bawah dan paste di atas ]]></b:skin>

.breadcrumb
s{padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:95%; line-height:1.4em; border-bottom:3px double #e6e4e3;}

5. Cari kode <b:includable id='post' var='post'> dan letakkan script dibawahnya

<b:include data="posts" name="breadcrumb">

6. Lalu Cari kode <b:includable id='main' var='top'> Setelah ketemu letakkan kode dibawah ini diatas nya

<b:includable id='breadcrumb' var='posts'> <b:if cond='data:blog.homepageUrl == data:blog.url'> <!-- No breadcrumb on home page --> <b:else/> <b:if cond='data:blog.pageType == "item"'> <!-- breadcrumb for the post page --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url' rel='tag'><span itemprop='title'>Home</span></a></span> <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"'> » <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:label.url' href='' itemprop='url' rel='tag'><span itemprop='title'><data:label.name/></span></a></span> </b:if> </b:loop> <b:else/> »Unlabelled </b:if> » <span><data:post.title/></span> </b:loop> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "archive"'> <!-- breadcrumb for the label archive page and search pages.. --> <p class='breadcrumbs'> <span class='post-labels'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » Archives for <data:blog.pageName/> </span> </p> <b:else/> <b:if cond='data:blog.pageType == "index"'> <p class='breadcrumbs'> <span class='post-labels'> <b:if cond='data:blog.pageName == ""'> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl' href='' itemprop='url'><span itemprop='title'>Home</span></a></span> » All posts <b:else/> <span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'> <a expr:href='data:blog.homepageUrl'><span itemprop='title'>Home</span></a></span> » Posts filed under <data:blog.pageName/> </b:if> </span> </p> </b:if> </b:if> </b:if> </b:if> </b:includable>

Selamat mencoba jangan lupa backup template sebelum eksekusi

Anda sedang membaca Artikel: Membuat Navigasi Breadcrumb
Kontributor: doni septu Jika anda suka artikel ini silakan di sebarkan atau cukup like FunPage kami terima kasih Rating Blog: 5 dari 5

Kode HTML:

Dapatkan Update Via Emile :
(periksa emile anda dan verifikasi)
Hide Comments
Show 0 Comments

Terimakasih atas kunjungan anda