Loading

Saturday, May 26, 2012

cara cepat terindex google dengan membuat breadcrumb

Breadcrumb adalah salah satu cara agar postingan kita cepat terindex google dari sekian banyak cara. cara membuatnya juga cukup mudah. hanya masukkan kode berikut ke dalam HTML kita. berikut tata cara dan baca dengan teliti agar kita tidak salah menaruh kodenya :

1. Login dahulu ke dasbor
2. Masuk ke template dan klik edit html daan beri tanda centang di pojok atas
3. Cari kode ]]></b:skin> untuk mempermudah pencarian tekan CTRL + F masukkan kode tersebut. kalau sudah ketemu masukkan kode dibawah ini tepat diatas kode ]]></b:skin>

 .breadcrumbs {
padding:8px 0px 10px 5px;
margin: 0px 0px 5px 0px;
font-size:88%;
border:1px double
#e6e4e3;
}


4. cari kode <div class='post hentry'> dan masukkan kode tepat dibawahnya

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Your Are Here</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2F1JqbtklXeHKaFSLZWHdp5rQ0c6Njp_muvuUMI3AsuDt1MG8uIxYatHQ-kH9vilN_OBkih_iUb98xuTqCOpUv74r7qKaJSjO25O8DLKo0ASnFtWS_w3rE0NFMrbZDGIfsJw6E95Sa4/s1600/kangsalman+crumb.gif'/> <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 != &quot;true&quot;'>,</b:if>
</b:loop>
&#187;
</b:if>
<data:post.title/>
</div>
</b:if>
<b:if cond='data:blog.pageType == &quot;archive&quot;'>
<div class='breadcrumbs'>
<span class='Apple-style-span' style='font-family: Verdana, sans-serif;'>Browse</span><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjS2F1JqbtklXeHKaFSLZWHdp5rQ0c6Njp_muvuUMI3AsuDt1MG8uIxYatHQ-kH9vilN_OBkih_iUb98xuTqCOpUv74r7qKaJSjO25O8DLKo0ASnFtWS_w3rE0NFMrbZDGIfsJw6E95Sa4/s1600/kangsalman+crumb.gif'/> <a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
&#187; Archives for <data:blog.pageName/>
</div>
</b:if> 

5. jika sudah selesai klik save template, jika ragu pratinjau dulu dan lihat hasilnya

Selesai sudah cara membuat breadcrumb sangat mudah bukan. semoga berguna 

2 comments:

  1. Mengunjungi blog yang bagus dan penuh dengan informasi yang menarik adalah merupakan kebahagiaan tersendiri.... teruslah berbagi informasi

    ReplyDelete

free counters