Tutorial Cara Pasang Breadcrumb di Wordpress ini khusus bagi anda yang blognya menggunakan wordpress self hosting, jadi bagi yang menggunakan blog wordpress gratisan di wordpress.com maka tutorial ini tidak akan bisa digunakan mengingat tutorial membuat breadcrumb ini adalah menambahkan beberapa baris kode pada template, alias 100% tanpa menggunakan Plugin. sudah tahu kan tosnya kalau wordpress.com sendiri melarang dan membatasi untuk utak-atik scrip template?
Ok lanjut dan tidak perlu banyak basa-basi lagi. Bagi anda yang senang akan tantangan dan ingin memasang breadcrumb di blog wordpress anda tanpa mau melibatkan plugin/100% menggunakan kode script php, html dan CSS sebagai pemanisnya, silahkan ikuti langkah-langkahnya sebagai berikut:
- Login ke Dashboard dan tuju halaman Appearance > Editor atau http://urlbloganda.com/wp-admin/theme-editor.php
- Pilih single.php
- Cari kode <?php if ( have_posts() ) while ( have_posts() ) : the_post(); ?> atau jika tidak menemukan, cari yang mirip dengan kode tersebut yang pasti biasanya ada tuh potongan kode have_posts lalu masukkan kode dibawah ini tepat diatasnya
- Untuk mempercantik tampilannya posisinya silahkan anda tambahkan kode CSS sesuka anda, sebagai bahan referensi pada blog Info Teknologi punya saya, ditembahkan sedikit kode CSS seperti ini
<div id="postpath"> <a title="<?php _e('Go to Home', 'kusnadikomputer'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'kusnadikomputer'); ?></a> > <?php the_category(', '); ?> > <?php the_title(); ?> </div>
#postpath { padding-left : 10px; }
Tambahan, bagi anda pengguna blogger.com dan ingin menambahkan breadcrumb di blog kesayangannya, silahkan baca Cara Pasang Navigasi Breadcrumb di Blogger.
Tidak ada komentar:
Posting Komentar