How To Setup Collective Blogger Template

Collective is a fashionable blogger template amongst fashionable features such every bit slider auto read to a greater extent than script together with fashionable appointment format. Collective is equipped amongst diverse of widgets which volition assist you lot to disclose your weblog to a greater extent than professionally. To larn inwards slow for you lot nosotros accept published this detailed documentation, hence that you lot tin reach the axe setup your weblog correctly.
You accept made a expert determination past times choosing our template. You tin reach the axe cheque the alive demo or download the template through the push clitoris below together with every bit good Please Read this documentation carefully inwards enterprise to laid your weblog together with delight authorities annotation that there’s no back upward for gratis users.

Basic Setup

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

Header Menu

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

it automatically picks pages together with page links but inwards illustration it doesn’t pick, delight run into the inwards a higher identify picture to add together one, you lot tin reach the axe every bit good add together external links(Links from somewhere else).

Header Social

On Blogger Dashbord Click Template
Click Edit HTML
Scroll downward together with Find this Code :.

     
<ul class=’fr’>
<li><span class=’subscribe’>Subscribe For Updates</span></li>
<li><a href=’http://twitter.com‘ target=’_blank’ title=’Updates Via Twitter’><span class=’twitter’/></a></li>
<li><a href=’http://feedburner.google.com/fb/a/mailverify?uri=SoraTemplates‘ target=’_blank’ title=’Subscribe For Updates Via Email’><span class=’email’/></a></li>
<li><a expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’ title=’Subscribe For Updates Via RSS’><span class=’rss’/></a></li>
</ul>

