Sabtu, 29 Desember 2012

Simple Sekali

Simple Sekali Blogger Template

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 : 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'
<p>Slide 1 : Lorem ipsum
</li>

<li>
<a href='SLIDE-2-LINK-HERE'
<p>Slide 2 : Lorem ipsum
</li>

<li>
<a href='SLIDE-3-LINK-HERE'
<p>Slide 3 : Lorem ipsum
</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.

Tidak ada komentar:

Posting Komentar