How To Setup Jarid Blogger Template

Jarid is a rattling professional person categories blogger themes alongside roughly characteristic similar wooden background alongside combination white color. Jarid is equipped alongside diverse of widgets which volition assistance you lot to seat out your weblog to a greater extent than professionally. To instruct inwards slow for you lot nosotros convey published this detailed documentation, thence that you lot tin setup your weblog correctly.
You convey made a skillful determination past times choosing our template. You tin cheque the alive demo or download the template through the push below together with also Please Read this documentation carefully inwards guild to gear upwards your weblog together with delight depository fiscal establishment complaint that there’s no back upwards for gratis users.

Basic Setup

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

Header Social

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

     
<div class=’social-icons icon_flat’>
 <a class=’tooldown rss-tieicon’ expr:href=’data:blog.homepageUrl + &quot;feeds/posts/default&quot;’ target=’_blank’ title=’Rss’/>
 <a class=’tooldown google-tieicon’ href=’#’ target=’_blank’ title=’Google+’/>
 <a class=’tooldown facebook-tieicon’ href=’#’ target=’_blank’ title=’Facebook’/>
 <a class=’tooldown twitter-tieicon’ href=’#’ target=’_blank’ title=’Twitter’/>
 <a class=’tooldown pinterest-tieicon’ href=’#’ target=’_blank’ title=’Pinterest’/>
 <a class=’tooldown dribbble-tieicon’ href=’#’ target=’_blank’ title=’Dribbble’/>
 <a class=’tooldown youtube-tieicon’ href=’#’ target=’_blank’ title=’Youtube’/>
 <a class=’tooldown instagram-tieicon’ href=’#’ target=’_blank’ title=’instagram’/> </div>
</div>

Change highlighted text alongside your desired information.

Header Ads

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

     
<a href=’#’ target=’_blank’ title=’Top Banner Here’>
<img src=’https://lh5.googleusercontent.com/-gpK1dmmP7UA/UVRWv3mVbsI/AAAAAAAAFUI/7BgXc_5WOms/s728/banner728.gif’/>
</a>

