Cara Memasang Breadcrumb di Blog tepat diatas judul postingan. Breadcrumb memperlihatkan link blog/postingan anda terlihat berbeda dari yang lain. Pada pencarian google link anda hanya tampil home dan label, dengan cara ini akan lebih memudahkan pengunjung untuk mencari postingan terkait lainnya karena cara ini akan mewajibkan anda untuk membuat label disetiap postingan yang anda bagi.
Setiap postingan akan lebih baik jika hanya memiliki satu label, hal ini bertujuan untuk meningkatkan review postingan baru anda dan akan membantu postingan cepat terindek oleh google.
Berikut ini script untuk memasang Breadcrumb di atas judul/title postingan
1. Klik Template - Edit HTML
2. Klik Lompat ke Widget - Klik Blog1
3. Klik id='main' var='top'
di blok <b:includable id='main' var='top'> sampai dengan <data:defaultAdStart/>
Selanjutnya copypaste kode dibawah ini :
di blok <b:includable id='main' var='top'> sampai dengan <data:defaultAdStart/>
Selanjutnya copypaste kode dibawah ini :
<b:includable id='main' var='top'>
<b:if cond='data:mobile == "false"'>
<b:include data='top' name='status-message'/>
<!-- posts -->
<div class='blog-posts hfeed'>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'><a class='homex' expr:href='data:blog.homepageUrl' itemprop='url'><span itemprop='title'>Home</span></a></span>
»
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<span itemscope='' itemtype='http://data-vocabulary.org/Breadcrumb'>
<a expr:href='data:label.url' itemprop='url'><span itemprop='title'><data:label.name/></span></a></span>
<b:if cond='data:label.isLast != "true"'> » </b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</div>
</b:if>
<data:defaultAdStart/>
Klik simpan, selanjutnya
4. Klik <b:skin>...</b:skin>
5. Cari ]]></b:skin> kode ini terletak diatas </head>
6. Copypaste kode dibawah ini tepat diatas ]]></b:skin>
.breadcrumbs{padding:5px;font-size:80%}
Klik simpan
0 komentar
Posting Komentar