Saturday 14 April 2012

Membuat Menu Terhubung dengan Sejumlah Artikel


Untuk menghubungkan menu dengan sejumlah artikel pada blog dapat dilakukan dengan menggunakan fasilitas label. Setelah anda masuk ke blog anda, pilih edit artikel anda. Kemudian pilih setelan entri dan seterusnya ke Label. Isi Label ini dengan kata yang sama untuk kelompok artikel yang akan dihubungkan dengan menunya.

Sebagai contoh untuk waliblog saya kasih label “blogger” untuk semua artikel yang terkait dengan materi membangun blog. Untuk materi yang terkait mendapatkan pendapatan dari blog saya kasih label “money”.
Menu HTML sebelumnya yang saya sampaikan pada artikel "membuat menu pada Blog", saya modifikasi dengan memberikan label tersebut. Semoga bermanfaat.

<style>
/*---------------------------------------------------------------------------------*/
/* CATEGORY MENU */
/*---------------------------------------------------------------------------------*/

#cat-menu { background:none; height:35px;}
/* category navigation */
.nav { background:#f5f5f5;width:100%;z-index:99; float:left; margin:5px 0 10px 0; padding:0px; list-style:none; height:35px;}
.nav a { position:relative; color:#555; display:block; z-index:100; text-decoration:none; }
.nav li { float:left; width:auto; border-right:1px solid #d9d9d9; }
.nav li a { font:bold 11px/15px Arial,serif; padding:10px 12px; text-decoration:none; text-transform:uppercase; }
.nav li a:hover{ background:#333; color:#fff; text-decoration:underline;}</style>
<div id='cat-menu'>
<ul class='sf-menu nav' id='cat-nav'>
<li><a href='/'>Home</a></li>
<li><a href='http://walirajawali.blogspot.com/search/label/blogger?max-results=10'>Blogger</a></li>
<li><a href='http://walirajawali.blogspot.com/search/label/money?max-results=10'>Money</a></li>
</ul>                     
</div>

2 comments: