0
Simple Mutlak Blogger Template

Template Name : Simple Mutlak

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

Author : Asmawati


Setting Simple Mutlak 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/AVvXsEgZ289bQKXY0pJ1YVw_EMYws222tMOwmcrDbTURvAnYiOnYUT-CJ1Gg5G0wq1GCX9U8xtuTYV2QiVNdldXLU4Ha5LPpX7pJUJBAAQtqFC6EZx5DuOhc5a6x6qoS1J2OLbDOktykW8H50jM/s1600/music_is_my_religion_hd-1920x1080.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.

Download Simple Mutlak Blogger Template at Themesplate.blogger.com

Post a Comment

 
Top