How To Setup Scarlett Blogger Template

Scarlett is an elegant uncomplicated blogging topic designed to showcase your content amongst minimal effort. Packed tons of groovy features such equally a beautiful amount concealment slider in addition to attractive color combination of layout area. Scarlett is equipped amongst diverse of widgets which volition aid you lot to issue your weblog to a greater extent than professionally. To larn far tardily for you lot nosotros convey published this detailed documentation, so that you lot tin setup your weblog correctly.
You convey made a skilful conclusion past times choosing our template. You tin cheque the alive demo or download the template through the push clit below in addition to too Please Read this documentation carefully inwards enterprise to laid upward your weblog in addition to delight depository fiscal establishment complaint that there’s no back upward for gratuitous users.

Basic Setup

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

Top Menu

On Blogger Dashbord Click Template
Click Edit HTML
Scroll downwards in addition to Find this Code :

      <!– primary navigation carte du jour showtime –>
          <ul class=’menubar’>
            <li>
              <a href=’/’>
                Home
              </a>
            </li>
            <li>
              <a href=’https://scarlett-soratemplates.blogspot.in/p/about.html’>
                About
              </a>
            </li>
            <li>
              <a href=’https://scarlett-soratemplates.blogspot.in/p/contact.html’>
                Contact
              </a>
            </li>
          </ul>
      
          <!– primary navigation carte du jour halt –>

Change # amongst your links in addition to and then save.

Top Social

On Blogger Dashbord Click Template
Click Edit HTML
Scroll downwards in addition to Find this Code :.

    <!– social media push clit showtime –>

<div class=’soc-icon pull-right’>
                                          <div class=’top-bar-right’>

<a class=’site-social-icon’ href=’#’ target=’_blank’ title=’Facebook’><i class=’fa fa-facebook’/></a><a class=’site-social-icon’ href=’#’ target=’_blank’ title=’Google+’><i class=’fa fa-google-plus’/></a><a class=’site-social-icon’ href=’#’ target=’_blank’ title=’Pinterest’><i class=’fa fa-pinterest’/></a><a class=’site-social-icon’ href=’#’ target=’_blank’ title=’RSS’><i class=’fa fa-rss’/></a><a class=’site-social-icon’ href=’#’ target=’_blank’ title=’Twitter’><i class=’fa fa-twitter’/></a>

</div>
                                        </div>

          <!– social media push clit halt –>

