The Writer Template: A Neat, Simple Responsive Blogger Template

The Writer Template is an elegant white blogger template with a simple, one column layout. It is fully responsive and adjusts perfectly on all screen sizes. If you're a writer, journalist or a even a blogger with a liking for plain and simple design, this template is for you.

The Writer Template comes with pre-installed related post widget and a profile box that displays below all posts. 




DemoDownload 

Profile Box:

You can edit the Profile Box directly from the template. Simply search for <!-- Profile Box --> and make changes to the text shown in blue below. 

<!-- Profile Box -->

<div class='profile-box'>
<div class='row'>

  <div class='col-xs-4 col-sm-3 col-md-3 col-lg-3'>
  <!-- Link/URL of your Photo -->
<img class='img-responsive pimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjVi87L3uIOPBxNb9nvwHnKRa-4eKBg0O1WVUzT5PlIFnCVz_wI_Z3DwH3vmp8b7TugH_UTit3nU3hopl245v36b3R4Sq7SaXcfo0hMquT4WB4l77PHUUQOCAIWTKfQ1uesI1H2fMcAVIFV/s1600/img-profile.jpg'/>
  </div>

  <div class='col-xs-8 col-sm-9 col-md-9 col-lg-9'>
<h4 style='font-size: 16px; font-weight: 400;'><data:post.author/></h4>
<span style='font-size: 15px;'>A 27-year-old freelance journalist based in London, specialising in the media industry.</span>

    <br/>

<!-- Insert Links To Your Social Profile's Here -->

<div class='contact-box pull-right'>

<a href='mailto:wajahat-xyz123@gmail.com?Subject=Hey!' target='_top'>
<i class='fa fa-envelope-o' rel='tooltip' title='wajahat-xyz123@gmail.com'/>
</a>
<a href='https://twitter.com/wajahat-xyz' target='_blank'>
<i class='fa fa-twitter'>
</i></a>
<a href='https://facebook.com/wajahat-xyz' target='_blank'>
<i class='fa fa-facebook'>
</i></a>
<a href='https://plus.google.com/wajahat-xyz' target='_blank'>
<i class='fa fa-google-plus'>
</i></a>

</div>
    </div>
</div>
</div>

Social Links (In Footer):

To point social links to your social accounts simply search for <!-- Social Networks --> in the template and make changes to the text shown in blue below.

<!-- Social Networks -->

<div class='contact-box-footer'>

  <a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default?alt=rss&quot;' target='_blank'>
<i class='fa fa-rss'/>
  </a>

<a href='mailto:wajahat-xyz123@gmail.com?Subject=Hey!' target='_top'>
<i class='fa fa-envelope-o' rel='tooltip' title='wajahat-xyz123@gmail.com'/>
</a>

<a href='https://twitter.com/wajahat-xyz' target='_blank'>
<i class='fa fa-twitter'>
</i></a>

<a href='https://facebook.com/wajahat-xyz' target='_blank'>
<i class='fa fa-facebook'>
</i></a>

<a href='https://plus.google.com/wajahat-xyz' target='_blank'>
<i class='fa fa-google-plus'>
</i></a>

</div>

Do inform us of any anomalies / layout problems that you may find in the template.