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 even a blogger with a liking for plain and simple design, this template is for you.

The Writer Template comes with a 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='http://2.bp.blogspot.com/-N74swJOCMho/VIFIQ1YtiWI/AAAAAAAADfs/QkPMxvL_iQQ/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:[email protected]?Subject=Hey!' target='_top'>
<i class='fa fa-envelope-o' rel='tooltip' title='[email protected]'/>
</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:[email protected]?Subject=Hey!' target='_top'>
<i class='fa fa-envelope-o' rel='tooltip' title='[email protected]'/>
</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.

Leave a Reply