HOT!Buy Ready-Made Authority WebsitesClick Here

Making Blogger Professional, Important Updates !!

Hello SoraBloggingTips Readers, If you are reading this, then we would like to appreciate your efforts for being supportive. We know its har...

How To Setup Basil Blogger Template

Basil Blogger Template

Basil is the great portfolio Blogger Template that enables you to create a professional portfolio website and manage your blog. It 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 Link below and also Please watch the video carefully in order to set up your blog.
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.

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 Basil Blogger Template - SoraTemplates


    Header Background

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

    #header-wrapper {
    text-align: center;
    padding:0;
    background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjKS6oETVdC_jJI0vza05ktVKwL2-Lklu7nu6p5zayVmPyIog4TZRXKs8urn-phovXEyDa_rwN_89TcKvQ1AZ3jJ0vg40X9u4xk9854NUMuwOo7YCLpIC6NiX3c4PpYxSHt-8xhu7mQPFc/s1600/head-back.jpg) no-repeat center bottom;
        background-attachment: fixed;
        background-size: cover;
        margin-bottom: 10px;
    height:100vh;
    box-sizing:border-box;
    position:relative;
        width: 100%;
    }

    Change the black highlighted code with your own image link.

    Note:- Don't change anything else, otherwise the background will not work properly.

    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

    Header Title

    Access your blog Layout > click Add a Gadget > HTML/JavaScript on Header Title Widget Section, and then add your description text into the content section. Have a look to the format below.
    <p>
    Welcome To Basil
    </p>

    Header Flashing Text

    Access your blog Layout > click Add a Gadget > HTML/JavaScript on Logo Description Widget Section and then add your description text into the content section. Have a look to the format below.
    <div class='type'>
    <span>A Theme For</span><p></p>
    </div>
    <script language='javascript' type='text/javascript'>//<![CDATA[
                  $(function() {
                    "use strict";
                    $(".header-logo-desc p").typed({
                      strings: ["Portfolio", "Landing Page" , " Agency"], //Headlines(Change It)
                      loop: true,
                      startDelay: 1e3,
                      backDelay: 2e3
                    });
                  });
                  //]]></script> 

    Social Top/Footer

    Access your blog Layout > click Edit link on Social Top widget.

    Icons Available { facebook, twitter, gplus, rss, youtube, skype, stumbleupon, tumblr, vine, stack-overflow, linkedin, dribbble, soundcloud, behance, digg, instagram, pinterest, delicious, codepen }

      

    Fixed Menu

    Access your blog Theme > click Edit Html and then find the following coding.
    <ul id='nav'>
    <li class='current'><a href='#header-wrapper'>Home</a></li>
    <li><a href='#section-2'>Services</a></li>
      <li><a href='#section-3'>Works</a></li>
    <li><a href='#main-wrapper'>Portfolio</a></li>
    <li><a href='#section-5'>About</a></li>
    <li><a href='#section-6'>Contact</a></li>
    </ul>

    Change the details with your own.

    Note:- Don't change the href=' ' Values Otherwise the menu will not work.

    What Do We Offer (Section-1)

    It has two types of widgets in it first one is skill bar and the other one is skill details. 
    • Skill Bar's

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

    <div class='skills'>
       <!-- skill -->
      <dl>
        <dt>HTML</dt>
        <dd class='skill-percent html' data-percent='90'/>
        <dt>CSS</dt>
        <dd class='skill-percent css' data-percent='85'/>
        <dt>jQuery</dt>
        <dd class='skill-percent jquery' data-percent='70'/>
        <dt>SCSS</dt>
        <dd class='skill-percent scss' data-percent='60'/>
        <dt>Javascript</dt>
        <dd class='skill-percent javascript' data-percent='50'/>
        <dt>PHP</dt>
        <dd class='skill-percent php' data-percent='30'/>
     <dt>XML</dt>
        <dd class='skill-percent xml' data-percent='40'/>
      </dl>
       <!-- #skill -->
    </div>
    Here are the things you need to change.

    1. Red Highlighted code is for the abilities you want to mention.
    2. Blue Highlighted code is for the score for those abilities.
    • Skill Details

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

    <div class='skill-details'>
    <!-- First -->
    <div class='special-tiles wow fadeInUp' data-wow-delay='0s'>
    <span class='special-icons'>
     <i aria-hidden='true' class='fa fa-heart-o'/>
    </span>
    <span class='special-content'>
      <h6 class='special-heading'>Web Designing</h6>
    <p class='special-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s. </p></span>
    </div>
    <!-- First One Ends -->

    <!-- Second -->
    <div class='special-tiles wow fadeInUp' data-wow-delay='0.2s'>
    <span class='special-icons'>
     <i aria-hidden='true' class='fa fa-birthday-cake'/>
    </span>
    <span class='special-content'>
      <h6 class='special-heading'>App Development</h6>
    <p class='special-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s. </p></span>
    </div>
    <!-- Second Ends -->

    <!-- Third -->
    <div class='special-tiles wow fadeInUp' data-wow-delay='0.3s'>
    <span class='special-icons'>
    <i aria-hidden='true' class='fa fa-cutlery'/>
    </span><span class='special-content'>
      <h6 class='special-heading'>Web Application</h6>
    <p class='special-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s. </p></span>
    </div>
    <!-- Third Ends -->
      </div>
    Here are the things you need to change.

    1. Red Highlighted code is for the icons you want to mention. (fontawesome - http://fontawesome.io/cheatsheet/)
    2. Blue Highlighted code is for the titles.
    3. Green Highlighted code is for the Descriptions.

      Our Working Process (Section-2)

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

      <div class='sora-works-box' id='section-3'>
      <div class='works-wrap row'>
      <div class='works-title'>
        <h4>Our Working Process</h4>
        <span>Our process on creating awesome projects.</span>
        </div>
      <div style='clear: both;'/>
      <!-- First -->
      <div class='works-tiles'>
      <span class='works-icons'>
      <li data-percent='25'><span class='text'><i aria-hidden='true' class='fa fa-lightbulb-o'/></span><span class='bar-circle-right' style='transform: rotate(90deg);'/><span class='bar-circle-left'/><span class='bar-circle-cover'/></li>

      </span>
        <h6 class='works-heading'>1. Concept</h6>
      <p class='works-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
      </div>
      <!-- First One Ends -->

      <!-- Second -->
      <div class='works-tiles'>
      <span class='works-icons'>
      <li data-percent='50'><span class='text'><i aria-hidden='true' class='fa fa-clipboard'/></span></li>

      </span>
        <h6 class='works-heading'>2. PREPARE</h6>
      <p class='works-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
      </div>
      <!-- Second Ends -->

      <!-- Third -->
      <div class='works-tiles'>
      <span class='works-icons'>
      <li data-percent='75'><span class='text'><i aria-hidden='true' class='fa fa-paint-brush'/></span></li>

      </span>
        <h6 class='works-heading'>3. RETOUCH</h6>
      <p class='works-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
      </div>
      <!-- Third Ends -->

      <!-- Fourth -->
      <div class='works-tiles'>
      <span class='works-icons'>
      <li data-percent='100'><span class='text'><i aria-hidden='true' class='fa fa-gift'/></span></li>

      </span>
        <h6 class='works-heading'>4. FINALIZE</h6>
      <p class='works-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. </p>
      </div>
      <!-- Fourth Ends -->
        </div></div>
      Here are the things you need to change.

      1. <h4>Steps in Our Works</h4> - Main Title.
      2. <span>Our process on creating awesome projects.</span> - Title Description
      3. <i aria-hidden='true' class='fa fa-lightbulb-o'/> -Icon (fontawesome - http://fontawesome.io/cheatsheet/)
      4. <h6 class='works-heading'>1. Concept</h6> -Tiles title
      5. <p class='special-text'>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry&#39;s. </p> -Description

      Counters (Section-3)

      You can change background, number, details and icons in this section.
      • Background
      Access your blog Theme > click Edit Html and then find the following coding.

      .counter-box {
          background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi5Ate6vaUPFxON_c_c31cnlAXedeuzZI0JRHkszeybgbRQJERT_F5QVfGVGrlbJXJXQfXtcKjk0voUZ9LeLk1mzt8SZTFYlhv_zGjZAn7WNItY7gC-YV1JmIPudnjuQMqciW2wnQmjj40/s1600/sg-back.jpg) no-repeat;
          background-attachment: scroll;
          background-size: cover;
      background-position: 50% 0;
          overflow: hidden;
          margin: 0 auto;
          padding: 40px 0;
      position:relative;
      }

      Change the red highlighted code with your own image link.

      Note:- Don't change anything else, otherwise the background will not work properly.
      • Number, details and icons

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

      <div class='counter-box-item'>
      <i class='color lnr lnr-code'/>
      <h1 class='counter-sora'>3000</h1>
      <div class='counter-sora-text'>Projects Completed</div>
      </div>
      <div class='counter-box-item'>
      <i class='color lnr lnr-coffee-cup'/>
      <h1 class='counter-sora'>50</h1>
      <div class='counter-sora-text'>Happy Customers</div>
      </div>
      <div class='counter-box-item'>
      <i class='color lnr lnr-book'/>
      <h1 class='counter-sora'>324</h1>
      <div class='counter-sora-text'>Cups Of Coffee</div>
      </div>
      <div class='counter-box-item'>
      <i class='color lnr lnr-gift'/>
      <h1 class='counter-sora'>1234</h1>
      <div class='counter-sora-text'>Awards</div>
      </div>
      Here are the things you need to change.

      1. Red Highlighted code is for the icons you want to mention. (fontawesome - http://fontawesome.io/cheatsheet/)
      2. Blue Highlighted code is for the numbers.
      3. Green Highlighted code is for the Descriptions.

        Our Portfolio (Section-4):

        This is the title for recent posts you will publish.
        Access your blog Theme > click Edit Html and then find the following coding.

        <div class='Portfolio-title'>
        <h4>Our Portfolio.</h4>
        <span>A creative agency that believes in the power of creative ideas and great design.</span>
        </div>
        Change the details with your desired one.

        Testimonials (Section-5)


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

        <div class='gallery-cell'>
            <div class='testimonial'>
                <img class='testimonial-avatar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWE7mlRWCAqI2EBjjFXgVOg0cXa53McnZKnDJuUmxqGMcsTQFzVve0U7G9HLkqmnxCRWZKPqxKOivgCtEjOfRICPwFRYgN1gHmQOqQ2IliVNdTATivhkKXx7mDpyj3gCDzgT8-9gwcX2g/s400/128.jpg'/>
              <q class='testimonial-quote'>&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.&quot;</q>
              <span class='testimonial-author'>Joe Smith, CEO of Cubix</span>
            </div>
          </div>
          <div class='gallery-cell'>
             <div class='testimonial'>
                <img class='testimonial-avatar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi9hC0mzmbfMaleF3sSqgrtAfbjrKGJiySUgc43ys8o_70CNsIcz58gE7wquEh_j-cIdEk42GR5qBgAca5hspgVKhLAHMCK_YSw_2f3QimhbGPL_wI3aFLen8qjXBF8T1q1jWGkAcZLqVo/s400/128+%25281%2529.jpg'/>
              <q class='testimonial-quote'>&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.&quot;</q>
              <span class='testimonial-author'>Lisa Jones, Freelance Web Developer</span>
            </div>
          </div>
          <div class='gallery-cell'>
                <div class='testimonial'>
                <img class='testimonial-avatar' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoSNusV76yE2O9y2kvWQnMuMRGheKi97VPLrGC3RmIefPKj_QHtDZDQuzWGHq1GdEy_wLKgBwgnXLrACh1xSQdOMvHUf64ml7Rkgv0cVB6hCpvCDiw7JqXj0Eisif5Q5c4g1ojXesD-LI/s400/128.jpg'/>
              <q class='testimonial-quote'>&quot;Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mauris ex, gravida ut leo eu, rhoncus porta orci. Fusce vitae rutrum nulla.&quot;</q>
              <span class='testimonial-author'>Ryan Waltz, Front-End Developer</span>
            </div>
          </div>
        Here are the things you need to change.

        1. Red Highlighted code is for the users image. 
        2. Blue Highlighted code is for the review.
        3. Green Highlighted code is for the user details.

        Meet The Team (Section-6):

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

        <div class='about-wrap row'>
        <div class='about-title'>
          <h4>Meet The Team</h4>
        <span>Our process on creating awesome projects.</span>
          </div>
        <div style='clear: both;'/>
        <!-- First -->
        <div class='about-tiles wow fadeInLeft' data-wow-delay='0.2s' style='visibility: visible;'>
        <div class='team-member text-center'>
                <div class='team-img'>
                  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1YwymmWpYRFQ4bbREOWo7Y-Js4CL5oHwHJRJ2eLYxSwt0IjLzi3MjQ4pnCIm3iBgk11lF7SzSc7VYvr_pfPTJSrdSf9k65lrUfOi1h_TT2KoQs3S0oqcymkZTX7vJL0TN7jETbDl8ULw/s1600/team_1.jpg'/>
                  <div class='overlay'>
                    <div class='team-details text-center'>
                      <p>
                        Our web design team will spend time with our digital marketing team.
                      </p>
                      <div class='socials mt-20'>
                        <a href='#'><i class='fa fa-facebook'/></a>
                        <a href='#'><i class='fa fa-twitter'/></a>
                        <a href='#'><i class='fa fa-google-plus'/></a>
                        <a href='#'><i class='fa fa-envelope'/></a>
                      </div>
                    </div>
                  </div>
                </div>
                <h6 class='team-title'>John Marshall</h6>
                <span>Designer</span>
              </div>
        </div>
        <!-- First One Ends -->

        <!-- Second -->
        <div class='about-tiles wow fadeInUp' data-wow-delay='0s' style='visibility: visible;'>
        <div class='team-member text-center'>
                <div class='team-img'>
                  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHq3qB8eBzRTKs4s0Hoi6gAU4hFFDLdNyzRZVMbk3Gu5hGNBsbqvOeCU7Om-4WjZ3wkBsj9y9QHUsqjFsEhyphenhyphenrX5cRxi-tGJALICglTU4ZXFB90tJ6azpUaKkXxRb88EVTwl_mL8MS0tbE/s1600/team_2.jpg'/>
                  <div class='overlay'>
                    <div class='team-details text-center'>
                      <p>
                        Our web design team will spend time with our digital marketing team.
                      </p>
                      <div class='socials mt-20'>
                        <a href='#'><i class='fa fa-facebook'/></a>
                        <a href='#'><i class='fa fa-twitter'/></a>
                        <a href='#'><i class='fa fa-google-plus'/></a>
                        <a href='#'><i class='fa fa-envelope'/></a>
                      </div>
                    </div>
                  </div>
                </div>
                <h6 class='team-title'>Steve Roberts</h6>
                <span>Photographer</span>
              </div>
        </div>
        <!-- Second Ends -->

        <!-- Third -->
        <div class='about-tiles wow fadeInRight' data-wow-delay='0.2s' style='visibility: visible;'>
         <div class='team-member last text-center'>
                <div class='team-img'>
                  <img alt='' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0wVngJjzyk-W_XIN4R5wMzZUS1Sj84-ckpKrBeptpFsygNiRH0yfqYlSnXkKXAWPaBWTERSTu_yh-bWGIGVMdu0auIUU3sNhBdIi-A-j9iGoANz9dTRvnwt32o5x7j0ma-n7WQ2jkDk/s1600/team_3.jpg'/>
                  <div class='overlay'>
                    <div class='team-details text-center'>
                      <p>
                        Our web design team will spend time with our digital marketing team.
                      </p>
                      <div class='socials mt-20'>
                        <a href='#'><i class='fa fa-facebook'/></a>
                        <a href='#'><i class='fa fa-twitter'/></a>
                        <a href='#'><i class='fa fa-google-plus'/></a>
                        <a href='#'><i class='fa fa-envelope'/></a>
                      </div>
                    </div>
                  </div>
                </div>
                <h6 class='team-title'>Michael Cartney</h6>
                <span>Designer</span>
              </div>
        </div>
        <!-- Third Ends -->

          </div>
        Change the highlighted part's with your own details for every team member.

          Get In Touch (Section-7):

          There are few things which you can change in this section.

          • Headings and description.

          Access your blog Theme > click Edit Html and then find the following coding.
          <div class='contact-title'>
          <h4>Get in Touch</h4>
          <span>Feel free to drop us a line to contact us</span>
          </div>
          • Feel free To Contact

          Access your blog Theme > click Edit Html and then find the following coding.
          <div class='contact-other'>
          <h1 class='con-title'>Feel free To Contact</h1>
          <p class='con-text'>
                           Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptate dolores, quasi unde quisquam facilis at ullam aperiam similique dicta voluptatibus!
                          </p>
          <ul class='con-list'>

          <li><i class='lnr lnr-map'/>3066 Stone Lane, Wayne, Pennsylvania.</li>
          <li><i class='lnr lnr-phone'/>+610-401-6021, +610-401-6022</li>
          <li><i class='lnr lnr-envelope'/>admin@mydomain.com</li>
          <li><i class='lnr lnr-earth'/>www.yourdomain.com</li>
          </ul>
          </div>
          Change the highlighted part's with your own details for every team member.

          Contact Form

          To make the contact form work you have to do nothing, it works automatically hurrah!!  

          Footer Navigation

          Access your blog Layout > click Edit link on Topnav widget.

          it automatically picks pages and page links but in case it doesn't pick, please see the above image to add one, you can also add external links(Links from somewhere else).

          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

          Template Customization

          Access your blog Template > click Customize.
          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.

          How To Setup Basil Blogger Template How To Setup Basil Blogger Template Reviewed by TemplatesYard on August 29, 2017 Rating: 5

          178 comments:

          1. contact form is not working. to which email ad does the form connect? thanks.

            ReplyDelete
            Replies
            1. And what can I do if I want it to go to a different Email ares? How can I change it?

              Delete
            2. OpenID no longer works. So if the Contact Form is using that to forward messages, it might not work.

              https://blogger.googleblog.com/2018/05/its-spring-cleaning-time-for-blogger.html

              Delete
            3. This decision is taken by blogger team, so I am sure, soon they will update solution too

              Delete
          2. contact form is somehow not work well. How can I remove it? Thanks.

            ReplyDelete
            Replies
            1. It is working perfect in demo, and the mail goes to admin's ID.

              Delete
            2. these contact form is frustating...can you help us and tell me how to setting this form?
              or at least tell me how to remove it

              thank u

              Delete
            3. The form is working fine, if you are admin then you will receive email notification. Otherwise check settings.

              Delete
          3. hi!
            the section "posts" in the "portfolio" is not showing all the post i published... just six of them.

            i have activated the option of showing a minimum of 15 post in the main page but only shows 6...

            what's going bad?

            this is the website https://zapatayespinosaweb.blogspot.com.es

            thanks in advance!

            ReplyDelete
            Replies
            1. Please change the post count from the settings.

              Delete
            2. I've changed it a lot of times... what's the number of posts that should be showing?

              Delete
            3. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

              There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help.

              Delete
          4. fix menu not working how to fix it?

            ReplyDelete
          5. why Header Flashing Text only working on ie, not working on chrome and firefox

            ReplyDelete
            Replies
            1. Its working fine on every browser.

              Delete
            2. AnonymousJuly 28, 2020

              It's true. Flashing Text doesn't work.
              Have already ctrl+a ctrl+v to overwrite all HTML content with your template but still the same.

              On your demo site it works, but doesn't work when applying your template. Please fix it.

              Delete
          6. Haloo, How to make the "Main Menu/DropDown/Multi DropDown" works well? i cannot make the link.. so everytime i make article it doesn't belong to any menu or tags. thank you.

            ReplyDelete
            Replies
            1. We have tried our best to make it understand as easy as possible.

              Delete
          7. How to replace the skill bar's with text like skill details?

            ReplyDelete
            Replies
            1. You have to replace the entire code of skill bar with new one.

              Delete
          8. 請你協助我更改"Header Background"
            我遵循步驟更改,但按下"儲存主題"後,卻顯示無法儲存的紅色字串"Invalid variable declaration in page skin: Variable is used but not defined. Input: primary.color",我應該如何做??
            我的網站http://www.plantslife-okra.com/
            謝謝!!

            ReplyDelete
            Replies
            1. Replace the code which is inside bracket nothing else to changed.

              Delete
          9. is it possible to change email to phone in contact form option.

            ReplyDelete
          10. how to add client brands logo slider in footer

            ReplyDelete
          11. Hi,
            the header background img in iphone or ipad is not look like in pc or laptop, it's normal when I use pc or laptop but it seems to be fuzzy in iphone or ipad. Any help will be appreciated to help me fix it to let it can be seen as the same in iphone/ipad or pc/laptop, my site: http;//www.hckcapital.net

            ReplyDelete
            Replies
            1. Will you be more specific about your issue.

              Delete
            2. Hi can you see the image file link I attached?

              Delete
            3. Please upload the image on blogger then share the link.

              Delete
            4. https://websitepic.blogspot.tw/2018/01/the-screen-seen-in-iphoneipad.html
              https://websitepic.blogspot.tw/2018/01/the-screen-in-laptop.html

              Delete
            5. Use a higher resolution image or use image of exact size like our.

              Delete
          12. Hello, I'm sorry can I change the duration in seconds of the loader?
            Can the loader image also be changed?

            ReplyDelete
            Replies
            1. Loader will automatically remove when the blog will entirely load and you can't change the loader because there is no image.

              Delete
          13. Hi! I am using your Basil template.Can I change the names of created by and distributed by?

            ReplyDelete
          14. Hello Respected Sora Bogging Tips! I am also using Basil template can I change all the pictures specially the banner and can I change the icons? If not all but few then please tell me which ones I am allowed to change I mean Our Team etc etc? Thank you so much in advance!

            ReplyDelete
            Replies
            1. For the banner we have mentioned the method to change it. For the icons you can use fontawesome library.

              Delete
          15. Can you please help me how to embed button like your slider "Free Download" orange button on my template?

            ReplyDelete
            Replies
            1. Sorry but currently we don't have any plans of sharing it. But by default we add some basic button codes in our template, check the shortcodes section.

              Delete
          16. There is an image in top basil.png with the word "BASIL" written on it. How can I change that?

            ReplyDelete
            Replies
            1. We have mentioned the method for both logo's above.

              Delete
          17. Hello, Everytime i edit my social media icons in layout, after like 2 or 3 minutes, the social media accounts that i have linked does not clicks. There is a bug with these social media icon. plz help me resolve it.

            ReplyDelete
          18. social media icons do not appear on the phone and the posts do not look like the theme

            ReplyDelete
          19. Please tell me about contact form. How it work. Whose email i put

            ReplyDelete
            Replies
            1. Blog admin's will receive contact messages on their email.

              Delete
          20. hi how to add google map like fenix themplate

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          21. Can i change the language of "Send" button on form box to portuguese?

            ReplyDelete
          22. Nice templates, thanks.

            ReplyDelete
          23. how to change header baground image to video??

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
            2. Hello I bought the template I would like to help me how to put a video intro in the header instead of the image this is my web site: www.kenyjohnson.com

              Delete
            3. Sorry we can't provide support on additional customization (Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          24. Guys, I'm waiting for your reply to my last message about how to fix the bug of header when we scroll down at the beginning. I want to know too how can I change the color of font in the header of BLOG page. Thanks.

            ps: I bought your premium version.
            our website where we installed the template: virtualboom.net

            ReplyDelete
            Replies
            1. You can check our demo it's working absolutely fine.

              Delete
            2. sorry, but not working good... your demo also!

              Check, please, this image:
              https://3.bp.blogspot.com/-i637yWWN1Zk/WrqKvLDWKDI/AAAAAAAAIyY/GdePD64QjMkmv0hzDcMXFiDp-XkGbVziwCLcBGAs/s1600/basil-bug.png

              The error occures when you scroll down the page in the "blog" section, inside posts. Can you understand me?

              Delete
            3. Working fine on our side.

              Delete
          25. How to Remove the Preloader from the theme?

            ReplyDelete
          26. Hi, thanks sora.
            Today I just bought this template.

            ReplyDelete
          27. Can put more testimony? (more than 3)

            ReplyDelete
          28. am also using Basil template premium version, after puting my social icons URL when i click on it, it will not click please help me out

            ReplyDelete
            Replies
            1. You have to add complete url starting with http://

              Delete
          29. Hi I have just test your theme , but doesn´t work in moviles , Is responsive ? tahnk you

            ReplyDelete
          30. hi, firstly thank you for an amazing theme. But I saw a problem when I click on the tag menu (detail blog post page), the blog will return to home page with filtered portfolio. The problem is it not move to portfolio just stay at the head of page. This made confuse for audience.

            ReplyDelete
            Replies
            1. Since its an onepage portfolio theme we have followed the onepage design everywhere except post and static pages.

              Delete
          31. Dont know what Sub Link 1 and 2 work.. please Sora, can you be more specific? like breaking it down to a normal sentence...?

            ReplyDelete
            Replies
            1. Sub link 1 is for the first level of drop down and sub link 2 is for second level.

              Delete
          32. hi
            Sora bogging tips im using basil template and i have successfully customized the heading flash text and the loop is set to TRUE but it seems when it reaches the end of my customized text's the loop doesnt start again from the beginning just like its how in the template preview.. I need some help

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          33. i tried using box-open icon and it wont show, other icons will but this one no, and if i update the fontawesome script it will show but the social icons wont, could there be a way to fiz this?

            ReplyDelete
            Replies
            1. Recently fontawesome has updated their script, we recommend you to use 4.7 version only.

              Delete
          34. can i change skills bar to an image? just 1 image can u help me please :( i beg on you sir..

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          35. Hello,

            Nice theme. I notice on the Basil theme the main menu does not show on the main front page, but the Fixed Menu does. Is there a way to show the main menu and fixed menu like on your Fenix template?

            ReplyDelete
            Replies
            1. Since its an one page portfolio theme we have to add on page navigation for smooth and easy scrolling. To maintain the design we didn't add 2 menu on homepage.

              Delete
          36. Hello, I just bought the Premium Version of Basil Template. Please how do I increase "Our Working Process" number of points from 4 to 5 on the same line? Thank you.

            ReplyDelete
            Replies
            1. It will create issues in responsiveness.

              Delete
          37. Hi, good afternoon, in the "our portfolio" section, is it possible to switch only to appear postings with a certain TAG?

            ReplyDelete
            Replies
            1. It requires customization, and it is a premium service.

              Delete
          38. hola consulta instale pa plantilla , en mi blog , pero al parecer cuando le veo en movil no se pone en responsive, solo el texto de las entradas por que pasa eso, gracias por la respuesta, https://undolarperu.blogspot.com/2017/05/paidverts-que-es-paidverts-paidverts-es.html

            ReplyDelete
          39. Hi, how do I remove the "Next post" and "Previous Post" buttons after each item?

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          40. Hi! I just bought the premium version of Basil Portfolio template. I love it. There are some issues I would like to as about:

            1)Pics I upload to posts are horizontal, but when I browse the blog on mobile they are dragged to vertical which is looks very bad. Here you have an example
            https://imageshack.com/a/img923/7553/o53QTn.jpg

            2)Is it possible to increase the size of the font in posts on mobile. How can I do it?

            3)I know it's beyond the scope of even the premium version, but what should I do if I wanted to have a fixed menu for posts, so that a reader should not have to go back to the main site each time clicking on menu, but could stay on blog site?

            Thanks in advance

            ReplyDelete
            Replies
            1. Answers
              1)Choose original size in settings while uploading images or simply click the image in post setting and choose original size option.

              2)You have to do it by adding different size for specific screens and sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              3) We already gave you the answer in 2nd one.

              Delete
          41. Hello thanks for this wonderful theme, but i have an issue with it, am using the premium version. Am having issue in previewing images.
            At times images doesn't show, it only show black transparent background
            or some part of the image show below the screen.
            please I really need help to fix this thanks.

            ReplyDelete
          42. How can change protfolio picture,

            ReplyDelete
            Replies
            1. It is blog post widget, whatever you will publish in your blog, it will be displayed in portfolio section.

              Delete
          43. Why my blogpost only showing 4 post? Your demo 4 post. Kindly advice. Thanks.

            ReplyDelete
            Replies
            1. Remember one thing you have to keep the post count same in your blog settings and pagination widget.

              There is a limit of 1mb from blogger side, only 1mb of images or text you can show in home page and you are exceeding that limit and that is the reason rest of the post is going on next page, there is not any solution, but you can try page break after 1st paragraph in every post, may be this will help.

              Delete
          44. I tried to display labeled posts, but instead of only showing the posts, it displaying every section of the homepage. The labeled posts displayed on the section #main-wrapper. How to resolve this? eg. https://basil-soratemplates.blogspot.com/search/label/News The Fenix template works correctly

            ReplyDelete
            Replies
            1. Since its a portfolio template, it is meant to show stuffs on pages.

              Delete
          45. hi hello my friend, I would like to create a page post, and its not working, I have already done that for my previous theme, and I have used labels, However using this template its not working, and when i click the label it redirects me to all post of the home page, can u fix done that?

            ReplyDelete
          46. Por favor poderia me explicar como faço pra que os ícones das redes sociais que ficam em baixo do título possam abrir em outra aba ao serem clicados? Pois não estou conseguindo achar os links deles para adicionar o código Target is blank

            ReplyDelete
          47. hi sora.. i just buy the premium .. can i remove "meet the team " section...

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization (Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          48. hi sora.. i buy the premium version.. i try to change the favicon of the blog.. but it not show

            ReplyDelete
          49. Hi Sora, thank you for your amazing theme, i like it,
            I want to ask you something, in 'meet the team', i put 6 persons, but can it make 3 person "hide" until we click 'see more'
            can you help me to solve that?
            thank you

            ReplyDelete
            Replies
            1. From Our side, we only help to make same like demo only

              Delete
            2. Sorry we can't provide support on additional customization (Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          50. I bought the premium version, I deleted Sidebar and I would like to adjust the main, how to do?

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization (Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          51. How to remove credit Created by and distributed by

            ReplyDelete
          52. Рш.. need help translating into Ukrainian...

            ReplyDelete
            Replies
            1. Just set the language to Ukrainian from the dashboard settings, most of the things will get translated for rest you need to edit the html.

              Delete
          53. Is it possible to accumulate posts with similar labels in any other page rather than homepage, as the Basil homepage is a classic landing page, so doing this kind of grouping is makes the thing worse. So it will be very helpful if you kindly tell me any process in which I can accumulate the posts with same label in any other page rather than homepage...

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          54. How can I purchase your blog customization service, please give me the link, or mail me the details. Thank you

            ReplyDelete
            Replies
            1. Please use this link to contact us.
              http://www.soratemplates.com/p/contact-us.html

              Delete
          55. Hello, how did you buy your baseline template last year 2018 I would like to know how I get the update of the template notify me or send to my email or publish it here on your page. thanks for the reply

            ReplyDelete
            Replies
            1. Please contact us using this form.
              http://www.soratemplates.com/p/contact-us.html

              Delete
          56. Why every post 4th, 8th, 12th, 16th padding is error?
            position is not same every post 4th, 8th, 12th, 16th.

            ReplyDelete
          57. masalah bertambah selain masalah data struktur.. plugin facebook tidak bisa muncul
            http://www.besitempaklasik.com/

            mohon bantuannya.. saya menggunakan template basil premium

            ReplyDelete
            Replies
            1. We have mentioned the method to add the like box, if you will follow it correctly then it will definitely work.

              Delete
          58. Hi. I set up your Basil theme. The About in main many is not working , when I click there nothing happens. And the About in footer is good. I set up my page, why isn't that changed? Thanks! And one thing, the icons from site you shared don't work.

            ReplyDelete
          59. I want to remove the Testinomial section completely. I'm able to remove the text and images but the background blacl color. How do i remove it? I also want to add some buttons on the front side. How to do?

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          60. how to change 1st page loading loop?

            ReplyDelete
          61. Hi, I bought the Basil theme, when I scroll down in the post, the page will flicker, I have sent 2 mails to you including my site URL, please check, thanks!

            ReplyDelete
          62. I want to change the size of my logo in the basil blogger theme...It is too small and nothing is visible properly? How can I change that? There are no options in theme customization. Plz reply ASAP. Also, i want to place google ads in my website, how can i do that?

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              You can place ads from layout.

              Delete
          63. Hi,
            What is the difference between the paid and the free template?
            Thanks!

            ReplyDelete
            Replies
            1. Paid templates benefit from regular updates and if you have any issues you can request for support.

              Delete
          64. i am not able change my image back ground i cant make my own this type of link this type of link http://3.bp.blogspot.com/-3UcLXxRcetg/WaTYDnjaJbI/AAAAAAAADt0/LL7OaZTjsE4hTzpKkm-Jj55c8JI4SZBhQCK4BGAYYCw/s1600/head-back.jpg

            i think i am not getting it basic so sir help me fast with example

            ReplyDelete
          65. hello, how can i remove blur of main background

            ReplyDelete
          66. hello dear,
            Thank you and I am very grateful to you for this work and the help you provide
            I have a question, I hope to find an answer. I want to use this template in two languages on the same site. I mean, can you see the content in English and Arabic? Is this possible?

            ReplyDelete
            Replies
            1. You need to convert this theme for proper rtl functions.

              Delete
          67. hello, what is the different Basil Template when i paid and free download ?

            ReplyDelete
            Replies
            1. Free version comes with limited options and a credit link which you can't remove.

              Delete
          68. Meu formulário não funciona

            ReplyDelete
          69. hallo, how to change font header text font or delete header text, because me want to font Cinzel but not working in mobile device. thanks. - premium basil

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          70. how to remove loder from theme in premium version . can i remove from to

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          71. hello how can i show more posts in the portfolio section????
            plz help

            ReplyDelete
            Replies
            1. In blogger setting you will get this option to increase post count.

              Delete
          72. why every message from the contact form is not sent to my email. Please help :(

            and I have sent a support email

            ReplyDelete
            Replies
            1. You have to install blogger's official contact form first.

              Delete
            2. how to to install bloggers's offical contact form can you please hel me....

              Delete
          73. Hi, I have purchased Basil template, and I noticed that on Posts/Pages, the header will not show Logo, it will show site name like Basil, may I know is it possible I can replace it with image(to back to Home/first page)?

            I tried to search But didnt find any tutorial for it. Hopefully can get your help on this.

            Thank you.

            ReplyDelete
            Replies
            1. Please share your blog url.

              Delete
            2. Hi, my blog URL is https://www.mypicogram.com, thanks.

              Delete
            3. Find This Code
              .item .scroll-header #header img, .static_page .scroll-header #header img, .error_page .scroll-header #header img {
              display:none;
              }
              Replae The Above Code with


              .item .scroll-header #header img, .static_page .scroll-header #header img, .error_page .scroll-header #header img {
              display:block;
              }

              Delete
          74. Thank you very much i recieved all the message from contact in my google id thank you man you guys are making some one day really nice

            ReplyDelete
          75. Hello, please how can i change the preloader.

            ReplyDelete
            Replies
            1. Sorry we can't provide support on additional customization(Adding or Removing stuffs) rather than solving issues or bugs, if you want to customize your template then buy our blog customization service.

              Delete
          76. Hello there. My blogger address is lemogy.com. I'm using the basil template. Portfolios section appears to be missing. There is a lot of code in the theme file. This part doesn't appear in Blogger settings either. Where should I upload my portfolio images? Thanks.

            ReplyDelete
            Replies
            1. Portfolio section is where the blog posts will appear.

              Delete
          77. Hello, even though i disable mobile template from blogger menu. Social icons does not display behind when i tap the images. Any idea why? Thanks

            ReplyDelete

          Note : -We have stopped giving support to free version users, please read this article Making Blogger Professional, Important Updates !!. If You Are Facing Any Problem While Setting Up The Free Theme, Then We Recommend You To Read Our FAQ(Frequently Asked Question) Page.