Mas ihsan blog's: Cara Membuat navigasi Breadcrumb WordPress manual

Cara Membuat navigasi Breadcrumb WordPress manual

Di poskan pada Minggu, 29 Juli 2012

Mas ihsan -, Semangat blogging dan selamat datang di Blog Mas ihsan, masih dalam pembahasan Wordpress, setelah anda mencoba membuat akun di Wordpress dengan membaca cara membuat blog wordpress dengan handphone, maka Artikel ketiga ini saya buat untuk menjelaskan Cara membuat breadcrumbs di wordpress blog kita.
Karena Breadcrumbs ini selain membuat tampilan blog kita tampil menawan, mesin pencari juga mudah menelusuri blog kita, di samping itu memudahkan pembaca untuk mencari artikel terkait menurut Kategori masing-masing Artikel.
Karena letaknya paling awal di hitungan Crawl robot, dan jalur yang muncul dari home terus ke kategori terus ke Artikel kita, ternyata sangat membantu SEO (Search Engine optimizations) blog wordpress kita.
Maka panjenengan kudu mempraktekkan Breadcrumbs ini di blog panjenengan. Banyak tipe Breadcrumbs yang telah di share untuk Blogger, yang langsung bisa dipraktekan pada blog, tetapi berbeda untuk wordpress, semoga ini bisa menjadi rujukan atas kekosongan ini.
Contoh Breadcrumbs bisa panjenengan lihat di atas title Artikel blog saya, walaupun blog saya bukan Wordpress tetapi Breadcrumbs ini tampilannya juga sama dengan yang di sini, Formatnya juga seperti ini :

Home > blogging > cara membuat blog dengan handphone


Bila panjenengan ingin segera memasang navigasi Breadcrumbs ini, silahkan simak tekhnik berikut:

1. Login ke blog wordpress
2. Buka file single.php, bisa lewat dashboard, cpanel atau FTP.
3. Cari kode yang biasa digunakan untuk menampilkan
judul postingan.
kode yang biasa dibuat judu postingan biasanya seperti ini

, letakkan
kode berikut tepat diatas kode tersebut.

<h4><a href="<?php echo get_option('home'); ?>/">Home » <?php the_category(', ') ?> » <?php the_title();?></h4>


4. Kemudian Save.

Untuk kode h4 dapat kita sesuaikan tampilannya, tambahkan contoh seperti ini di style.css:

#content h4 { color:#252525; font:Arial 12px Verdana; letter-spacing:-1px; padding:5px 0 5px 0; margin-bottom:0; border-bottom:1px dashed #e1e1e1; }


Bisa juga anda modifikasi sendiri kode css nya.
Kemudian lihat hasilnya, mudah bukan, silahkan berkomentar.

[ 8 komentar ] sudah di tambahkan, terima kasih telah berkomentar.

  1. Terima kasih gan atas infonya. Aq emang pake pluggin utk bikin breadcrumb tapi ada bagian yang harus ditambahkan di file php-nya & aq gak tau bagian mana yg harus ditambahkan. Alhamdulillah dari blog ini jadi tau bagian mana yg harus ditambahkan n skrg udh bisa nampilin breadcrumbnya. Thanks.

    BalasHapus
    Balasan
    1. sama sama kumendan... Matur tengkyu sudah kesasar di blog ane

      Hapus
  2. bang kalu di xtgem bisa gak yua pasang breadcrumbs ini?pengen kayanya pasang haha

    BalasHapus
    Balasan
    1. bisa.... Saya pernah mencoba di blog xtgem saya dengan filelist

      Hapus