{% comment %}

Recent Posts Displayed here.

{% endcomment %} <div class=“panel panel-primary” class=“blog-sidebar”>

<div class="panel-heading">
  <h3 class="panel-title">Recent Posts</h3>
</div>
<div class="panel-body">
    {% for post in site.posts limit: 3 %}
        <a href="{{post.url}}">
            <div class="row featured_blog_post">
                <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
                   <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
                   {% if post.image.featured %}
                        {% if post.image.thumb %}
                                 data-src="{{post.image.thumb}}"
                         {% else %}
                               data-src="{{post.image.name}}"
                         {% endif %}
                   {% else %}
                        data-src="{{site.data.settings.placeholder}}"
                   {% endif %}
                  alt="{{post.title}}" class="img-responsive lazyload"/>
                </div>
                <div class="col-md-9 col-sm-9 col-xs-9 ">
                   {{post.title | truncate: 40}}
                   <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
               </div>
            </div>
        </a>
    {% endfor %}
</div>

</div> {% comment %}

Other Posts

{% endcomment %}

<div class=“panel panel-primary” class=“blog-sidebar”>

<div class="panel-heading">
  <h3 class="panel-title">Other Posts</h3>
</div>
<div class="panel-body">
    {% assign posts = site.posts | sample:5 %}
    {% for post in posts %}

    <a href="{{post.url}}">
        <div class="row featured_blog_post">
            <div class="col-md-3 col-sm-3 col-xs-3 no-padding">
               <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw=="
               {% if post.image.featured %}
                    {% if post.image.thumb %}
                             data-src="{{post.image.thumb}}'%}"
                     {% else %} 
                           data-src="{{post.image.name}}"
                     {% endif %}
               {% else %}
                    data-src="{{site.data.settings.placeholder}}"
               {% endif %}
              alt="{{post.title}}" class="img-responsive lazyload"/>
            </div>
            <div class="col-md-9 col-sm-9 col-xs-9 ">
               {{post.title | truncate: 40}}
               <br /><small><em>{{post.date | date: "%A, %B %-d, %Y" }}</em></small>
           </div>
        </div>
        </a>
    {% endfor %}
</div>

</div>

{% if site.data.settings.blog.sidebar.custom-include %} {% include {{site.data.settings.blog.sidebar.custom-include}} %} {% endif %}