ការបង្កើត menu ដែលជាជំពូកនៃការចុះផ្សាយផ្សេងៗ និងការបង្កើតប្រអប់ស្វែងរក ត្រូវធ្វើឡើងដូចខាងក្រោមនេះ៖
#blog-Search input[type=search]{
width: 35px;
height:35px;
background: #000000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiZLLxc5lr2uVrDAoqU0zPB74iUMemoK8Em_XCg2XhoAEuspe82crCuFOvApdhPl3zA7u27KE9MBnaIextqhiSokHjXv9Zu9TmKmaQgfjODrVWcdxfjzRn0JFd20ely7P58oA-kO1OMoFWP/s1600/search-icon5.png) no-repeat 2px center;
border: 1px solid #000000;
border-radius:50%;
color: transparent;
cursor: pointer;
outline:none;
}
#blog-Search input[type=search]:hover{
background-color: #3d3d3d;
}
#blog-Search input[type=search]:focus{
width: 40%;
padding-left: 15px;
padding-left: 30px;
outline:none;
color: #000;
height: 35px;
border: 1px solid #000000;
border-radius:4px;
background-color: #fff;
cursor: auto;
}
#blog-Search input:-moz-placeholder{
color: transparent;
}
#blog-Search input::-webkit-input-placeholder{
color: transparent;
}
ពិនិត្យគេហទំព័រជាក់ស្តែង៖ https://testing-kb.blogspot.com/
ដូចនេះយើងសង្កេតឃើញថា ដើម្បីបង្កើត menu ដែលជាជំពូកផ្សេងៗ យើងត្រូវភ្ជាប់ពាក្យតំណាងអោយជំពូកនិមួយៗទៅនឹងអាស័យដ្ឋានរបស់ជំពូកនោះ ឧទាហរណ៍ដូចជា «/search/label/ជាតិ» ជាដើម។
ហើយដើម្បីបង្កើតប្រអប់ស្វែងរកដែលមានលក្ខណៈអាចលូតចេញក្រៅនិងចូលក្នុងវិញបាន (expandable) យើងត្រូវប្រើប្រាស់ធាតុ HTML «form» និង «input» ជាមួយនឹងលក្ខណៈពិសេសមួយចំនួនដូចនៅក្នុងកម្មវិធីខាងលើនេះ៕
