Sabtu, 02 April 2011

Cara Pasang Breadcrumb di Wordpress tanpa Plugin

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:
  1. Login ke Dashboard dan tuju halaman Appearance > Editor atau http://urlbloganda.com/wp-admin/theme-editor.php
  2. Pilih single.php 
  3. 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
  4. <div id="postpath">
    <a title="<?php _e('Go to Home', 'internetberitaku'); ?>" href="<?php echo get_settings('home'); ?>/"><?php _e('Home', 'internetberitaku'); ?></a>
    &gt; <?php the_category(', '); ?> &gt; <?php the_title(); ?>
    </div>
    
  5. 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
  6. #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.

Suka dengan artikel di internetberitaku.com ? Yuk masukin alamat E-Mail anda dibawah ini! Dengan begitu setiap ada postingan atau artikel terbaru, anda akan langsung menerimanya melalui via E-Mail.


18 komentar on " Cara Pasang Breadcrumb di Wordpress tanpa Plugin "

Add your comment. Please don't spam!
Subscribe in a Reader
ari giduk on 3 Mei 2011 23.51 mengatakan...

pas mantab gan, dah jadi di blog saya sesuai posting di atas

Majuterus on 26 Juni 2011 14.22 mengatakan...

Lucu bahwa saya menemukan tips ini dari blog berbasis blogger :) Tapi meskipun begitu, informasinya sangat berguna sob. Pas sekali dengan yang saya cari.

Script anda, sudah saya pasang di blog saya.

arkhananta on 10 Agustus 2011 12.37 mengatakan...

akhirnya ada juga caranya, lebih simple n ga bikin ribet... makasih mas

sunardi on 12 September 2011 02.33 mengatakan...

wah setelah kehilangan, bebrapa perintah di editor saya, akhirnya ketemu caranya disini, thanks master... nice info

Putra Eka on 19 September 2011 12.37 mengatakan...

Dicoba dulu mas, moga-moga berhasil. Thanks

jam tangan casio original on 28 November 2011 00.32 mengatakan...

mantab ... makasih bro atas share ilmunya :)

SEO Tips on 30 Desember 2011 23.23 mengatakan...

makasih mas tutorialnya dah ane cobain tu

Jefry on 24 Februari 2012 12.33 mengatakan...

Kayaknya blog saya belum punya menu ini,, trims akan saya coba tutorialnya
moga2 nanti berhasil..

faystips on 18 April 2012 16.09 mengatakan...

terima kasih ilmunya, berhasil di blog saya

Aditya on 2 Juli 2012 07.30 mengatakan...

Boleh dicoba gan :D thanks begete

Elang on 6 November 2012 15.55 mengatakan...

thanks gan

Tony Ahmad on 4 April 2013 22.34 mengatakan...

mantabs gan

Template Collection on 9 Mei 2013 20.32 mengatakan...

ane butuh nih script gan.
googling masuk ke sini.
ane bookmark dulu.

Harga HP Samsung Galaxy Terbaru on 3 September 2014 22.07 mengatakan...

Theme saya dah punya gan

Meiqing Xu on 7 April 2016 10.43 mengatakan...

xiaowei 20160407
burberry outlet canada
oakley sunglasses wholesale
michael kors handbags
michael kors outlet online
michael kors purses
reebok
sac longchamp
michael kors
coach factory outlet
jimmy choo outlet store
reebok outlet store
hollister clothing store
coach outlet
mont blanc pens
coach outlet online
omega
armani exchange
ralph lauren outlet
christian louboutin shoes
michael kors outlet
air max
gucci borse
ed hardy uk
cheap jordan shoes
pandora jewelry
rolex daytona
discount oakley sunglasses
nike tn pas cher
omega speedmaster
louis vuitton handbags
coach factory
fitflops sale clearance
versace sunglasses
toms outlet
michael kors outlet online
true religion outlet
burberry bags
kate spade outlet online
hollister hoodies
hermes outlet

RKSdev on 31 Mei 2016 15.26 mengatakan...

Mantap tutorialnya, untuk membaca artikel bisnis online silahkan berkunjung ke Bisnis Online Website

Gege Dai on 9 Agustus 2016 14.01 mengatakan...

christian louboutin online
canada goose jackets
ugg boots
michael kors wholesale
cheap jordans
nike blazer pas cher
polo ralph lauren
swarovski crystal
mulberry outlet,mulberry handbags outlet
ferragamo shoes
rolex watches
air max 90
true religion outlet
michael kors handbags
nike free 5.0
ugg boots clearance
marc jacobs outlet
ugg boots
ugg boots sale
coach outlet
swarovski crystal
cheap nike shoes sale
jordan shoes
ugg boots outlet
ralph lauren polo
ugg boots
michael kors canada
louis vuitton bags
nike roshe run
cartier watches
cartier watches
nike outlet store online
ugg slippers
soccer jerseys
louis vuitton handbags outlet
michael kors outlet online
nike huarache
0809jianxiang

dong dong23 on 29 September 2016 09.43 mengatakan...

dallas mavericks jerseys
new england patriots jerseys
san antonio spurs jerseys
coach outlet store online
the north face
louis vuitton
ugg boots sale
oakley sunglasses
kate spade
michael kors outlet
20169.29wengdongdong

:)) ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* :| 8-} :)] ~x( :-t b-( :-L x( =))

Poskan Komentar

Copyright © 2010 internetberitaku.com | Powered By Blogger | Custom Themes By InternetBeritaKu