Quantcast
Channel: Alextv.net feed from arilianz.blogspot.com
Viewing all articles
Browse latest Browse all 25

Membuat Breadcrumbs Pada Blog | Cara Pasang Breadcrumbs | Menambahkan Breadcrumbs Pada Blogger

$
0
0
Sore gan,udah jam segini tapi masih belum mandi nih ,maklumlah lagi sakit gan,kemaren sempat tergeletak tak tak berdaya,gak bisa ngapa-ngapain ,tapi alhamdulillah sekarang udah agak mendingan,meski dalam keadaan sakit,saya tak lupa untuk membuka blog,udah cinta sama yang namanya blog , langsung saja deh,pada posting kali ini akan dibahas tentang breadcrumbs dan cara pasangnya pada blog.

Breadcrumbs? apa itu breadcrumbs? pasti agan udah banyak yang tau kan tentang breadcrumbs? menurut Wikipedia Breadcrumbs biasanya muncul secara horizontal di bagian atas sebuah halaman web, biasanya ada di bawah bar judul atau header. Breadcrumbs menyediakan link penghubung kembali ke halaman sebelumnya setiap user menavigasi antar link untuk menuju ke halaman yang aktif atau halaman induk dari halaman yang aktif. Breadcrumbs memberikan jejak bagi pengguna untuk mengikuti kembali ke titik awal atau entri. Sebuah tanda yang lebih besar dari (>) sering berfungsi sebagai pemisah hirarki, meskipun dapat menggunakan simbol lainnya (seperti »atau>), serta beragam grafik.
Breadcrumbs biasanya terlihat seperti ini:
Home page> Nama Kategori> Judul Postingan
atau
Home page: Nama Kategori: Judul Postingan

Fungsi dari breadcrumb pada blog adalah untuk mengetahui sedang dihalaman mana sekarang pengunjung berada. Dengan breadcrumb, maka urusan navigasi link bisa lebih mudah. Selain itu, breadcrumb juga sangat baik untuk SEO blog karena memperkaya kata kunci dalam postingan. Breadcrumbs juga berpengaruh pada index,bisa menambah index isi blog agan. Jika blog agan belum terpasang breadcrumbs,bisa ikuti langkahnya di bawah ini :



1. Login dulu ke blog agan,jika sudah login,kemudian klik Design/Rancangan,setelah itu klik Edit HTML,jangan lupa centang Expand Widget Template.
2. Cari kode ]]></b:skin> ini, tekan CRTL+F pada keyboard agar lebih mudah.
3. Kemudian Coppast code di bawah ini tepat di atas code ]]></b:skin>

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


4. Kemudian cari code <div class='post hentry'>
5. Coppast code di bawah ini dan tepat di bawah code <div class='post hentry'>



<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 + &quot;?&amp;max-results=10&quot;' 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>


Nah itu sedikit pengetahuan mengenai breadcrumbs dan cara pemasangannya gan,agar blog agan lebih SEO Friendly,,Selamat mencoba dan semoga bermanfaat   ..

Viewing all articles
Browse latest Browse all 25

Latest Images

Trending Articles





Latest Images