How To Setup Sorajobs Blogger Template

 SoraJobs is a multipurpose blogger template mainly made for Job portal blogs How To Setup SoraJobs Blogger Template

SoraJobs is a multipurpose blogger template mainly made for Job portal blogs. With three column layout it includes pre made awesome widgets to showcase to a greater extent than as well as to a greater extent than weblog posts.
SoraJobs is equipped amongst diverse of widgets which volition assistance you lot to pose out your weblog to a greater extent than professionally. To larn inward slowly for you lot nosotros convey published this detailed documentation, thence that you lot tin setup your weblog correctly. You convey made a expert determination past times choosing our template. You tin banking company jibe the alive demo or download the template through the push below as well as besides Please Read this documentation carefully inward lodge to laid your weblog as well as delight Federal Reserve 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

Top Navigation

Access your weblog Layout > click Edit link on Top Navigation widget.

Social Top Widget/Social Footer Widget

Access your weblog 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}

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

Featured Post 

Access your weblog Layout > click Add a Gadget > HTML/JavaScript on Featured Posts Section, as well as thence add together i of the following.

  •   <span data-type=”tyard” data-label=”Break” data-no=”6″></span>

Replace Break With Your Own Label.


Image Example:
 SoraJobs is a multipurpose blogger template mainly made for Job portal blogs How To Setup SoraJobs Blogger Template

Custom Widget

Access your blog Layout > click Add a Gadget > HTML/JavaScript on Sidebarsection, you lot must house the next codes highlighted inward bluish below.

  • Latest Jobs

<div class=”recentpoststyle”>
<script type=”text/javascript”>
business office showlatestposts(e) {
    for (var t = 0; t < posts_no; t++) {
        var r, s = e.feed.entry[t],
            n = s.title.$t;
        if (t == e.feed.entry.length) break;
        for (var a = 0; a < s.link.length; a++)
            if (“alternate” == s.link[a].rel) {
                r = s.link[a].href;
                break
            }
        n = n.link(r);
        var i = “… read more”;
        i = i.link(r);
        var l = s.published.$t,
            o = l.substring(0, 4),
            u = l.substring(5, 7),
            c = l.substring(8, 10),
            one thousand = novel Array;
        if (m[1] = “Jan”, m[2] = “Feb”, m[3] = “Mar”, m[4] = “Apr”, m[5] = “May”, m[6] = “Jun”, m[7] = “Jul”, m[8] = “Aug”, m[9] = “Sep”, m[10] = “Oct”, m[11] = “Nov”, m[12] = “Dec”, “content” inward s) var d = s.content.$t;
        else if (“summary” inward s) var d = s.summary.$t;
        else var d = “”;
        var v = /<S[^>]*>/g;
        if (d = d.replace(v, “”), 1 == posts_date && document.write(‘<div class=”post-date”>’ + m[parseInt(u, 10)] + ” ” + c + ” ” + o + “</div>”), document.write(‘<li class=”recent-post-title”>’), document.write(n), document.write(‘</li><div class=”recent-post-summ”>’), 1 == post_summary)
            if (d.length < summary_chars) document.write(d);
            else {
                d = d.substring(0, summary_chars);
                var f = d.lastIndexOf(” “);
                d = d.substring(0, f), document.write(d + ” ” )
            }
        document.write(“</div>”)
    }
}
</script>
<script type=”text/javascript”>
var posts_no = 5;
var posts_date = true;
var post_summary = true;
var summary_chars = 80;
</script>
<script src=”/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showlatestposts”>
</script>
<style type=”text/css”>
.recentpoststyle {
    list-style-type: none;
}
.recentpoststyle a {
    text-decoration: none;
    color: #49A8D1;
}
.recentpoststyle a:hover {
    color: #000;
}
.recentpoststyle li:before {
    float: left;
    z-index: 1;
    position: relative;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    background: #69B7E2;
    margin: 13px 5px 0px -6px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
li.recent-post-title {
    margin: 7px 0;
    padding: 0;
}
.recent-post-title a {
    color: #444;
    text-decoration: none;
    font: bold 13px ‘Ruda’;
}
.post-date {
    font-size: 11px;
    color: #999;
    margin:0;
}
.recent-post-summ {
    color: #777;
    padding: 0 0 15px;
    margin-bottom: 15px;
    font: 15px ‘Open Sans’, sans-serif;
    border-bottom: 1px enterprise #ececec;
}
</style></div>

Click Save Button.

  • Subscribe Box

follow this tutorial if higher upward method won’t work

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 higher upward method won’t work

Shortcodes

  • Full Width Post;
Go to Pages or Posts > New Page or Post
On the novel page content/post content subsequently adding the page/post title, add together the [full_width] code inward the page content area.

Theme Option

Full Width Version(trure/false):

  • Add (true) to full, to render the boxed version simply add (false)

PageNavi Results No:

  • Type your issue for Page Navigation, Default is “6”

      Theme Colors

      Access your weblog Template > click Customize.
      Here is where you lot tin alter the original color of the model, using your favorite colors.

      Installation And Custom Services

      We render enough of templates for gratis but if you lot desire something unique for your weblog thence permit us exercise a unique blueprint for your blog, Just state us your needs as well as nosotros volition convert your dream blueprint into reality. We besides Provide Blogger Template Installation Service. Our Installation service gives you lot a simple, quick as well as secure agency of getting your template setup without hassle.


      Sumber https://www.sorabloggingtips.com/