Iklan 300 x 250

Random Post

Recent Post

 

Cara Pasang Breadcrumbs Navigasi

Text Resizer: Click for Resizer
Apakah blog anda sudah dipasang navigasi breadcrumbs? Jika anda ingin lebih mengoptimalkan blog anda agar lebih seo friendly dan user friendly, sebaiknya anda memasang breadcrumbs navigasi. selain untuk mempermudah pengunjung, konon kata para master SEO, si mbah google menyukai blog yang dipasangi navigasi breadcrumbs ini, jadi kenapa anda tidak mulai berfikir untuk memasang Breadcrumbs Navigasi???? Biasanya letak penyimpanan navigasi breadcrumb ini berada diatas judul postingan kita yang hanya akan muncul di halaman postingan saja.


Nah... bagaimana? sudah selesai berfikir? jika sudah, dan anda ingin memasang navigasi Breadcrumbs ini, silahkan melakukan beberapa langkah yang saya berikan ini.

  • Log in ke accunt blogger anda

  • Pada dasbor --> Rancangan --> Edit HTML

  • Jangan lupa centang Expand Widget Templates.

  • Untuk mengamankan template anda, sebaiknya download dulu template anda untuk berjaga-jaga.

  • Cari Kode berikut ini pada template anda ]]></b:skin>

  • Setelah ketemu pasang kode dibawah ini diatasnya

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

  • Kemudian silahkan kalian cari kode berikut :

<div class='post hentry uncustomized-post-template'>

  • Selanjutnya pasang kode dibawah ini tepat di atas kode tadi.

<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>

  • Simpan template kalian

Hasilnya akan seperti ini :

Browse » Home » Label,label,label » Judul Posting

NB :

  • Kalian bisa mengganti kata Browse dan Home pada kode diatas, misal pake kata Anda Disini, Rumah, dll
  • untuk warna pada garis bawah breadcrumb navigasi ini kalian bisa merubahnya pada kode CSS diatas tepatnya kode #cadaef untuk merubah warna Anda dapat Memakai Mesin Warna pilih sesuai dengan selera

Semoga tutorial kali ini bermanfaat.... 


Artikel Terkait:

Nobi Noku Ditulis oleh : Arga Anggriawan | BLOG : This Is My Art
Dalam Judul : Cara Pasang Breadcrumbs Navigasi
Dalam Kategori :
Saya hanyalah blogger pemula yang ingin belajar dan berbagi dengan sahabat, Semua artikel blog ini bersumber dari pengalaman saya dari dunia blogger.

4 komentar:

sibutiz mengatakan... Reply Comment

tips keren gan...

Noubi noku mengatakan... Reply Comment

ok gan silahkan di coba :n:

Faris mengatakan... Reply Comment

keren..
tambah terus postnya

sukis mengatakan... Reply Comment

salam blogger.!
blognya bagus, menginspirasi. gimana caranya membuat blog seperti ini, dari memasang/mengedit template,memasang navigasi,menambah widtgate dll. dibuatkan bundelan/e-book banyak yang tertarik tuh, termasuk saya. hehe

:a: :b: :c: :d: :e: :f: :g: :h: :i: :j: :k: :l: :m: :n: :o: :p: :q: :r: :s: :t: :u: :v: :w: :x: :y: :z:

Poskan Komentar

Bagi sobat-sobat silahkan comment disini, Insya Allah saya comment balik di blog anda.Blog ini Blog Do Follow,Trims atas kerja samanya

 
 
 

Temukan Kami Dalam FB

Sahabat Blogger

http://nobinoku.blogspot.com/

Tukeran Link Yuk..!! Silahkan copy kode di atas..!!
Saya akan segera link balik..!! Link & Banner Teman
powered by PRBbutton Powered by  MyPagerank.Net backlink Site Meter http://www.wikio.com Free Automatic Backlink
Check Google Page Rank
Cerita Seks Panas Dewasa 17Tahun
free counters
 
Copyright 2010 - 2011 © This Is My Art | Didukung Oleh : Blogger
Template Name : Evolution Magazine Template | Modification by : Argabluesky