Replace the to a higher identify code alongside your advertising code.

          Main Menu/Dropdown/Multi Dropdown

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

              <div class=’main-menu’><ul class=’menu’ id=’menu-main’>
          <li><a href=’#’>Home</a></li>
          <li><a href=’#’>Post Head Modes</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Post With Featured Image</a></li>
           <li><a href=’#’>Post With Slider</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Text together with Lists</a></li>
           <li><a href=’#’>Video together with Audio</a></li>
           <li><a href=’#’>Social</a></li>
           <li><a href=’#’>Tabs &amp; Toggles &amp; Author</a></li>
          </ul>
          </li>
           <li><a href=’#’>Post alongside SoundCloud</a></li>
           <li><a href=’#’>Post With Video</a></li>
          </ul>
          </li>
           <li><a href=’#’>Shortcodes</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Text together with Lists</a></li>
           <li><a href=’#’>Video together with Audio</a></li>
           <li><a href=’#’>Social</a></li>
           <li><a href=’#’>Tabs &amp; Toggles &amp; Author</a></li>
          </ul>
          </li>
           <li><a href=’#’>Page Templates</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Authors</a></li>
           <li><a href=’#’>Sitemap</a></li>
           <li><a href=’#’>Tags</a></li>
           <li><a href=’#’>Timeline</a></li>
          </ul>
          </li>
           <li><a href=’#’>Categories</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>World</a></li>
           <li><a href=’#’>Technology</a></li>
           <li><a href=’#’>Sports</a></li>
          </ul>
          </li>
           <li><a href=’#’>Post Layout</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Full Width</a></li>
           <li><a href=’#’>Right Sidebar</a></li>
           <li><a href=’#’>Left SIdebar</a></li>
          </ul>
          </li>
          <li><a href=’#’>Reviews</a>
          <ul class=’sub-menu’>
           <li><a href=’#’>Stars</a></li>
           <li><a href=’#’>Points</a></li>
           <li><a href=’#’>Percent</a></li>
           <li><a href=’#’>in The Top</a></li>
          </ul>
          </li>
          </ul></div> 

          Change # alongside your desired url together with text alongside your carte du jour label.

          Image Slider

          Access your blog Theme > click Edit Html and together with then respect the next coding.

          <div class=’flexslider’>
          <ul class=’slides’>
          <li>
          <a href=’#’><img class=’attachment-660×330′ height=’330′ src=’https://lh6.googleusercontent.com/-mJGiYztssLc/UVRWugpb2kI/AAAAAAAAFTk/Uw3gX_WUprE/s620/1.jpg’ width=’620’/></a>
           <div class=’slider-caption’>
           <h2><a href=’#’>Maecenas mattis, tortor ut posuere aliquam</a></h2>
           <p>iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, not adipiscing. Nul…</p>
           </div>
           </li>
          <li>

           <a href=’#’><img class=’attachment-660×330′ height=’330′ src=’https://lh6.googleusercontent.com/-jwlfglxbHrQ/UVRWuUt0WzI/AAAAAAAAFTs/EI6UsYAWe9Y/s620/2.jpg’ width=’620’/></a>
           <div class=’slider-caption’>
           <h2><a href=’#’>Post alongside SoundCloud</a></h2>
           <p>iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, not adipiscing. Nul…</p>
           </div>
           </li>
          <li>

          <a href=’#’><img class=’attachment-660×330′ height=’330′ src=’https://lh3.googleusercontent.com/-OCaoRhjM-QM/UVRWuv1UwMI/AAAAAAAAFTo/LjEHwEiQ3fo/s620/3.jpg’ width=’620’/></a>
           <div class=’slider-caption’>
           <h2><a href=’#’>Consectetur adipisicing elit</a></h2>
           <p>iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, not adipiscing. Nul…</p>
           </div>
           </li>
          <li>

          <a href=’#’><img class=’attachment-660×330′ height=’330′ src=’https://lh3.googleusercontent.com/-4QNzfgaSs7I/UVRWvcrJikI/AAAAAAAAFT4/63rUmODOOCk/s620/4.jpg’ width=’620’/></a>
           <div class=’slider-caption’>
           <h2><a href=’#’>Post With Featured Image</a></h2>
           <p>iam 1989 wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, not adipiscing…</p>
           </div>
           </li>
          <li>

           <a href=’#’><img class=’attachment-660×330′ height=’330′ src=’https://lh3.googleusercontent.com/-6L1yLXg0E98/UVRWvoVwf6I/AAAAAAAAFUA/PADQ7lOHIEY/s620/5.jpg’ width=’620’/></a>
           <div class=’slider-caption’>
           <h2><a href=’#’>Elementum mauris aliquam ut</a></h2>
           <p>iam wisi quam lorem vestibulum nec nibh, sollicitudin volutpat at libero litora, not adipiscing. Nul…</p>
           </div>
           </li>
           </ul>
          </div>

          Change cherry highlighted code alongside your ikon url together with bluish alongside your championship text.

          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 to a higher identify method won’t work

          Flicker Image 

          You Can See sidebar Have Flicker Image Widgets.
          Follow this Steps To Add Flicker Widgets
          1. Go To Blogger >> Layout
          2. Now Click On “Add a Gadget” together with Add Your Own Widgets
          3. Now Add Your Java Script Here

          <div class=”flickr_plugin”>
          <script src=”http://www.flickr.com/badge_code_v2.gne?count=9&display=latest&size=s&layout=x&source=user&[email protected]″ type=”text/javascript”>
          </script>
          </div>

          Replace This [email protected] With Your Flicker Id
          You Can Use http://idgettr.com/ to generate Your Flicker Id

          Page navigation results  

          Access your blog Theme > click Edit Html and together with then respect the next coding.

          var posts=7,

          Change the value of  “posts=7” alongside whatever other issue to demonstrate your desired issue of posts.

          Installation And Custom Services

          We furnish enough of templates for gratis but if you lot wish something unique for your weblog together with then permit us practice a unique blueprint for your blog, Just state us your needs together with nosotros volition convert your dream blueprint into reality. We also Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick together with secure agency of getting your template setup without hassle.


          Sumber https://www.sorabloggingtips.com/