Grunge is a simple template with a neat layout. It starts with the header where you can add your blog logo or title and description, and includes a navigation bar on the right with hover on effect.
<ul class='topnav'><li class='home-current-item'><a href='HOME URL HERE'>Home</a></li></ul>
<ul class='topnav'><li class='page_item page-item-2'><a href='ABOUT URL HERE'>About</a></li>
<li class='page_item page-item-3'><a href='CONTACT URL HERE' title='Contact'>Contact</a></li>
</ul>
The main column has the date calender widget on the left of post title and the posts have an inbuilt read more hack, so only the intro to the posts shows up on the home page with links to the complete post and number of comments.
To set up the date format and to avoid the undefined error message, refer to this video to add date format correctly.
The sidebar on the right starts with the Subscribe to the blog icon and also subscribe by email, followed by the default widgets of labels and recent posts.
Download the Grunge Blogger Theme
Share this Blogger Template:
Great template! One problem, though:
I can't seem to find where in the HTML I can change the main header. I don't want it to say "Grunge Theme". How do I change this in the HMTL?
I seem to be having the same issues with not being able to change the title from "Grunge Theme"
@ Rick and Shari
look for <div class='logo'> in your template and place your logo link in the following <a href='/'> by replacing /
I cannot add , add this social media sharing below the posts . plz help
I tried the fix listed here and it bombed. I don't want any readmore or comments. Any suggestions? I'm using Blogger.
@ Rose - Did you try adding the default blogger social media icons?
@ Sue Feeney - To remove Read More pls delete the following code from Edit Html -
<script type='text/javascript'>var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)...........
//]]>
</script>
AND this code -
<b:if cond='data:blog.pageType == "static_page"'><br/>
<data:post.body/>
<b:else/>
......
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</b:if>
Save the changes. It should work.:) Let me know in case you face any other problems! :)
Tried putting the url of my logo but it doesn't seem to work. what else to do? the grunge theme is still there. :|
@ Mutzii - Looks like you have fixed the problem...:)