Cara Membuat Breadcrumb Diatas Judul Postingan Blog

Malam Sobat Tutorial Blog, Setelah sebelumnya saya posting tentang Cara Memasang Widget Jejaring Sosial di Blog, kali ini saya akan kembali share tentang Cara Membuat Breadcrumb Diatas Judul Postingan Blog seperti terlihat pada blog ini. Sebelumnya saya akan beri sedikit penjelasan apa itu Breadcrumb dan apa manfaatnya untuk blog. Breadcrumb adalah menu (navigasi) yang dapat memudahkan para pengunjung blog dalam menelusuri halaman blog anda dan kembali ke homepage dengan mudah. Manfaatnya, selain membuat keren blog, juga agar blog anda terindex oleh google. Dengan Membuat Breadcrumb di blog, juga dapat mengoptimalkan SEO blog anda. Nah, buat anda yang ingin membuatny juga, silahkan lihat langkah-langkah di bawah ini.

Cara Membuat Breadcrumb Diatas Judul Postingan Blog :

1. Login ke akun blogger anda
2. Klik menu Template > Edit HTML lalu centang pada Expand Widget Templates
3. cari kode ]]></b:skin> dengan Ctrl+F, lalu letakkan kode dibawah ini tepat diatas ]]></b:skin>
   
   .breadcrumb {<br /> padding:5px 5px 5px 0px;<br /> margin: 0px 0px 10px 0px;<br /> font-size:90%;<br /> line-height: 1.2em;<br /> border-bottom:3px double #e6e4e3;<br /> }
4. Setelah itu cari lagi kode <b:if cond='data:post.title'> lalu Copy dan letakkan kode berikut ini tepat dibawah <b:if cond='data:post.title'>
   <b:if cond='data:blog.pageType == "item"'><br /> <div class='breadcrumb'> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a> »<br /> <b:if cond='data:post.labels'><br /> <b:loop values='data:post.labels' var='label'><br /> <a expr:href='data:label.url' rel='tag'><data:label.name/></a><br /> <b:if cond='data:label.isLast != "true"'>,</b:if><br /> </b:loop><br /> »<br /> </b:if><br /> <data:post.title/><br /> </div> </b:if>
5. Setelah selesai, klik Simpan Template dan Lihat hasilnya.

Semoga Tutorial singkat tentang Cara Membuat Breadcrumb Diatas Judul Postingan Blog Bermanfaat..^_^

• Tweet
• Share
• Share
• Share
• Share

About Admin

This is dummy text. It is not meant to be read. Accordingly, it is difficult to figure out when to end it. But then, this is dummy text. It is not meant to be read. Period.

Related Post