Cara Cepat Membuat BreadCrumbs / Navigasi Dengan Mudah

TOKOH DAN POLITIK

Breadcrumb adalah deretan tautan internal di bagian atas atau bawah halaman yang memungkinkan pengunjung untuk kembali ke bagian sebelumnya atau halaman utama. Berikut adalah contoh penggunaan dan tutorialnya .

Tutorial Blog SEO Memasang Breadcrumbs :

1.Masuk akun blogger, pilih menu Templete 

2. Pilih tombol Backup / Restore yang terletak di kanan atas jendela browser Anda. Lihat Gambar. Tutorial Blog SEO 

3. Pilih Unduh Lengkap Templete, lalu simpan file tersebut. Lihat Gambar. Tutorial Blog SEO 

4.Buka file yang diunduh menggunakan Notepad, lalu cari kode]]> </ b: skin>. Untuk memudahkan pencarian, gunakan menu Edit dan kemudian pilih Temukan, atau gunakan "Ctrl F". 5.Letakkan kode di bawah tepat sebelum kode]]> </ b: skin> terakhir .breadcrumbs {padding: 5px 5px 5px 0px; margin: 0px 0px 15px 0px; ukuran font: 100%; garis-tinggi: 1.4em; border-bottom: 3px double #eee;} 6. Setelah Anda mendapatkan kode <b: termasuk id = 'main' var = 'top'>, lalu ganti kode 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 

8.Kembali ke blogger, pilih Choose File. Pilih file yang diunduh yang telah diedit seperti dijelaskan di atas. Kemudian klik Unggah.

Selamat mencoba semoga bermanfaat.