How To Setup Your Coupon Blogger Template

YourCoupon is the only blogger template available on the internet which is truly made for coupon blogs, it has some amazing features that makes it perfect for any type of coupons, deals and discount related blogs, Publish your deal, discount and coupon directly into homepage without any hassle. YourCoupon 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.

See Demo Live Preview Free Download Free Version Buy Now Premium Version

Basic Setup

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

Video Documentation

You can check this below video to understand the setup process much more easily, just click the below image to watch the video directly on YouTube, or click this link - How To Setup Jasmine Blogger Template - Way2Themes

Main Menu/ DropDown/ Multi DropDown

Access your blog Layout > click Edit link on Main Menu widget.

Normal Link : Features

Sub Link: _Sub Link 1.0 (before the link add "_") 1 underscore
Sub Link 2: __Sub Link 1.1 (before the link add "__") 2 underscore

Label Based Featured Post Widgets

Access your blog Layout > click Edit link. add your desired name in the title section and desired label in the html/javascript area.

• Featured Post. (Max post - 3)

Image Example:

Creating  Offers and Coupon Codes

This template has amazing feature to showcase your deals coupons and discounts directly into the homepage. To add this function follow setps below.

Access your blog Posts > click Edit on any of your posts or add a new post. then switch to HTML area of the post editor and add the very bottom of it, paste the following codes.

• Deal Descriptions (Homepage)

<div class="post-offer">
<div class="dis">
72%</div>
<div class="val">
off</div>
<div class="typ">
Coupon</div>
</div>

Change above values marked in red with yours.

• Coupon Code (Postpage)

<div class="post-coupon">
2016TATILRA50</div>
</div>

Change above value marked in red with yours.

Subscription Widget

Access your blog Layout > click Edit link. add the below code in the html/javascript area.

<div class="post-coupon">
2016TATILRA50</div>
</div><div id='subscribe-css'>
    <p class='subscribe-note'><span><i class="fa fa-envelope-o" aria-hidden="true"></i> Subscribe</span> <span class='itatu'>For</span> New Deals, Coupons, Discounts</p>
    <p class="sub-desc">We’ll never share your email address with a third-party.</p>
    <div class='subscribe-wrapper'>
        <div class='subscribe-form'>
            <form action='http://feedburner.google.com/fb/a/mailverify?uri=soratemplates' class='subscribe-form' method='post' onsubmit='window.open (&apos;http://feedburner.google.com/fb/a/mailverify?uri=soratemplates&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
                <input name='uri' type='hidden' value='soratemplates' />
                <input name='loc' type='hidden' value='en_US' />
                <input autocomplete='off' class='subscribe-css-email-field' name='email' placeholder='Enter your Email' />
                <input class='subscribe-css-email-button' title='' type='Submit' value='Submit' />
            </form>
        </div>
    </div>
</div>

Change above value marked in red with yours.

Footer Social Widget

On Blogger Dashbord Click Template

Click Edit HTML

Scroll down and Find this Code :

<div class='social'>
                            <a class='social__variant fa fa-facebook' href='#'/>
                            <a class='social__variant fa fa-twitter' href='#'/>
                            <a class='social__variant fa fa-instagram' href='#'/>
                            <a class='social__variant fa fa-tumblr' href='#'/>
                            <a class='social__variant fa fa-pinterest' href='#'/>
                        </div>

Change The url with your social profiles.

Facebook Page Plugin:

<center><div class="fb-padding"><div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.3&appId=1395743857335531";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-page" data-href="https://www.facebook.com/soratemplates" data-width="280" data-height="230" data-hide-cover="false" data-show-facepile="true" data-show-posts="false"><div class="fb-xfbml-parse-ignore"></div></div></div></center>

or you can follow this tutorial if above method won't work

How to Add Responsive Facebook Like Box Widget In Blogger

Pagenavigation Results

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

<script type='text/javascript'>

  /*<![CDATA[*/

     var perPage=7;
    var numPages=6;

    var firstText ='First';

    var lastText ='Last';

    var prevText ='« Previous';

    var nextText ='Next »';

    var urlactivepage=location.href;

    var home_page="/";

  /*]]>*/

</script>

Change the value of   var perPage=7;  from 7 to any number you want (Archive).

Theme Colors

Access your blog Template > click Customize.
Here is where you can change the main color of the model, using your favorite colors.

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.

Contact Us Custom template Services