0
Simple Sekali Blogger Template

Template Name : Simple Sekali

Features
  • 2 Columns
  • Right sidebar
  • Featured content slider
  • Tabbed widget
  • Dropdown menu
  • Footer columns
  • Banner 468 x 60
  • Top navigation bar

Author : Asmawati


Setting Simple Sekali Blogger Template

1. Configure Featured Content Slider
Go 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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTIKuqppMyCmoCfDEijs02BmPqVXGBeU_s-gCDjFnnMZ9sbew8PdbEZym0NZqu-EXJJPMoZki1CSGe-6Jja24duNGR0l_4IUjhvLWwiWNDJJBF7D4uy8SrwDFZ8hr4zwgAsLXJ-IGV8g5a/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaC-W-yngq_UYwyNgQ_k35YS5gbH_GocUyoVBdeSyx0vCyPwE5M1FWFRzSPGOwXMN4ejfGK2SAPSUfoEzVYLUu5nQ5S54rjriPluWPAwSK8TaJfZ9F9DuUIFsJ3cYJgzUMcKs6SFLWSbfU/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='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCZAKsj_6bgJMWifiI7UKFMo1DYYW2Nn7OJofWPusrAEOB6qu06f77nlToa-uZXRaQ66Rt_9iVC6Mpyt3c84nA_QeU8unoQxxNn9WTzaBM-5UdGU5mO8Kb5GdtRUWanSRTBkkr1fjtjxNI/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
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 Menu
Go to Layout ==> click Edit This Menu widget.

Post a Comment

 
Top