SELAMAT DATANG DI GOGONITY BLOG SEMOGA ARTIKEL-ARTIKEL DI DALAM BLOG INI BISA BERGUNA BAGI PARA PENGUNJUNG

Membuat breadcrumb-navigation di blogger

Breadcrumb-navigation adalah sebuah navigasi yang menampilkan site map blog kita. Kelebihannya Breadcrumb bisa membuat template kita lebih seo friendly dengan permalink, sebab tool ini akan mempermudah search engine menemukan artikel-artikel di blog kita. Fungsi lain dari  breadcrumb-navigation adalah memudahkan para pembaca menemukan tag artikel kita dari Home > Kategori > Judul Artikel.

Cara Buat Navigasi breadcrumb sangat mudah karena hanya di butuhkan sedikit modifikasi saja. Ikuti langkah-langkahnya  dibawah ini :

1.  Login ke blogger.com
2.  Klik Rancangan.
3.  Pilih Edit HTML
4.  Sebaiknya anda klik Download Full Template dulu untuk mengantisipasi terjadinya error
5.  Kemudian beri tanda centang pada kotak kecil di samping tulisan "Expand Template Widget".
6.  Silahkan cari kode ]]></b:skin>
7.  Copy lalu paste-kan kode di bawah ini persis di atas kode ]]></b:skin>

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

8.  Setelah itu cari kode berikut pada template anda :

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

9. Copy lalu paste-kan kode di bawah ini persis di bawah kode <div class='post hentry uncustomized-post-template'>

    <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' rel='tag'>Home</a>
    <b:loop values='data:posts' var='post'>
    <b:if cond='data:post.labels'>
    <b:loop values='data:post.labels' var='label'>
    <b:if cond='data:label.isLast == &quot;true&quot;'> &#187;
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    </b:if>
    &#187; <span><data:post.title/></span>
    </b:loop>
    </b:if>
    </b:loop>
    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;archive&quot;'>
    <div class='breadcrumbs'>
    Browse &#187; <a expr:href='data:blog.homepageUrl'>Home</a> &#187; Archives for <data:blog.pageName/>
    </div>
    </b:if>
    <b:else/>
    <b:if cond='data:navMessage'>
    <div class='breadcrumbs'>
    <data:navMessage/>
    </div>
    </b:if>
    </b:if>

10. Kemudian Save Template.

Setelah selesai lihat pada posting anda tepatnya di atas judul artikel, jika ada itulah yang di maksud  breadcrumb navigation menu. contohnya bisa anda lihat di atas judul blog ini.



Article :


Preview on Feedage: gogonity-blog Add to My Yahoo! Gogonity Blog Add to Google! Gogonity Blog Add to AOL! Gogonity Blog
Add to MSN Gogonity Blog Subscribe in NewsGator Online Gogonity Blog Add to Netvibes Gogonity Blog Subscribe in Pakeflakes Gogonity Blog
Subscribe in Bloglines Gogonity Blog Add to Alesti RSS Reader Gogonity Blog Add to Feedage.com Groups Gogonity Blog Add to Windows Live Gogonity Blog
iPing-it Gogonity Blog Add to Feedage RSS Alerts Gogonity Blog Add To Fwicki Gogonity Blog Add to Spoken to You Gogonity Blog

Share |

Baca juga artikel yang lain :

Bagi pengguna facebook komentar disini

1 comments:

Tole ne Toudano said...

langsung gan thx

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

Post a Comment

Terima kasih atas kunjungannya.
Dapatkan backlink gratis dari blog DOFOLLOW ini dengan berkomentar! dan gunakan kode smiley diatas untuk mengexpresikan senyum anda. contoh :))
Maaf SPAM akan Dihapus
Contoh SPAM : Mengetik Link Pada Komentar, Komentar tidak sesuai Isi Artikel,No Porno, No Sara.

Gogonity Blog © 2010 Template Modified by:
IroelSt
Protected by Copyscape Duplicate Content Finder DMCA.com