Pasang Navigasi Breadcrumb di blogger - Hallo sahabat Didhiksty Blog, Pada Artikel yang anda baca kali ini dengan judul Pasang Navigasi Breadcrumb di blogger, kami telah mempersiapkan artikel ini dengan baik untuk anda baca dan ambil informasi didalamnya. mudah-mudahan isi postingan Artikel lastes, Artikel tifs trik blog, yang kami tulis ini dapat anda pahami. baiklah, selamat membaca.

Judul : Pasang Navigasi Breadcrumb di blogger
link : Pasang Navigasi Breadcrumb di blogger

Pasang Navigasi Breadcrumb di blogger

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 :

1. Seperti biasa, login dulu ke blogger dengan account kepunyaat sobat,
2. Pilih Tata Letak
3. Pilih lagi Edit HTML dan jangan lupa mencentang pilihan pada kotak kecil Expand Template Widget
4. Letakka kode CSS berikut tepat diatas kode ]]></b:skin>

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef}


5. Setelah itu, cari kode <div class='post hentry uncustomized-post-template'> lalu letakkan kode berikut tepat setelah kode tersebut


<b:if cond='data:blog.homepageUrl == data:blog.url'> <b:else/> <b:if cond='data:blog.pageType == &quot;item&quot;'> <div class='breadcrumbs'> Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; <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 != &quot;true&quot;'> , </b:if> </b:loop> </b:if> &#187; <data:post.title/> </div> </b:if> </b:if>


6. Jangan lupa di simpan dan coba sobat lihat hasilnya, maknyuskan?

Demikianlah Artikel Pasang Navigasi Breadcrumb di blogger

Sekianlah artikel Pasang Navigasi Breadcrumb di blogger kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.

Anda sekarang membaca artikel Pasang Navigasi Breadcrumb di blogger dengan alamat link https://didhiksty.blogspot.com/2015/10/pasang-navigasi-breadcrumb-di-blogger.html