Blognya Masrahmat |
Inilah Cara Mudah Pasang Breadcrumbs Di Blogspot Posted: 09 Oct 2012 08:21 PM PDT Inilah Cara Mudah Pasang Breadcrumbs Di Blogspot - Breadcrumb adalah keterangan yang di buat oleh blogger dan webmaster sebagai navigasi untuk membantu pembaca atau pengunjung situs mereka, yakni mengenai lokasi dimana si pengunjung berada menurut urutan link yang dibungkus dalam teks. Breadcrumbs ini merupakan salah satu teknik untuk meningkatkan SEO blog Anda. Jikalau mereka sedang membuka sebuah halaman website atau juga sedang membaca sebuah artikel maka peranan Breadcrumbs memberitahukan posisi halaman atau artikel tersebut berada secara berseri. Semisal anda sedang membaca artikel ini, maka di atas judul artikel anda dapati urutan navigasi breadcrumb seperti pada gambar berikut ini: Untuk urusan desain web atau blog maka memiliki sebuah Breadcrumb menunjukkan bahwa anda telah berusaha membuat website milik anda tertata rapi dan pintar, efeknya membantu pembaca saat mengembara di dalamnya dan berinteraksi dengan seluruh konten yang anda sajikan. Selain itu umumnya mesin pencari merekomendasikan navigasi pintar ini, seperti Google contohnya. Ia termasuk pelopor yang merekomendasikan agar para blogger dan webmaster memiliki navigasi breadcrumb di website miliknya: "A breadcrumb trail is a set of links (breadcrumbs) that can help a user understand and navigate your site's hierarchy." Jadi memiliki sebuah lintasan breadcrumb maka website atau blog anda telah mengikuti aturan yang di rekomendasikan disiplin ilmu desain web / blog dan juga SEO (untuk SEO masih dalam perdebatan, namun karena Google rekomendasikan navigasi ini maka ia termasuk SEO). Baiklah setelah penjelasan singkat mengenai apa itu dan manfaat Breadcrumb, kini giliran memasang lintasan navigasi ini di Blogspot milik anda, untuk membantu pembaca dan pengunjung saat berpetualang di blog milik anda: Cara Pasang Breadcrumb Di Blog Blogspot1. Log-in ke Blogger.com gunakan akun anda. 2. Kemudian menuju Rancangan lalu Edit HTML jika anda masih gunakan tampilan lama dashboard Blogspot maka klik Expand Template Widget. Lalu masukan CSS Breadcrumb berikut ini: .breadcrumbs {padding:5px 5px 5px 0px; margin: 0px 0px 15px 0px; font-size:85%; line-height: 1.4em; border-bottom:3px double #e6e4e3; Letakan kode CSS diatas sebelum tag ini: ]]></b:skin>. 3. Kemudian anda cari tag berikut ini: <a expr:name='data:post.id'/> 4. Setelah ketemu maka masukan kode tag Breadcrumb berikut ini di atas kode sebelumnya: <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> <a expr:href='data:blog.homepageUrl'>Home</a> > <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'> > </b:if> </b:loop> </b:if> > <data:post.title/> </div> </b:if> 5. Kemudian klik tombol Simpan Template atau Save Template anda. Selamat! Sekarang blog Anda sudah memiliki navigasi breadcrumbs. Rating: 4.5 Description: Inilah Cara Mudah Pasang Breadcrumbs Di Blogspot Reviewer: Fathur Rahmat |
You are subscribed to email updates from Blognya Masrahmat To stop receiving these emails, you may unsubscribe now. | Email delivery powered by Google |
Google Inc., 20 West Kinzie, Chicago IL USA 60610 |
0 komentar:
Posting Komentar