How To Setup Replay Portfolio Blogger Template

Replay Blogger Template

Replay is a perfect blogger template for musicians, bands, record labels and any music business. It is easy to use and customize, comes packed with powerful tools for sharing and selling music, managing events and more. Replay is equipped with various of widgets which will help you to publish your blog more professionally. To make it easy for you we have published this detailed documentation, so that you can setup your blog correctly. You have made a good decision by choosing our template. You can check the live demo or download the template through the button below and also Please Read this documentation carefully in order to set up your blog and please note that there’s no support for free users.

Basic Setup

  1. Template Installation
  2. Logo Setup
  3. Template Setting
  4. Shortcodes & Markups
  5. Create Sitemap


Main Menu/DropDown/Multi DropDown

Access your blog Theme > click Edit Html and then find the following coding.
<ul class="menu" id="menu-main-menu" itemscope="" itemtype="http://schema.org/SiteNavigationElement">
<li><a href="/">Home</a></li>
<li><a href="#">News</a>
<ul class="sub-menu">
<li><a href="#">Ribbon Slider</a><ul class="sub-menu">
<li><a href="#">DropDown 1</a></li>
<li><a href="#">DropDown 2</a></li>
</ul></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>
<li><a href="http://www.soratemplates.com/2012/10/replay-blogger-templates.html">Download This Template</a></li>
</ul>

Change the url with your own.

Social Top

Access your blog Theme > click Edit Html and then find the following coding.
<div class="social-links">
<a class="facebook" href="#" target="_blank" title="Facebook"></a>
<a class="rss" href="http://replay-soratemplates.blogspot.in/feeds/posts/default" target="_blank" title="Rss"></a>
<a class="tumblr" href="#" target="_blank" title="Tumblr"></a>
<a class="twitter" href="#" target="_blank" title="Twitter"></a>
</div>

Change the url with your own.

Image Slider

Access your blog Theme > click Edit Html and then find the following coding.

<ul>
 <li class='slide-400'><a href='#'>
 <img class='fullwidth' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVhx4kSlSsD-tPuzCsza6EwZVjZkpKBgOW-C5pIFTM-pabEkKiW0CXzgD98vauaDlPWUOKyGleItBiGH_8vclGg-iHsyFiOQ2X5bfx2BckWO6ULcrgUUOaxvslD4LykkI031IgxIqskE/s400/1.jpg'/> </a>
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>John Snow Announces European Tour</span>
<span class='ribbon-caption-background'/>
</a>
</div>
 </li>

 <li class='slide-400'><a href='#'>
 <img class='fullwidth' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglKyxbG00t8EusqyHMzfk1xpEWMa88RLPkC0C23OP8E3ZpjeZj92ImJQVtut6f8_1V7HVlXJhiJW6y5kG33Z7ZiECVLQtQK4wTAur0aAq-0wQMkWSc3PmzULBgc4KWOmOBVF0SKRsPSCg/s400/2.jpg'/></a>
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>Sonic Wave Releases New Album</span>
<span class='ribbon-caption-background'/>
</a>
</div>
 </li>

 <li class='slide-400'><a href='#'>
 <img class='fullwidth' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgC0IOBFqKgqr82-7alFSpk-PfzaSPIaaX5DmXzh3k-8j9LhYeu4phmsXZYrjpX2APqG7Ifkza_Jq7eIgPd6mVnIvhmByESrYOUHO01vl6NmjF8t9twmd1wMBziGzcfRlBoxkeECza2_Eo/s400/3.jpg'/> </a>
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>RDB Nominated for 3 Grammy Awards</span>
<span class='ribbon-caption-background'/>
</a>
</div>
 </li>

 <li class='slide-400'><a href='#'>
 <img class='fullwidth' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcwcyECsNOaEpzn5p2IO86ndq8iiTpD3dxCp37MggHJ1OTikROV9PmJaVctkuQuFwDcsTjcUdQpdgNpk7hIAWLl0yQ7vXAOWiN0HW0L0cq4SAB9haI3cDWkpnp8O8UaUcVNE7yRbE0Gzs/s400/4.jpg'/></a>
 <div class='ribbon-caption'>
 <a class='ribbon-caption-title' href='#'>
 <span>Ozone world tour started</span>
 <span class='ribbon-caption-background'/>
 </a>
 </div>
 </li>

 <li class='slide-400'><a href='#'>
 <img class='fullwidth' height='400' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTaOVpKDfjHKZVdgioAcWNumBUXjvXSnqYh3UUt8mZqp0SZgA-JaB2gDE75vqG9SBXZeMWkRb-SUd31xjomBzw_U8UdvFtuLVl_yuRdsWf7JzQA8Az4Z4lugvB_VhYBrvcOFlxDmaUD7U/s400/5.jpg' width='400'/></a>
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>Zoo Beat Announce US Tour Dates</span>
<span class='ribbon-caption-background'/>
</a>
</div>
 </li>

 <li class='slide-400'><a href='#'>
 <img class='fullwidth' height='400' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3TvCEggBBbG8gL7Q9YIeXmk7hEqlcN6DNPAoNWpVXAUG0EFOsXbyNzbDGcqkUKYlnbcC_IHICWDyGJrEnVpxW31AIf5jy0URzZl2ZpBwHVNNidLIsR3yrRYPr0isPSR3m7Ux838UXdXM/s400/6.jpg' width='400'/></a>
<div class='ribbon-caption'>
<a class='ribbon-caption-title' href='#'>
<span>Sonic Wave Releases New Album</span>
<span class='ribbon-caption-background'/>
</a>
</div>
 </li>
 </ul>
Here are the things you need to change.
  1. href='#' - Url which will open after clicking on the image.
  2. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeVhx4kSlSsD-tPuzCsza6EwZVjZkpKBgOW-C5pIFTM-pabEkKiW0CXzgD98vauaDlPWUOKyGleItBiGH_8vclGg-iHsyFiOQ2X5bfx2BckWO6ULcrgUUOaxvslD4LykkI031IgxIqskE/s400/1.jpg - Sliding Image
  3.  href='#' - Url for the title.
  4. John Snow Announces European Tour -Title in the slider

Songs List

Access your blog Theme > click Edit Html and then find the following coding.
<div class='playlist'>
 <a href='http://downloadsongspk.in/English%20Single/2U%20-%20%28www.songspksongspk.asia%29%20-%20128Kbps.mp3'>Basic Element</a>
 <a href='http://downloadsongspk.in/English/Katy%20Perry%20-%20Witness%20(2017/128Kbps/02._Hey_Hey_Hey_-_www.songspksongspk.asia.mp3'>On a good day</a>
 </div> 
Here are the things you need to change.
  1. http://downloadsongspk.in/English%20Single/2U%20-%20%28www.songspksongspk.asia%29%20-%20128Kbps.mp3 - Url of your songs.
  2. Basic Element, On a good day - These are the titles for songs.

Pagenavigation Results

Access your blog Theme > click Edit Html and then find the following coding.
var posts=5,
    num=2,
    previous="&#171;",
    next="&#187;";
change the value of var posts=5,  with any number you want.

    Facebook Page Plugin:

    <center><div class="fb-page" data-href="https://www.facebook.com/soratemplates/" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>

    or you can follow this tutorial if above method won't work
    How to Add Responsive Facebook Like Box Widget In Blogger

    Installation And Custom Services

    We provide plenty of templates for free but if you want something unique for your blog then let us create a unique design for your blog, Just tell us your needs and we will convert your dream design into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you a simple, quick and secure way of getting your template setup without hassle.

    Related Posts

    0 komentar:

    Post a Comment