Cara Mudah Memasang Breadcrumbs | SERVITIA Cara Mudah Memasang Breadcrumbs - SERVITIA

Otomotif - Elektronik





Breaking

Selasa, 06 Mei 2014

Cara Mudah Memasang Breadcrumbs

Breadcrumb adalah baris internal link di bagian atas atau bawah halaman yang memungkinkan pengunjung untuk kembali ke bagian sebelumnya atau halaman utama. Berikut ini adalah contoh dari penggunaan breadcrumbs.
Tutorial Blog SEO




Memasang Breadcrumbs
1.Masuk ke akun blogger, pilih menu Templete
2.Pilih Cadangkan/Pulihkan yang terletak pada tombol sebelah kanan atas jendela browser Anda. Lihat Gambar.
Tutorial Blog SEO
3.Pilih Unduh Templete Lengkap, kemudian simpan file tersebut. Lihat Gambar.
Tutorial Blog SEO
4.Buka file hasil unduhan tersebut menggunakan Notepad, kemudian cari kode ]] > </b:skin>. Untuk memudahkan pencarian, gunakan menu Edit kemudian pilih Find, atau gunakan “Ctrl F”.
5.Letakkan kode di bawah ini tepat sebelum kode ]] > </b:skin> tadi
 .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:100%; line-height: 1.4em; border-bottom:3px double #eee;}
6. Setelah itu cari kode <b:includable id='main' var='top'>, kemudian ganti kode tersebut dengan kode di bawah ini:

 <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' property='v:title' rel='v:url'>Home</a></span><b:loop values='data:post.labels' var='label'>» <span typeof='v:Breadcrumb'><a expr:href='data:label.url' property='v:title' rel='v:url'><data:label.name/></a></span></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><b:includable id='main' var='top'><b:include data='posts' name='breadcrumb'/>

7.Setelah itu simpan file tersebut
8.Kembali ke blogger, pilih Choose File. Pilih file hasil unduhan yang telah diedit seperti tersebut di atas. Kemudian klik Unggah.


Description: Cara Mudah Memasang Breadcrumbs Rating: 3.5 Reviewer: Ferry Anas ItemReviewed: Cara Mudah Memasang Breadcrumbs