TRANSLATE THIS PAGE

English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese Simplified

Tuesday, February 16, 2010

CARA MEMBUAT MENU DIATAS POST/ BREADCRUMBS

1. Silakan log in ke blogger dengan ID anda
2. Klik Tata Letak
3. Klik tab Edit HTML
4. Klik Download Template Lengkap dan silahkan kembali template Anda pertama
5.

Silakan periksa kotak kecil di samping Expand Template Widget


6. Cari kode ]]></ b: skin>


7. Salin dan sisipkan kode di bawah ini persis di atas kode tadi

.breadcrumbs{
padding:5px 5px 5px 0;
margin:0;font-size:95%;
background:DarkBlue;
line-height:1.4em;
color:lavender; border-bottom:4px double white;
}



8. Cari kode berikut atau yang mirip dalam template Anda:

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

Atau seperti ini

<div class='post hentry'>


<div class='post uncustomized-post-template'> ( kalau kode ini pastekan diatas )


9. Salin dan sisipkan kode di bawah ini persis di bawah kode tadi



<b:if cond='data:blog.homepageUrl == data:blog.url'>
<b:else/>
<b:if cond='data:blog.pageType == "item"'>
<div class='breadcrumbs'>
Browse » <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 == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
» <span><data:post.title/></span>
</b:loop>
</b:if>
</b:loop>
</div>
</b:if>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>
<div class='breadcrumbs'>
Browse » <a expr:href='data:blog.homepageUrl'>Home</a> » 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. Klik tombol Simpan Template
11. Tunggu beberapa saat sampai template Anda disimpan
12. Buka blog Anda, klik judul artikel, lihat hasil
13. Selesai.

HASILNYA SEPERTI INI (YANG BERWARNA BIRU TUA )

Artikel Lainnya Dibawah ini



2 comments:

Anonymous said...

Salam kenal ya.., tutornya buat menu breadcrumbs dah berhasil kepake diblog aq, thanks ya.., yuk mampir di innah blog

Innah said...

Salam kenal ya.., tutornya buat menu breadcrumbs dah berhasil kepake di blog aq, thanks ya.. yuk.. mampir di innah blog

SILAHKAN TINGGALKAN KOMENTAR DISINI NO SPAM..NO PORN... KRITIK DAN SARAN YANG MEMBANGUN SANGAT DIBUTUHKAN DAN BERMANFAAT.KOMENTAR YANG MENGHUJAT ATAU DENGAN KATA KATA KOTOR AKAN TERHAPUS DENGAN SENDIRINYA TERIMA KASIH

KOMENTAR TERAKHIR


MY FRIEND


ARAHKAN MOUSE KE IMAGE AKAN BERHENTI

Blogger templates


MAU SEPERTI DIATAS KLIK DISINI

CATEGORY

POSTING TERBARU

 
Back To Top - GURU PKn SMP PGRI 02 BATU - Template By Blogger Edited By Savalia