Forum, Blogger, diskusi, ilmu, berbagi, blogging, sharing, ide, inspirasi Kamu Forum

Minggu, 03 Januari 2010

Cara Membuat Breadcrumbs Navigasi

Jika anda sering mengunjungi Kolom Tutorial, pasti tidak asing lagi dengan navigasi dibawah ini.

 
Yup. Itu namanya Breadcrumbs Navigasi. Nah, navigasi Breadcrumbs ini berguna untuk menaikkan posisi blog di Search Engine. Dengan kata lain, navigasi ini menguntungkan di sisi SEO.

Untuk membuatnya, pertama-tama login dulu ke Blogger, lalu klik Tata Letak lalu Edit HTML. Sebaiknya backup dulu template anda. Caranya klik Download Template Lengkap lalu tunggu hingga proses download selesai.

Nah, lalu aktifkan tanda centang pada Expand Template Widget.

Kalau sudah melakukan semua langkah-langkah diatas, lakukan langkah-langkah berikut ini.

1. Cari kode berikut ini.
]]></b:skin>
2. Copy kode ini diatasnya.
#breadcrumbs-navigasi{
padding:0px 10px 10px 0;
margin:0;
border-bottom:1px solid #ffff66;
}
Kode #ffff66 adalah warna border. Gati sesuai keinginan anda.

3. Cari kode berikut ini.
<b:if cond='data:post.dateHeader'>
4. Copy kode ini diatasnya.
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='breadcrumbs-navigasi'>
Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> | <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> | <a expr:href='data:post.url'><data:post.title/></a>
</div>
</b:if>
5. Simpan Template.

Nah, jika berhasil, tampilan breadcrumbs navigasi akan seperti berikut ini.


Apabila anda menyukai postingan ini, anda bisa men-sharenya ke yang lain. Semisal ke Facebook atau Twitter. Silakan klik salah satu pilihan dibawah.

Buzz It

Artikel Menarik Lainnya



5 komentar:

hamasale mengatakan...

Ass wrwb
Salam kenal...
Kalau butuh akses internet murah bisa mapir ke blogku.. thanks

Helman Rosyadi mengatakan...

thx ya, ku pake nih tips nya

Bowo' mengatakan...

thanks

Herlan mengatakan...

makasih bgt mas tutornya.... keren euy...! Punten aah di coba! :)

saepul anwar mengatakan...

BAGUS GAN PATUT D COBA

Posting Komentar

Apa pandapat anda terhadap artikel ini? Berkomentarlah tanpa rasa malu, ragu dan takut.

Komentar diluar tanggung jawab pemilik blog. Jika anda berkomentar yang berbau pornografi atau sara, maka itu risiko anda sendiri.

Jika anda mengirimkan komentar spam, maka akan saya hapus.

Jika anda tidak ingin komentar anda ditampilkan, silakan kirimkan e-mail di halaman email me.

Jika anda ingin berceloteh bebas, silakan tuju halaman ini.

Anda dapat menggunakan beberapa tag HTML seperti <b>, <i>, <u>, <a>, <strike>, <sub>, <sup>, dan lain-lain. Anda juga dapat menggunakan emoticon Plurk seperti (lmao) (taser) (haha).

Untuk link exchange bisa dilakukan dihalaman ini, sedangkan banner exchange dihalaman ini. Permintaan link exchange dan banner exchange selain dihalaman tersebut tidak akan dilayani.



Emoticon yang dapat digunakan [Tampilkan] [Sembunyikan]



:-))
:-)
:-D
(lol)
:-p
(woot)
;-)
:-o
X-(
:-(
:'-(
:-&
(K)
(angry)
(annoyed)
(wave) | (bye)
B-)
(cozy)
(sick)
(:
(goodluck)
(griltongue)
(mmm)
(hungry)
(music)
(tears)
(tongue)
(unsure)
(highfive)
(dance)
(blush)
(bigeyes)
(funkydance)
(idiot)
(lonely)
(scenic)
(hassle)
(panic)
(okok)
(yahoo)
(cry)
(doh)
(brokenheart)
(drinking)
(girlkiss)
(rofl)
(money)
(rock)
(nottalking)
(party)
(sleeping)
(thinking)
(bringit)
(worship)
(applause)
8-)
(gym)
(heart)
(devil)
(lmao)
(banana_cool)
(banana_rock)
(evilgrin)
(headspin)
(heart_beat)
(ninja)
(haha)
(evilsmirk)
(eyeroll)
(muhaha)
(taser) | (rammi)
(banana_ninja)
(beer)
(coffee)
(fish_hit)
(muscle)
(smileydance)
(fireworks)
(goal)
(bzzz)
(dance_bzz)
(Русский)
(code)
(morning)

Cara menggunakan: ketikkan emoticon yang diinginkan. Untuk yang ada pemisah berupa "|" maka itu adalah alternatif. Seperti (wave) | (bye) maka bisa (wave) bisa (bye)


Pengikut

Follow via NetworkedBlogs



Jangan lupa jadi fans Muhammad Rizki Fadillah's Blog di Facebook. Klik link di bawah ini.

http://www.facebook.com/pages/Tips-Trik-Matematika-Tutorial-Blogging-Muhammad-Rizki-Fadillahs-Blog/277782561876

Setelah mengklik link diatas, klik tombol Become A Fan untuk menjadi fans Muhammad Rizki Fadillah's Blog.