Simple Sekali Blogger Template
FEATURES
- 2 Columns
- Right sidebar
- Featured content slider
- Tabbed widget
- Dropdown menu
- Footer columns
- Banner 468 x 60
- Top navigation bar
Author :
AsmawatiSetting Simple Sekali Blogger Template1. Configure Featured Content SliderGo to
Template ==>
Edit HTML ==> Find this code below :
<div id='slide'>
<div class='flexslider'>
<ul class='slides'>
<li>
<a href='SLIDE-1-LINK-HERE'><img class='slideimg' src='http://2.bp.blogspot.com/-WamARJR89q8/UN01e0yqqjI/AAAAAAAAARU/oCE1Y6BTC5E/s1600/dance-electro-music-wallpaper-chick.jpg'/></a>
<div class='flex-caption'>
<p>Slide 1 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate another link velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</li>
<li>
<a href='SLIDE-2-LINK-HERE'><img class='slideimg' src='http://3.bp.blogspot.com/-uSOkWnBKfPo/UN01zNwc_KI/AAAAAAAAARs/8gIuV7BhtEY/s1600/6757-girl-listening-to-music-1920x1200-music-wallpaper.jpg'/></a>
<div class='flex-caption'>
<p>Slide 2 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate another link velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</li>
<li>
<a href='SLIDE-3-LINK-HERE'><img class='slideimg' src='http://3.bp.blogspot.com/-DlhPsGd8XZo/UN00tAuZlvI/AAAAAAAAAQc/_ZNYZkdJLhg/s1600/music-hd-talent-children-fond-d-ecran-247358.jpg'/></a>
<div class='flex-caption'>
<p>Slide 3 : Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation test link ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate another link velit esse cillum dolore eu fugiat nulla pariatur.</p>
</div>
</li>
</ul>
</div>
</div>
Replace :
- Blue color with "Link Post"
- Green color with "Image Link"
- Red color with "Title and Description"
2. Setting Dropdown Menu (blue navbar)Go to
Template ==>
Edit HTML ==> Find this code below :
<div id='catmenucontainer'>
<div id='catmenu'>
<ul class='menu'>
<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='#'>Music</a>
<ul class='sub-menu'>
<li><a href='#'>Jazz</a></li>
<li><a href='#'>Pop</a></li>
<li><a href='#'>Rock</a></li>
</ul>
</li>
<li><a href='#'>Topics</a>
<ul class='sub-menu'>
<li><a href='#'>Business</a></li>
<li><a href='#'>Health</a></li>
<li><a href='#'>Internet</a></li>
<li><a href='#'>Movie</a>
<ul class='sub-menu'>
<li><a href='#'>Action</a></li>
<li><a href='#'>Comedy</a></li>
<li><a href='#'>Horror</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Parent Category</a>
<ul class='sub-menu'>
<li><a href='#'>Child Category 1</a>
<ul class='sub-menu'>
<li><a href='#'>Sub Child Category 1</a></li>
<li><a href='#'>Sub Child Category 2</a></li>
<li><a href='#'>Sub Child Category 3</a></li>
</ul>
</li>
<li><a href='#'>Child Category 2</a></li>
<li><a href='#'>Child Category 3</a></li>
<li><a href='#'>Child Category 4</a></li>
</ul>
</li>
<li><a href='#'>Template</a></li>
<li><a href='#'>Wallpaper</a>
<ul class='sub-menu'>
<li><a href='#'>Nature</a></li>
<li><a href='#'>People</a></li>
<li><a href='#'>Woman</a></li>
</ul>
</li>
<li><a href='#'>Uncategorized</a></li>
</ul>
</div>
</div>
Replace
red color with your link and
blue color with the title.
3. How to add links on Top MenuGo to
Layout ==> click
Edit This Menu widget.
