Create Breadcrumb for Blogger

Create Breadcrumb for Blogger

Create Breadcrumb for Blogger -  Breadcrumb  merupakan salahsatu fasilitas navigasi yang ada diblog dan memudahkan kita mengetahui posisi track dokumen saat ini. navigasi sangat penting untuk memudahkan pembaca.  berikut contoh breadcrum : Home » Blogger » Cara memasang facebook comment ke blogger.

OK, sekarang anda tahu apa breadcrumb, mari kita masuk ke cara untuk menambahkan blog Blogger Anda.

1. Masuk ke halaman admin  »  Template »  Edit Html »  Proceed.

2. Temukan kode di template

<b:include data='top' name='status-message'/>

    ganti dengan :

<b:include data='posts' name='breadcrumb'/>

3. Temukan kode : 

<b:includable id='main' var='top'>

    ganti dengan :

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl != data:blog.url'>
<b:if cond='data:blog.pageType == "static_page"'>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span><data:blog.pageName/></span></div>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<!-- breadcrumb for the post page -->
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<div class='breadcrumbs' xmlns:v="http://rdf.data-vocabulary.org/#">
<span typeof="v:Breadcrumb"><a expr:href='data:blog.homepageUrl' rel="v:url" property="v:title">Home</a></span>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'>
 » <span typeof="v:Breadcrumb"><a expr:href='data:label.url' rel="v:url" property="v:title"><data:label.name/></a></span>
</b:if>
</b:loop>
 » <span><data:post.title/></span>
</div>
<b:else/>
<div class='breadcrumbs'><span><a expr:href='data:blog.homepageUrl' rel='tag'>Home</a></span> » <span>Unlabelled</span> » <span><data:post.title/></span></div>
</b:if>
</b:loop>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<!-- breadcrumb for the label archive page and search pages.. -->
<div class='breadcrumbs'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Archives for <data:blog.pageName/></span>
</div>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<div class='breadcrumbs'>
<b:if cond='data:blog.pageName == ""'>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>All posts</span>
<b:else/>
<span><a expr:href='data:blog.homepageUrl'>Home</a></span> » <span>Posts filed under <data:blog.pageName/></span>
</b:if>
</div>
</b:if>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>

4. Tambah kode CSS : 

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

5. Simpan dan Refresh.

pasti sekarang breadcrumb telah aktif saat anda masuk kesalah satu artikel anda. terimakasih.

Pembaca yang baik selalu meninggalkan komentar, dan jika terjadi kesalahan, kita debug kesalahan itu bersama

Read More

Blogger Threaded Comments

Blogger Threaded Comments

Blogger Threaded Comments - adalah fasilitas blogger terbaru yaitu membuat thread comment yang membuat kita dapat berinteraksi dengan pengunjung blog kita dengan membalas pesan yang mereka tinggalkan. untuk mengaktifkan fasilitas ini kita dapat mendapatkannya dengan mengupdate template blogger kita, tapi jangan lupa untuk mengbackup template kita untuk antisipasi jika terjadi error.

Bagaiman caranya mengaktifkan fasilitas Blogger Threaded Comments ?

1. Download template, template > backup/restore.

2. cari script dibawah ini, dan mungkin ada beberapa.

<b:include data='post' name='comments'/>

3. ganti script diatas dengan script yang baru.

<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>

4. jika sudah maka upload template dan refresh tampilan web anda. pasti akan ada fasilitas "reply" di box comment anda.

 Pembaca yang baik selalu meninggalkan komentar, dan jika terjadi kesalahan, kita debug kesalahan itu bersama

Read More