<div class='menu-main-container'><ul class='menu' id='menu-main'><li class='menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-244' id='menu-item-244'><a href='/'>Home</a></li>Replace '#' with category links, add the corresponding categories, you can also add sub-categories below 'Pages', and save the changes.
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-187' id='menu-item-187'><a href='#'>Movies</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-188' id='menu-item-188'><a href='#'>Technology</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-189' id='menu-item-189'><a href='#'>Games</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-190' id='menu-item-190'><a href='#'>Music</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-191' id='menu-item-191'><a href='#'>Fashion</a></li>
<li class='menu-item menu-item-type-custom menu-item-object-custom menu-item-224' id='menu-item-224'><a href='#'>Pages</a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-post_type menu-item-object-page menu-item-225' id='menu-item-225'><a href='#'>Full Width Page</a></li>
The slider has a cascading effect, and the image loads up on hovering over it, to modify the slider, go to Edit Html and look for this code -
<span class='fadeout'/>Replace the default links with the post urls, add title text, post title, img alt text and the image url, follow the same steps for the remaining slides. Make sure the image size is 600p×305px. Below the slider is the second menu bar, change the links from Edit Html, look for the following code -
<div class='excerpt'>
<h2><a href='http://www.coolbthemes.com/' rel='bookmark' title='Permanent Link to Quas molestias excepturi'>Quas molestias excepturi</a></h2>
</div>
<img alt='Quas molestias excepturi' height='305' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy1uowT9czH4SBMxkZ1wcIsZ8o8xqDFV9_iLTXXzezXaJAsf_-caE3Vkf6lPBBmltvyY2AqvIIZNK4oRhpwkDO27DqBQN5-x8DTtaSQKYFNvmSHd7hyphenhyphenwuNdI9CiBWK-9urPU8TFSyqwes/s1600/4.jpg' width='600'/>
</li>
<li id='kwick_2'>
<span class='fadeout'/>
<div class='excerpt'>
<h2><a href='http://www.coolbthemes.com/' rel='bookmark' title='Permanent Link to Impedit quo minus id'>Impedit quo minus id</a></h2>
</div>
<img alt='Impedit quo minus id' height='305' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjISOcNBJi1Y-VLh7Y1Z8U7U5flX5ZK3Ucb5aRBE-jX5PgeWXa5qNtShgHgdiyXhAO2LqvW3dUIDoGv2ZiDEiBaLRrf3kNpVk2dAX8_edC8lcky_zjxR2pOFqhcS27G66876FteqHFB07g/s1600/3.jpg' width='600'/>
</li>
<div id='navigation2'>You have to follow the same steps as the first menu bar, replace '#' with your links and add sub-category links under the default 'Business' category, here you could also add sub sub-menu under the default category 'Movies', save the changes.
<ul class='menu' id='dropmenu'><li id='home'><a href='#'>Home</a></li><li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-254' id='menu-item-254'><a href='#'>Business</a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-255' id='menu-item-255'><a href='#'>Cell Phones</a></li>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-256' id='menu-item-256'><a href='#'>Movies</a>
<ul class='sub-menu'>
<li class='menu-item menu-item-type-taxonomy menu-item-object-category menu-item-257' id='menu-item-257'><a href='#'>News</a></li>
The main column shows the summarised version of the posts with thumbnails and tags. While the sidebar is on the left where you can display different blogger widgets.
Download the Blue Travel Blogger Theme
