{% 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 %}