Saved Templates

Your saved templates are stored in this browser.

Select the heart on a template to save it here.

Search Templates & Articles

Type at least 2 characters to search.

Oceanus

How To Configure Dropdown Menu

Find this in “Edit HTML”:

      <ul class='sfmenu' id='nbtheme'>
         <li><a href='#'>Finance</a></li>
         <li><a href='#'>Religion</a></li>
         <li><a href='#'>Sports</a></li>
         <li>
            <a href='#'>Business</a>
            <ul class='sub-menu'>
               <li><a href='#'>Aciform</a></li>
               <li><a href='#'>Asmodeus</a></li>
            </ul>
         </li>
         <li><a href='#'>Politics</a></li>
         <li>
            <a href='#'>Entertainment</a>
            <ul class='sub-menu'>
               <li><a href='#'>Art</a></li>
               <li><a href='#'>Vintage</a></li>
            </ul>
         </li>
      </ul>

Replace “#” symbol with real URLs and anchors (like Finance, Religion, …) with your own words.

How To Configure Slider

Find this in “Edit HTML”:

   <ul class='slides'>
      <li>
         <a href='ENTER-SLIDE-1-LINK-HERE'><img src='http://2.bp.blogspot.com/-d4cJ_jCCHSo/Ue4VHImt1VI/AAAAAAAAJpo/P0OaM1dOPpM/s1600/slide-1.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 1 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-2-LINK-HERE'><img src='http://3.bp.blogspot.com/-N6qiDV7mgTo/Ue4VG7v34hI/AAAAAAAAJpk/k6qhtMjDBGk/s1600/slide-2.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 2 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-3-LINK-HERE'><img src='http://3.bp.blogspot.com/-nF6tVVo8NwE/Ue4VHZe_DsI/AAAAAAAAJp0/W3McqHTMKzA/s1600/slide-3.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 3 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-4-LINK-HERE'><img src='http://4.bp.blogspot.com/-ThAoPjB2Lz8/Ue4VHvY6oUI/AAAAAAAAJp8/YtxDvXr6ezo/s1600/slide-4.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 4 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-5-LINK-HERE'><img src='http://3.bp.blogspot.com/-zGD8faTIKUw/Ue4VIsI3-II/AAAAAAAAJqE/Wi74kwaxIWE/s1600/slide-5.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 5 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-6-LINK-HERE'><img src='http://2.bp.blogspot.com/-XRnrCZvJb7c/Ue4VI4M-vpI/AAAAAAAAJqM/LJfTIwzGI8U/s1600/slide-6.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 6 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-7-LINK-HERE'><img src='http://4.bp.blogspot.com/-3A5K_bhBfW4/Ue4VJ-G-uYI/AAAAAAAAJqc/r_qF6CILYCY/s1600/slide-7.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 7 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-8-LINK-HERE'><img src='http://1.bp.blogspot.com/-mLBD4AY5vM8/Ue4VJkTWz5I/AAAAAAAAJqU/kJ-RLELL78U/s1600/slide-8.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 8 Title</h2>
         </div>
      </li>
      <li>
         <a href='ENTER-SLIDE-9-LINK-HERE'><img src='http://3.bp.blogspot.com/-65K7GBHlGNI/Ue4VKddgJhI/AAAAAAAAJqk/aVx7BXL1nb0/s1600/slide-9.jpg'/></a>
         <div class='flex-caption'>
            <h2>Enter Slide 9 Title</h2>
         </div>
      </li>
   </ul>

Replace,
ENTER-SLIDE-X-LINK-HEREs with real slide links.
Enter Slide X Titles with real slide titles.
Slider image URLs with your own image links.

Need Help With Setup?

Follow the installation guide or contact us with your template name and blog URL.

Installation guide →Ask a question →

Related Blogger Templates

Browse All Templates

The conversation

3 thoughts on “Oceanus Blogger Template”

Leave a Reply

Your email address will not be published. Required fields are marked *

 

This site uses Akismet to reduce spam. Learn how your comment data is processed.