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>
bagus
ReplyDeleteterima kasih atas kunjungan dan komentarnya..
Deletesukses selalu..