Kamis, 04 April 2013

Cara mudah Membuat Breadcrumbs

Breadcrumbs adalah sebuah metode untuk menampilkan judul dan label yang berdampingan dan muncul secara otomatis disetiap postingan blog kita.
Anda bisa lihat di blog saya ini sebagai contohnya.

Manfaat lainnya tentu untuk memudahkan pengunjung blog mengetahui ditopik/label mana dia sedang berada. Dan untuk masalah SEO, Breadcrumbs juga sangat bermanfaat, karena akan semakin memperkaya keyword blog anda di Search Engine.



Jadi menurut saya Breadcrumbs sangat baik untuk penampilan blog anda agar terkesan lebih Profesional dan juga lebih SEO Friendly.

Kalau anda tertarik untuk memasangnya di blog anda, silahkan ikuti uraian singkat dibawah ini :

*. Masuk ke akun blogger anda
*. Pilih menu TEMPLATE
*. Klik tombol EDIT HTML
*. Centang Expand Widget Template
*. Cari kode

]]></b:skin>

*. Letakkan kode di bawah ini tepat di atas kode tadi

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

*. Setelah itu cari kode seperti di bawah: <b:includable id='main' var='top'> *. Ganti kode di atas dengan kode di bawah

<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'/>

Sesudah itu klik Save, dan untuk melihat hasilnya Silahkan buka blog anda dan buka satu halaman yang ada di blog, Kalau semua metode diatas diterapkan dengan sempurna maka Breadcrumbs telah terpasang dengan baik di blog anda.

Oke sob semoga tips ataupun Cara Membuat Breadcrumbs Pada Setiap Postingan blog ini bermanfaat, Salam....

4 komentar:

diki sulaeman mengatakan...

terimakasih informasinya,,

Semut Merah mengatakan...

Sama2 mas, mg sukses bisnis jamunya :D

ferdy irawan mengatakan...

ASSALAMU ALAIKUM WR-WB KAMI SEKELUARGA MENGUCAPKAN BANYAK TERIMAH KASIH ATAS BANTUAN AKI,RUSLAN KARNA NOMOR GHOIB/RITUAL JITU YANG AKI,BERIKAN 4D (8301) BENAR BENAR TEMBUS 100% DAN SAYA MEMENANGKAN 380 JUTA ALHAMDULILLAH, SAYA BISA MEMBELI RUMAH DAN MOBIL WALAUPUN SAYA CUMA PNS GOLONGAN 1B.INI ADALAH KISAH NYATA DARI SAYA.JIKA ANDA PENUH KEPERCAYAAN DAN KEYAKINAN SILAHKAN ANDA HUBUNGI LANGSUNG AKI, RUSLAN SALEH KARENA APAPUN KEADAAN ANDA JANGAN PERNAH BERPUTUS ASAH KALAU SUDAH WAKTUNYA TUHAN PASTI KASIH JALAN.

JIKA ANDA BUTUH ANGKA RITUAL 2D 3D 4D DI JAMIN 100% JEBOL ATAU PUNYA MUSTIKA GHAIB INGIN DIPAKAI MENARIK UANG BILAH BERMINAT HUB KI RUSLAN SALEH DI NMR (_+_6_2_8_1_2_4_3_4_7_7_4_5_5_) ATAU KUNJUNGI WEPSITE (KLIK)www.penarikan-uang-ghaib.webs.com SAYA SUDAH BUKTIKAN 3X THNKS ROOMX SOBAT
★ ★ ★ ★ ★ ★ ★ ★ ★
╔══╗═════╔╗═════
╚╗╔╬═╦═╦═╣╠╦╦╦╦╗
═║║║╩╣║║╬║═╣║║║║
═╚╝╚═╩╩╬╗╠╩╬╗╠═╝
═══════╚═╝═╚═╝══
★ ★ ★ ★ ★ ★ ★ ★ ★

Fachri mengatakan...

ohh sprti itu gan, mksh yaaa ^^
mmpir di blog sya jg yaa hehe