The Journalist: A Simple Responsive Template for Blogger
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.
Subscribe to:
Post Comments
(
Atom
)
can you help me to add facebook like button to the posts?
ReplyDeleteSure. 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:
Deletehttp://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.
When i backspaced everything in my html to change it, i paste the theme but when i clicked save, it says
ReplyDeleteError parsing XML, line 1, column 8: The processing instruction target matching "[xX][mM][lL]" is not allowed.
please help me
It's working fine. Rather than pasting the code, just upload the template instead. Just go to Template --> Backup / Restore --> Choose File and Upload.
Deletehow do you add pinterest social button?
ReplyDeleteThis comment has been removed by the author.
DeleteVisit this link for the code. http://pastebin.com/9VFxUT8e
DeleteIn your template, just search for the following: class='contact-box'
And from the link paste the code just below it.
Simple, elegant, enough... and easily customizable.. Cool!
ReplyDeleteNice Information in the post
ReplyDeleteHello, very nice theme, would you have a version including a portfolio page ?
ReplyDeleteHello Cyprien! I developed this quite a while ago. What you see is what I have. Sorry!
Delete