The topmost menu bar shows page links automatically, while the second menu bar with dropdown can be configured from Edit Html -
<div class='menu'>In the above code replace '#' with the relevant category links, add your main categories and the sub-categories will appear under 'sub-menu', once done save the changes.
<ul class='fadein drop' id='menu-main-nav'>
<li><a href='#'>Blog</a>
<ul class='sub-menu'>
<li><a href='#'>Entertainment</a></li>
<li><a href='#'>Politics</a></li>
<li><a href='#'>Technology</a></li>
<li><a href='#'>Social Media</a></li>
</ul>
</li>
<li><a href='#'>Content Styling</a></li>
<li><a href='#'>Page Templates</a>
<ul class='sub-menu'>
<li><a href='#'>Sitemap</a></li>
<li><a href='#'>Archives</a></li>
<li><a href='#'>Contact Form</a></li>
<li><a href='#'>Full Width</a></li>
<li><a href='#'>Left Sidebar</a></li>
</ul>
</li>
To configure the featured content slider find this code in Edit Html and make the changes -
<div class='viewport'>Keep the image size 300px × 225px, add the image url, replace '#' with post link, add post title, and follow the same steps for all the slides. Your latest posts will be neatly displayed in the main column, and the post page has the social media icons and a comment form integrated in it.
<ul class='overview'>
<li class='featured-post col g4'>
<a class='dt-thumb' href='#'><img class='dt-post-image thumbnail' height='225' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIUk-MPL2sQ8lREb2WaDw4yJx3_kWHfMrj_z_Seb8xdjLVp8CnzWIH_2OcMEGzIurul31Tqwu5KsBbKY4X7w266E0s9tiOi1qT5EUqQ3V-VR6jWzgIajvafkqFXnuJDZUeSXrBj3XtFLE/s300/1.jpg' width='300'/></a>
<div class='post-info'>
<h2 class='entry-title'><a href='#'>Under Lights in Astoria</a></h2>
</div>
</li>
The single sidebar and footer can be used to display popular posts, archives, recent comments, blogroll etc.
Download Insomnia Blogger Template
Share this Blogger Template:
0 Response to "Insomnia Blogger Template"
Post a Comment