Change # amongst your links in addition to and then save.

            Main Menu/Dropdown/Multi Dropdown

            On Blogger Dashbord Click Template
            Click Edit HTML
            Scroll downwards in addition to Find this Code :.

               <!– secondary navigation carte du jour showtime –>
            <div id=’container’>
                    <ul class=’nav menubar2′ id=’menu-main’>
                      <li>
                        <a class=’active’ href=’/’>
                        
                      
                            Home
                      
                        </a>
                      </li>
                      <li>
                        <a href=’#’>
                          Features
                        </a>
                        <ul>
                          <li>
                            <a href=’#’>
                              Multi DropDown
                            </a>
             <ul>
                          <li>
                            <a href=’#’>
                              DropDown 1
                            </a>
                          </li>
                          <li>
                            <a href=’#’>
                              DropDown 2
                            </a>
                          </li>
                          <li>
                            <a href=’#’>
                              DropDown 3
                            </a>
                          </li>
                        </ul>
                          </li>
                          <li>
                            <a href=’https://scarlett-soratemplates.blogspot.in/p/page-markups-and-shortcodes.html’>
                              ShortCodes
                            </a>
                          </li>
                          <li>
                            <a href=’https://www.moviegood.info//search?q=scarlett-blogger-templates’>
                              SiteMap
                            </a>
                          </li>
                          <li>
                            <a href=’https://scarlett-soratemplates.blogspot.in/soratemplates’>
                              Error Page
                            </a>
                          </li>
                        </ul>
                      </li>
                      <li>
                        <a href=’http://www.shardawebservices.com/’>
                          Seo Service
                        </a>
                      </li>
            <li>
                        <a href=’https://www.moviegood.info//search?q=scarlett-blogger-templates’>
                         Documentation
                        </a>
                      </li>
                      <li>
                        <a href=’https://www.moviegood.info//search?q=scarlett-blogger-templates’>
                          Download This Template
                        </a>
                      </li>
                    </ul>
                    <div id=’searchformfix’>
                      <form action=’/search’ id=’searchform’>
                        <input name=’q’ onblur=’if (this.value == &quot;&quot;) {this.value = &quot;Text to Search…&quot;;}’ onfocus=’if (this.value == &quot;Text to Search…&quot;) {this.value = &quot;&quot;;}’ type=’text’ value=’Text to Search…’/>
                        <input type=’submit’ value=”/>
                      </form>
                    </div>

                    </div>
                  </nav>
                  <div class=’clear’/>
                  <!– secondary navigation carte du jour halt –>

            Change # amongst your desired url in addition to text amongst your carte du jour label.

            Recent Post Slider

            Both industrial plant automatically amongst latest posts. But you lot convey to brand certain close few things.

            1. Your weblog must travel public

            2. Your weblog feed laid to travel amount from settings

            3. Your weblog posts has at to the lowest degree 1 label.

            If it’s non working follow this below post.

            Solved!! Recent Post, Featured Post, Slider, Random Post, Related Post Not Working

            Author Widget Inside Post

            On Blogger Dashbord Click Template
            Click Edit HTML
            Scroll downwards in addition to Find this Code :

             <div class=’span1 author-top’>
                    <div class=’author-avatar’>
                                        <script src=’/feeds/posts/default?alt=json-in-script&amp;callback=authorshow’/>
                                      </div>      <h3>Milan Tomic</h3>
                </div>
                    <div class=’span12 author-bottom’>
                    
                    <p>Hi. I&#8217;m Designer of Blog Magic. I&#8217;m CEO/Founder of ThemeXpose. I&#8217;m Creative Art Director, Web Designer, UI/UX Designer, Interaction Designer, Industrial Designer, Web Developer, Business Enthusiast, StartUp Enthusiast, Speaker, Writer in addition to Photographer. Inspired to brand things looks better.</p>
                            
                    <div class=’soc-icon’>
                        <ul>
            <li><a href=’http://www.dribbble.com/’><img alt=’Image’ src=’http://2.bp.blogspot.com/-utQwKE6Wikw/VAikO213xpI/AAAAAAAABkc/wakeJTDfcII/s1600/soc-icon-black-dribbble.png’ title=’Image’/></a></li>

            <li><a href=’http://twitter.com/’><img alt=’Image’ src=’http://4.bp.blogspot.com/-dh2L_hrBGcc/VAikP1W7I_I/AAAAAAAABko/jSUKYUe3UQA/s1600/soc-icon-black-t.png’ title=’Image’/></a></li>

            <li><a href=’http://pinterest.com/’><img alt=’Image’ src=’http://2.bp.blogspot.com/-3XxgEyZ2jRc/VAikPnb3AJI/AAAAAAAABks/wcdkCt0fV8s/s1600/soc-icon-black-p.pn’ title=’Image’/></a></li>
            <li><a href=’http://www.behance.net/’><img alt=’Image’ src=’http://4.bp.blogspot.com/-EB4TVsAjhCA/VAikOotrv8I/AAAAAAAABkY/VrBWlMRNYFc/s1600/soc-icon-black-be.png’ title=’Image’/></a></li>

            <li><a href=’http://www.instagram.com/’><img alt=’Image’ src=’http://2.bp.blogspot.com/-J773jg0F1x0/VAikO_IkUAI/AAAAAAAABkw/OhrcTHuZKts/s1600/soc-icon-black-instagram.png’ title=’Image’/></a></li>
            </ul>
                    </div>
                        </div>

            Change the details amongst yours.

            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 lot tin follow this tutorial if inwards a higher house method won’t work

            Installation And Custom Services

            We supply enough of templates for gratuitous but if you lot wish something unique for your weblog in addition to then permit us practise a unique blueprint for your blog, Just state us your needs in addition to nosotros volition convert your dream blueprint into reality. We too Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick in addition to secure agency of getting your template setup without hassle.


            Sumber https://www.sorabloggingtips.com/