HOT!Join Our Community For Exclusive Blogging IdeasClick Here

How To Setup Sora Blog Blogger Template

Sora Blog Blogger Template

Sora Blog is an awesome new personal blogging templates with a nice and clean two column layout. It is sweet and simple and is perfect for writers, collectors, fashion, beauty, and just about any other form of blogging required. Sora Blog 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 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.

Basic Setup

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

Main Menu/Dropdown/Multi Dropdown

Access your blog Layout > click Edit link on Top Menu widget.
A pop up will appear and in the content section you will see the below code.

   <ul class='flexnav' data-breakpoint='800' id='menu-hercules'>
    <li><a href='/'>Home<span/></span></a></li>
    <li><a href='#'>Fashion</a>
        <ul class='sub-menu'>
            <li><a href='#'>Fashion</a></li>
            <li><a href='#'>Fashion 1</a></li>
            <li><a href='#'>Fashion 2</a></li>
            <li><a href='#'>Fashion 3</a></li>
            <li><a href='#'>Fashion 4</a></li>
        </ul>
    </li>
    <li><a href='#'>SkinCare</a></li>
    <li><a href='#'>Beauty</a>
        <ul class='sub-menu'>
            <li><a href=''>Beauty</a></li>
            <li><a href='#'>Beauty1</a></li>
            <li><a href='#'>Beauty2</a></li>
            <li><a href='#'>Beauty3</a></li>
        </ul>
    </li>
    <li><a href='#'>Diet</a></li>
    <li><a href='#'>Health</a></li>
    <li><a href='http://www.soratemplates.com/2014/09/sora-blog-green-blogger-templates.html'>Download This Template</a>
    </li>
</ul>
Change # with your desired url and text with your menu label.

Second Title/ Description

On Blogger Dashbord Click Template
Click Edit HTML
Scroll down and Find this Code :
<div class='page-header'>
    <section class='title-section'>
        <b:if cond='data:blog.pageType != &quot;error_page&quot;'>
            <b:if cond='data:blog.url == data:blog.homepageUrl'>
                <h2>Hi, We are <data:blog.title/> /</h2>
                <h3>The place where we write some words</h3>
                <b:else/>
                <b:if cond='data:blog.pageType == &quot;item&quot;'>
                    <h1>Blog</h1>
                    <h2>The place where we write some words</h2>
                    <b:else/>
                    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
                        <span id='break' />
                        <b:else/>
                        <h1>CATEGORY &gt; <span class='subtitle'><span id='break'/></span></h1>
                    </b:if>
                </b:if>
            </b:if>
        </b:if>
    </section>
</div>
Red code is for home page, Blue is for post and Green is for Static page.

Testimonials

Access your blog Layout > click Edit link on Testimonials widget.
A pop up will appear and in the content section you will see the below code.
<div class='owl-item'>    <div>        <div class='tweet_item'>            <div class='tweet_content'>                <div class='stream-item-header'>                    <strong class='fullname'>Hercules Design</strong>                    <a class='account-group' href='http://twitter.com/Hercules_group' target='_blank'><span class='username'> @Hercules_group</span></a>                </div>                <div class='tweet_txt'>@<a href='http://twitter.com/billykulpa' target='_blank'>billykulpa</a> Please contact us via info@<a href='http://twitter.com/hercules' target='_blank'>hercules</a>-design.com</div>                <div class='clearfix'>                    <div class='twitter_intents'>                        <span><a class='reply-tweet' href='https://twitter.com/intent/tweet?in_reply_to=463781848884072448' onclick='window.open(&apos;https://twitter.com/intent/tweet?in_reply_to=463781848884072448&apos;,&apos;Twitter&apos;,&apos;width=600,height=300,left=&apos;+(screen.availWidth/2-300)+&apos;,top=&apos;+(screen.availHeight/2-150)+&apos;&apos;); return false;'>Reply</a></span>
                        <span><a class='retweet' href='https://twitter.com/intent/retweet?tweet_id=463781848884072448' onclick='window.open(&apos;https://twitter.com/intent/retweet?tweet_id=463781848884072448&apos;,&apos;Twitter&apos;,&apos;width=600,height=300,left=&apos;+(screen.availWidth/2-300)+&apos;,top=&apos;+(screen.availHeight/2-150)+&apos;&apos;); return false;'>Retweet</a></span>
                        <span><a class='favorite-tweet' href='https://twitter.com/intent/favorite?tweet_id=463781848884072448' onclick='window.open(&apos;https://twitter.com/intent/favorite?tweet_id=463781848884072448&apos;,&apos;Twitter&apos;,&apos;width=600,height=300,left=&apos;+(screen.availWidth/2-300)+&apos;,top=&apos;+(screen.availHeight/2-150)+&apos;&apos;); return false;'>Favorite</a></span>
                    </div>                </div>                <p class='timestamp'>                    <a href='https://twitter.com/Hercules_group/status/463781848884072448' target='_blank'>                06 May 2014            </a>                </p>            </div>        </div>    </div></div>

