Replay is a 2 column
wordpress theme converted to blogger by
Sora. The template features content slider, right sidebar, social widget, drop down menu, HTML5 music player and page navigation widget.
<div class='menu'>
<ul class='menu' id='menu-main-menu'>
<li><a href='#'>News</a>
<ul class='sub-menu'>
<li><a href='#'>Ribbon Slider</a></li>
<li><a href='#'>Fade Slider</a></li>
</ul>
</li>
<li><a href='#'>Artists</a></li>
<li><a href='#'>Events</a></li>
<li><a href='#'>Releases</a></li>
<li><a href='#'>Media</a>
<ul class='sub-menu'>
<li><a href='#'>Gallery</a></li>
<li><a href='#'>Videos</a></li>
<li><a href='#'>Dropdown</a>
<ul class='sub-menu'>
<li><a href='#'>Sample One</a></li>
<li><a href='#'>Sample Two</a></li>
<li><a href='#'>Sample Three</a></li>
</ul>
</li>
</ul>
</li>
<li><a href='#'>Contact</a></li>
</ul>
</div>
In the above code replace '#' with category links, change the category text, add sub-categories below 'sub-menu', and save the changes. Below it is the featured content slider, keep the image size 400px x 400px. Here is the code to look for in Edit Html -
<div class='ribbon-slide'>
<ul>
<li class='slide-400'><a href='#'>
<img class='fullwidth' height='400' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgu0WdtdwuaiFF0rbbc_evi3jxQfLegVSNU0OvtpZwK_l0ULeJ_guzp_Alt7yZnEp2uoyBx0uD-UmOeyAVpF2dZbB62_JVO7idQB0MKGAN4RrHbudVUXhGfzMjsxrSvNxSZVKBz8z0y6cQ/s400/1.jpg' width='400'/> </a>
</li>
Replace '#' with the post urls, add the image links and follow the same steps for all the slides. In case you want to add captions for each image then insert this code after '</a>' for each slide.
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>Ozone world tour started</span>
An interesting part of this theme is the music player, so your readers can listen to some music while browsing your content. Look for this code in Edit Html and change song.mp3 and Song Title to your favorite tunes -
<div class='playlist'>
<a href='/song1.mp3'>Song Title 1</a>
<a href='/song2.mp3'>Song Title 2</a>
</div>
To configure the social widget in the header, search for this code in Edit Html -
<div class='social-links'>
<a class='facebook' href='#' target='_blank' title='Facebook'/>
<a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' target='_blank' title='Rss'/>
<a class='tumblr' href='#' target='_blank' title='Tumblr'/>
<a class='twitter' href='#' target='_blank' title='Twitter'/>
</div>
Add your social ids (marked in bold) and save the changes. The page navigation widget has to be configured as well, in the below code the first option shows 'number of posts in each page' and the second one shows 'number of buttons will display', change it as per your choice.
<script type='text/javascript'>//<
