The Journalist: A Simple Responsive Template for Blogger

"The Journalist" is a simple blogger template built on the bootstrap framework. It features a fully responsive two column layout that adjusts perfectly to all screen sizes.
This quick loading theme is free and comes pre-installed with a simple text-based related posts and social sharing widget. It is ideal for journalists, writers and bloggers alike.


DemoDownload

Profile Box

To add details about yourself in the Profile box on the sidebar, find the following code in the template and replace the information in blue with relevant details about yourself.

<div class='profile-box'>

<!-- Insert Link of your Profile Pic -->
<img class='img-responsive pimg' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6Ar27ciiJvp48sxWOTsAFpqZeTSd0oF5YEepKEUU_NYNjBzY3nRPznihZwtfObn1gtYD84aVLZN22KZynnbf4OWeJbdShIca1DkGPi-LQKobIJxogtuh8awzjyDNoAJxcS5wMb19DQ1Q/s320/default-avatar.png'/>

<!-- Add Name Here -->
<h4>Wajahat Razzaq</h4>

<!-- A line About Yourself -->
<span>Writer, journalist and a budding academic. I write for the Huffington post.</span>

</div>

Social Links

Link the social icons in the sidebar to your social profiles by modifying the following code in your template. Simply change the code in blue with relevant links to your social accounts.

<div class="contact-box">

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

<a href="https://youtube.com/wajahat-xyz" target="_blank">
<i class="fa fa-youtube-play" rel="tooltip" title="YouTube"></i>
</a>

</div>


Thats it! Please let us know of any anomalies / layout problems that you may find in the template.

11 comments :

Reader's Comments

  1. can you help me to add facebook like button to the posts?

    ReplyDelete
    Replies
    1. Sure. Just go to template > Edit HTML and find the "Third" occurrence of this code: "data:post.body" in your template. Then copy the Facebook like button code from here:

      http://www.bloggersentral.com/2010/07/add-facebook-like-button-to-blogger_30.html

      Finally, paste the Facebook like button code below (after) the code you found in your template.

      Delete
  2. When i backspaced everything in my html to change it, i paste the theme but when i clicked save, it says
    Error parsing XML, line 1, column 8: The processing instruction target matching "[xX][mM][lL]" is not allowed.

    please help me

    ReplyDelete
    Replies
    1. It's working fine. Rather than pasting the code, just upload the template instead. Just go to Template --> Backup / Restore --> Choose File and Upload.

      Delete
  3. how do you add pinterest social button?

    ReplyDelete
    Replies
    1. This comment has been removed by the author.

      Delete
    2. Visit this link for the code. http://pastebin.com/9VFxUT8e

      In your template, just search for the following: class='contact-box'

      And from the link paste the code just below it.

      Delete
  4. Simple, elegant, enough... and easily customizable.. Cool!

    ReplyDelete
  5. Hello, very nice theme, would you have a version including a portfolio page ?

    ReplyDelete
    Replies
    1. Hello Cyprien! I developed this quite a while ago. What you see is what I have. Sorry!

      Delete