Salah satu cara untuk meningkatkan SEO di blogger blogspot ialah dengan memasang Breadcrumb, Breadcrumb itu sendiri merupakan Navigasi yang berisikan kategori atau label pada suatu postingan / artikel, untuk contohnya sobat bisa lihat tepat diatas judul Postingan ini, di situ terlihat jelas ada menu Navigasi yang berisikan seperti ini Home >> Blog >> Blogger >> SEO >> Tips dan Trik >> Pasang Navigasi Breadcrumb di blogger.
Dalam penggunaan Breadcrumb mempunyai manfaat diantaranya ialah untuk menunjukkan lokasi atau path dari sebuah halaman Artikel (Postingan) serta dapat memudahkan pengunjung melakukan navigasi perpindahan halaman dari halaman yang di kunjungi ke halaman sebelumnya
Yah dari pada bahas terlau panjang lagian mungkin yang lain sudah pada ngerti jadi kita langsung saja ke tahap Pemasangan Navigasi Breadcrumb di blogger :
- Seperti biasa, login dulu ke blogger dengan account kepunyaat sobat,
- Pilih Tata Letak
- Pilih lagi Edit HTML dan jangan lupa mencentang pilihan pada kotak kecil Expand Template Widget
- Letakka kode CSS berikut tepat diatas kode ]]></b:skin>
- Setelah itu, cari kode <div class='post hentry uncustomized-post-template'> lalu letakkan kode berikut tepat setelah kode tersebut
- Jangan lupa di simpan dan coba sobat lihat hasilnya, maknyuskan?
.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}
<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == "item"'> <div class='breadcrumbs'> Browse » <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> </b:if>
Baru tahu nih sob.. makasih ya atas sharenya... btw dah saya follow juga tuh
@ Saung Web : ah mas merendahin diri lagi nih, kayak padi aja, makin berilmu makin tunduk.
Saya mau nanya nih brow soalnya saya masih newbie banget tapi ada kebutuhan mendesak tentang blogger... langsung aja yach... untuk masang navigasi breadcumb-kan udah ada diatas jadi saya udah bisa tapi bagaimana cara untuk membuat masing2 link yang ada didalamnya dengan halaman yang berbeda-beda pula misalnya untuk halaman home dan bisnis kan beda.. nah yang gitu tuh yang pengen saya tau.... By Fitra
maksudnya mungkin menu horizontal yah kawan, yah kalau begitu ditunggu yah entar saya buatkan dalam bentuk artikel, habis kalau mau dibahas melalui command ini bisa panjang jawabannya, tunggu yah diartikel selanjutnya.
gak ada kode div class='post hentry uncustomized-post-template'> di blogspot gw
pusing gw mas???
blh minta script gak yang udah jadi dan ada bar menunya, biar gw download
thanks mas ;) ;) ;)