Change highlighted text amongst your desired information.

          Main Menu/Dropdown/Multi Dropdown

          On Blogger Dashbord Click Template
          Click Edit HTML
          Scroll downward together with Find this Code :.

               <div id=’main-nav’>
          <div class=’wrap’>
          <ul class=’menu’ id=’menu-main-menu’>
           <li><a href=’#’>Category One<span>Category Description</span></a></li>
           <li><a href=’#’>Category Two<span>Category Description</span></a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Sub Category One</a></li>
           <li><a href=’#’>Sub Category Two</a></li>
           <li><a href=’#’>Sub Category Three</a>
           <ul class=’sub-menu’>
           <li><a href=’#’>Sub Sub Category One</a></li>
           <li><a href=’#’>Sub Sub Category Two</a></li>
           <li><a href=’#’>Sub Sub Category Three</a></li>
           <li><a href=’#’>Sub Sub Category Four</a></li>
           </ul>
          </li>
           <li><a href=’#’>Sub Category Four</a></li>
           <li><a href=’#’>Sub Category Five</a></li>
          </ul>
          </li>
           <li><a href=’#’>Category Three<span>Category Description</span></a></li>
           <li><a href=’#’>Category Four<span>Category Description</span></a></li>
           <li><a href=’#’>Category Five<span>Category Description</span></a></li>
           <li><a href=’#’>Category Six<span>Category Description</span></a></li>
          </ul>
          <div class=’clear’/>
          </div> 
          </div> 

          Change # amongst your desired url together with text amongst your card label.

          Image Slider

          Access your blog Theme > click Edit Html and together with hence notice the next coding.

          <div id=’slideshow’>

          <div class=’slide’>
           <div class=’post-img-large fl’><a href=’#’><img class=’attachment-large’ height=’200′ src=’https://lh5.googleusercontent.com/-1kn4lQ-PCkI/UAZ1Vu1IZ9I/AAAAAAAACko/zTWOZEMGt9I/s570/1.jpg’ width=’570’/></a></div>
           <h2 class=’post-title fl’><a href=’#’>Creative Digital Illustration</a></h2>
           <div class=’clear’/>
          </div> 

          <div class=’slide’>
           <div class=’post-img-large fl’><a href=’#’><img class=’attachment-large’ height=’200′ src=’https://lh4.googleusercontent.com/-NZrrNmcqZzA/UAZ1Vywa6RI/AAAAAAAACkU/s3oF4HiSxYY/s570/2.jpg’ width=’570’/></a></div>
           <h2 class=’post-title fl’><a href=’#’>Attractive Interface Designs</a></h2>
           <div class=’clear’/>
          </div> 

          <div class=’slide’>
           <div class=’post-img-large fl’><a href=’#’><img class=’attachment-large’ height=’200′ src=’https://lh5.googleusercontent.com/-RmuUO3M2ZMI/UAZ1WvlsKrI/AAAAAAAACkk/O_JpGkr8gU8/s570/3.jpg’ width=’570’/></a></div>
           <h2 class=’post-title fl’><a href=’#’>Learn Character Illustration</a></h2>
           <div class=’clear’/>
          </div> 

          <div class=’slide’>
           <div class=’post-img-large fl’><a href=’#’><img class=’attachment-large’ height=’200′ src=’https://lh3.googleusercontent.com/-kObtDzsRpxU/UAZ1Xh4eceI/AAAAAAAACk0/Kb4S-9YXovM/s570/4.jpg’ title=’pages’ width=’570’/></a></div>
           <h2 class=’post-title fl’><a href=’#’>HTML5 for Web Designers</a></h2>
           <div class=’clear’/>
          </div> 

          <div class=’slide’>
           <div class=’post-img-large fl’><a href=’#’><img class=’attachment-large’ height=’200′ src=’https://lh6.googleusercontent.com/-88jSH9C1c8k/UAZ1X5IAjnI/AAAAAAAACk8/pt0uZKcyS80/s570/5.jpg’ title=’post-img-large’ width=’570’/></a></div>
           <h2 class=’post-title fl’><a href=’#’>25 Time Saving Coda Features</a></h2>
           <div class=’clear’/>
          </div> 

           <div class=’tabs’>
           <a><img class=’attachment-tiny’ height=’32’ src=’https://lh6.googleusercontent.com/-3juWOm0M02Y/UAZ1VXZiHsI/AAAAAAAACkM/t5aoiFFSXvw/s82/1a.jpg’ width=’82’/><span>Creative Digital Illustration</span></a>
           <a><img class=’attachment-tiny’ height=’32’ src=’https://lh3.googleusercontent.com/-ViVVXZWuLV8/UAZ1V3olDaI/AAAAAAAACkc/NBJg3Kihh70/s82/2a.jpg’ width=’82’/><span>Attractive Interface Designs</span></a>
           <a><img class=’attachment-tiny’ height=’32’ src=’https://lh3.googleusercontent.com/-GxYPiBQvbLg/UAZ1XEnc3JI/AAAAAAAACkw/7SMuVy_w46A/s82/3a.jpg’ width=’82’/><span>Learn Character Illustration</span></a>
           <a><img class=’attachment-tiny’ height=’32’ src=’https://lh5.googleusercontent.com/-o6iWd8ytL1M/UAZ1X4krIKI/AAAAAAAAClA/5dRObXKR2Vs/s82/4a.jpg’ width=’82’/><span>HTML5 for Web Designers</span></a>
           <a><img class=’attachment-tiny’ height=’32’ src=’https://lh6.googleusercontent.com/-goNZ4ScTGq4/UAZ1YIonJZI/AAAAAAAAClI/o7gRKwDua3U/s82/5a.jpg’ width=’82’/><span>25 Time Saving Coda Features</span></a>
           </div> 
           </div>

          Change blood-red highlighted code amongst your picture url together with bluish amongst your championship text.

          Recent Post together with Recent Comments

          It industrial plant automatically amongst latest posts. But you lot accept to brand certain almost few things.

          1. Your weblog must last public

          2. Your weblog feed laid to last 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

          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 reach the axe follow this tutorial if inwards a higher identify method won’t work

          Installation And Custom Services

          We render enough of templates for gratis but if you lot wishing something unique for your weblog together with hence permit us practise a unique blueprint for your blog, Just say us your needs together with nosotros volition convert your dream blueprint into reality. We every bit good Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick together with secure means of getting your template setup without hassle.


          Sumber https://www.sorabloggingtips.com/