1. Log in ចូលគណនីblogger account រួចចុច Click drop down.
3., ចុចប៊ូតុងEDIT HTML "
4. ចុចប៊ូតុងProceed .
5. ចុច Ctrl+F ដើម្បីស្វែងរកពាក្យ ]]></b:skin>
6. បន្ទាប់ពីឃើញកូជឈ្មោះនេះ]]></b:skin> សូមCopyកូជខាងក្រោមមកដាក់ខាងក្រោម]]></b:skin> រូច Save Template
/* The CSS Code for the menu starts here sombokrean.com */ .mainmenu { position:absolute; z-index:100; font-family:Verdana, Geneva, sans-serif; font-weight:normal; font-size:90%; line-height:25px; left:50%; margin-left:-303px; width:906px; } ul.menu { padding:0; margin:0; list-style:none; width:100px; overflow:hidden; float:left; margin-right:1px; } ul.menu a { text-decoration:none; color:#fff; padding-left:5px; } ul.menu li.list { float:left; width:250px; margin:-32767px -125px 0px 0px; background::#e81717 url() no-repeat left bottom; } ul.menu li.list a.category { position:relative; z-index:50; display:block; float:left; width:120px; margin-top:32767px; background:transparent; } ul.menu li.list a.category:hover, ul.menu li.list a.category:focus, ul.menu li.list a.category:active { margin-right:1px; background-image:url(); background-repeat:no-repeat; background-position:left top; } ul.submenu { float:left; padding:25px 0px 0px 0px; margin:0; list-style:none; background:#e81717; background-repeat:no-repeat; background-position:left top; margin:-25px 0px 0px 0px; } ul.submenu li a { float:left; width:120px; background:#369; clear:left; } ul.submenu li a.endlist { background:url(); } ul.submenu li a.endlist:hover, ul.submenu li a.endlist:focus, ul.submenu li a.endlist:active { background:url(); } ul.submenu a:hover, ul.submenu a:focus, ul.submenu a:active { background:#e81717; margin-right:1px; } --> .menu { width: 300px; background: #00199E; margin: 10px; padding: 0; border: 1px solid black; cursor: pointer; }
7. បន្ទាប់មកចូល Layout
8. ចុច Add Gadget និងចុចយក 'HTML/Javascript
9. រួចPastកូជ
<script type="text/javascript" src="http://cdnjs.cloudflare.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script> <div class="mainmenu"> <ul class="menu"> <li class="list"> <a class="category" href="#Home">Home</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#about">About Us »</a> <ul class="submenu"> <li><a href="#about1">About link 1</a></li> <li><a href="#about2">About link 2</a></li> <li><a href="#about3">About link 3</a></li> <li><a href="#about4">About link 4</a></li> <li><a href="#about5">About link 5</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#articles">Articles »</a> <ul class="submenu"> <li><a href="#articles1">Articles link 1</a></li> <li><a href="#articles2">Articles link 2</a></li> <li><a href="#articles3">Articles link 3</a></li> <li><a href="#articles4">Articles link 4</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#news">News »</a> <ul class="submenu"> <li><a href="#news1">News link 1</a></li> <li><a href="#news2">News link 2</a></li> <li><a href="#news3">News link 3</a></li> </ul> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="#donate">Donate</a> </li> </ul> <ul class="menu"> <li class="list"> <a class="category" href="http://www.bloggertrix.com/">Contact</a> </li> </ul> <!-- end mainmenu --></div>សម្រាបដាក់ # links.
10. save HTML/Javascript'.
No comments:
Post a Comment