Red code is for text, Blue is for links.

Footer text 

Access your blog Layout > click Edit link on Text widget.
A pop up will appear and in the content section you will see the below code.
<p>This blog is to provide you with daily outfit ideas and share my personal style. This is a super clean and elegant WordPress theme for every bloggers. Theme is perfect for sharing all sorts of media online. Photos, videos, quotes, links... etc.</p>

Replace it with your desired text.

Social Buttons

Access your blog Layout > click Edit link on Social Network widget.
A pop up will appear and in the content section you will see the below code.
   <a class='fa fa-facebook icon-2x social_link social_link__facebook' data-original-title='facebook' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Facebook</span>
</a>


<a class='fa fa-twitter icon-2x social_link social_link__twitter' data-original-title='twitter' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Twitter</span>
</a>


<a class='fa fa-flickr icon-2x social_link social_link__flickr' data-original-title='flickr' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Flickr</span>
</a>


<a class='fa fa-linkedin icon-2x social_link social_link__linkedin' data-original-title='linkedin' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Linkedin</span>
</a>


<a class='fa fa-google-plus icon-2x social_link social_link__gplus' data-original-title='gplus' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Gplus</span>
</a>


<a class='fa fa-youtube icon-2x social_link social_link__youtube' data-original-title='youtube' data-rel='tooltip' href='#' target='_blank'>
    <span class='social_label'>Youtube</span>
</a>
Change # with your desired social url.

Footer Navigation

Access your blog Layout > click Edit link on Footer 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).

About me Sidebar

Access your blog Layout > click Edit link on Testimonials widget.
A pop up will appear and in the content section you will see the below code.
<div class='flexslider no-bg ' id='flexslider_vsxuiixcgg'>    <ul class='slides'>        <li>            <div class='testi-item'><span class='testi-info'>This blog is to provide you with daily outfit ideas and share my personal style.</span>            </div>        </li>        <li>            <div class='testi-item'><span class='testi-info'>Hi, my name is John. I&#39;mstudent originally from Peru, living in New York.</span>            </div>        </li>    </ul></div><div class='private-image'>    <img alt='140x140' class='img-circle' src='http://www.johndoe.hercules-design.com/wp-content/uploads/2014/01/john.jpg' style='width: 120px; height: 120px;' />    <h3>John Doe</h3>    <span>Founder of the website</span></div>
Red code is for text, Blue is for Image.

Latest Post and Latest Comments

It works automatically with recent posts and recent comments, so you don't need to do anything but if any case it isn't working then follow the below link.

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 can follow this tutorial if above method won't work

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 Sora Blog Blogger Template How To Setup Sora Blog Blogger Template Reviewed by Templates Yard on September 25, 2017 Rating: 5

14 comments:

  1. Hello, it's really helpful and i love it so much, but the date on the left side of my post won't appeared even i have change the setting, and the recent post won't show the image. can you help me to fix this problem? (you can add link or help me in the comment. a thread will really helpful) thank you so much

    ReplyDelete
    Replies
    1. If you keep the date setting as we have suggested to do, it will definitely appear.

      Delete
    2. I have the same problem. The date doesn't appear, I only see UNDEFINED-UNDEFINED-UNDEFINED. (and I've kept all the date settings)

      Delete
    3. If you keep the date setting as we have suggested to do, it will definitely appear.

      Delete
  2. Wow! Sora Templates, this is impressive. The template is more than awesome. I'm just out of words. God bless you real good...

    ReplyDelete
  3. how to setup featured image? im trying but there showing just 1 picture..

    ReplyDelete
  4. I've got the same problem qith the date. It says: "Undefined" instead of the date. I've set the date as in the demo page...and I haven't been able to detect where the date setting are described...

    Thanks in advance.

    ReplyDelete
    Replies
    1. If you keep the date setting as we have suggested to do, it will definitely appear.

      Delete
    2. Where do you suggest this? I've checked out the whole documentation and I don't see it...
      Thanks indeed.

      Delete
    3. We have provided and image with setting option with template package.

      Delete
    4. Thanks for the answer! I think I've got it now!

      Delete
  5. Hello :) I've just downloaded this template and it is awesome. Thank you so much for it, great work! I was just wondering would could I change the post element? I don't want it to 'build' a gallery with all the images from the post and, inteads, just use the first one?

    I would really appreciate your help :) Thanks!

    ReplyDelete
    Replies
    1. It's an automatic process, whenever you add more than one image in post it gets activated, so you have to revome codes. We don't recommend it to do yourself.

      Delete

Powered by Blogger.