أضافة قائمة أفقية ذهبية لمدونات البلوجر

]]</b:skin>

#nav {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2QDRN-7P9KQSTm0G2skGkIIDiV7WM1lWlcWneBob9CXfemSUO_SSjtFeWGWhxu03k3Ad90b_F2OKD-9TU1_DOUK2sg3FEEfIYHB6G53URI47W7BIRNdkni1R3hPrRpWxFdruQq49_uYJR/s1600/bg-menu.png) no-repeat scroll 0 -1px transparent;
height:48px;
margin-left:24px;
width:960px;
float:right;
}
#nav ul {
float:right;
height:50px;
padding-left:10px;
}
#nav li {
border-left:1px solid #845600;
border-right:1px solid #B9851A;
display:inline-block;
margin-right:-4px;
padding:10px;
}
.home {
border-left:none !important;
}
#nav li:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi7HCum3-uEWbrF8KKQGw_giJYV9B1Co-yXBgPs7ixdz5eDA2vbQkcuWe3t-NjDiI1DMHLXqDa7CNSasf5L39fs0e0n4xXmwCqc9S74i_o2T9SdGlCEUW6Q-7vXArGsh4K9fYQtm8I_UWDx/s1600/hover.jpg) no-repeat scroll center top transparent;
}
#nav li a {
color:#FFFFFF;
display:block;
font-weight:bold;
padding:5px 10px;
text-shadow:none;
}
#nav li a:hover {
text-decoration:none;
}

<div id='nav'><ul>
<li class='الرئيسية'><a href='ضع هنا رابط المدونة/'>الرئيسية</a></li>
<li><a href='رابط'>اسم القسم </a></li>
<li><a href='رابط'>اسم القسم</a></li>
<li><a href='رابط'>أسم القسم</a></li>

<li><a href='رابط'>اسم القسم</a></li>
</ul>
</div>