Hello Admin^
This is Not_Found

Into your system...

Now I Destroy your security and Break them Into Pieces..

Whatever you Hate Me or Like me

I'm So Sorry Your Site Has been Deface
By



zoneaman86.blogspot.com

Cara Membuat Navigasi Breadcrumb Di Blogger - Breadcrumb adalah link navigasi yang biasanya tampil cantik di atas judul atau title posting dalam modus postingan bukan dalam modus Home seperti terlihat pada blog ini dimana Breadcrumb menampilkan Halaman Depan atau Home > Label> Judul Posting.

Menurut para master Search Engine Optimization (SEO) blog yang memiliki breadcrumb punya daya SERP yang tinggi di mata search engine seperti Google , Yahoo, Bing dsb. dibanding yang tidak memakai.

Adapun manfaat yang bisa sobat dapatkan jika kita membuat navigasi breadcrumb. Diantaranya adalah untuk mempercantik tampilan blog kita, untuk mempermudah navigasi blog (mempermudah pengunjung blog kita untuk menelusuri tulisan-tulisan yang ada di blog kita).

Selain itu juga bisa meninggkatkan page view blog kita dengan navigasi yang mudah. maka dari itu blog sahabat juga harus punya breadrum, karna itu juga akan berpengaruh pada SEO.

Ini Cara Membuat Navigasi Breadcrumb Di Blogger, perhatikan langkah-langkah berikut ini:

1. Login ke Blogger shobt.
2. Di halaman Dasbor, kita pilih Rancangan.
3. Kemudian pilih Edit HTML
4. Beri tanda centang pada Expand Template Widget.
5. Cari kode berikut <b:if cond='data:post.title'> untuk memudahkan mencarinya sobt pakai tombol ctrl+ f. dan Tambahkan kode berikut ini di bawahnya:

        <b:if cond='data:blog.pageType == "item"'>
        <div class='breadcrumb'>
        <a expr:href='data:blog.homepageUrl' rel='tag'>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 != "true"'>,</b:if>
        </b:loop>
        &#187;
        </b:if>
        <data:post.title/>
        </div>
        </b:if>

 6. Selanjutnya shobt cari kode   ]]></b:skin>  dan copy paste kode dibawah ini tepat di atasnya :

        .breadcrumb {
        padding:5px 5px 5px 0px;
        margin: 0px 0px 10px 0px;
        font-size:90%;
        line-height: 1.2em;
        border-bottom:3px double #e6e4e3;
        }

7. Save Template agar tidak hilang.

Ok  ….lalu lihat hasilnya,,, semoga sukses.

0 Comments:

Post a Comment



Posting Lebih Baru Posting Lama Beranda