Blogger Template: BoyBurnsBlog (free!)

Today we're proud to provide, free for download, our first Blogger Template for mass use, BoyBurnsBlog (named after our amazing designer even though he didn't design it). Don't forget to check out a list of all of our other templates as well!

This template was developed based on the Simple template with the goal of providing a clean, minimalist template that is good for short blog posts and photo blogging, utilizing JQuery Masonry to give it a non-linear lineup of posts.

Download the BoyBurnsBlog Blogger template or view a demo of the template.

If you decide to use this template please leave a comment on this page, that way I can notify you if updates are made to the template.

Benefits of this template:
  • All customization can be done using the Blogger template designer
  • Post images are dynamically resized to fit the maximum width of the container giving it a clean vertical look
  • Fonts utilize Google's web fonts
  • Pinterest and all sharing buttons are included
  • Sliding navigation bar so that users can easily navigate as they scroll down the page

Due to our work schedule we are no longer providing free assistance in customizing these templates. If you would like assistance please consider hiring us to customize your site for you.


Some screen shots for your enjoyment




If you decide to use this template please leave a comment on this page, that way I can notify you if updates are made to the template.

Comments

  1. I am now using this template .. thanks !

    ReplyDelete
  2. thats is amazing template. I am using it.

    ReplyDelete
  3. how do i make the centre column single instead of a two column post? And would like the date to be shown as well.

    ReplyDelete
  4. Hi Anonymous,

    So the two lines in the template you'll need to change are #937 and #939 where you'll see that I divide the areawidth into 2 columns. You can likely change those two lines to make it one column, however that sort of defeats the main aspects of the template!

    With the date, I moved the date information (or you could say limited it) to being in the individual blog posts on purpose; having the date information floating out in space as its own element in the masonry didn't make any sense... so it's now relegated to inside the blog post only where it belongs. However, if you do want it to show, edit line #923 and remove h2.date-header from that list so it's no longer having display: none.

    -David

    ReplyDelete
  5. Nice sharp template. I want to show more in the left column -- how can I disable the sliding navigation bar so it simply remains docked at the top of the page? That would allow users to see a long list of pages and links in that area. Thanks!

    ReplyDelete
  6. Hi Daniel,

    Thank you! You can "disable" that by simply removing the JQuery on lines 901 to line 911

    -David

    ReplyDelete
    Replies
    1. I also wanted to disable the sliding navigation bar but because the numbers don't show in the blogger HTML editor it's difficult to tell which lines to get rid of. Is it possible for you to copy here which bits to remove?

      Delete
    2. This comment has been removed by the author.

      Delete
    3. Sorry about that, these are the lines you want to remove: http://pastie.org/4586020

      They follow in the template.

      Delete
    4. where exactly in the blogger HTML editor does lines say http://pastie.org/4586020
      because I can't seem to find it. Please help?

      Delete
  7. Hi, I'm the above Anonymous.

    Deleting the date-header line from the list didnt work for me. Also, it seems that i can no longer use the BlockQuote/bold function in my posts. Any way I can get around this? Thanks! Loving the sleek clean finish.

    ReplyDelete
  8. Great template - thankyou. Using it here: http://freelance-artworker.blogspot.co.uk/
    Question: If there's no Blogger Navbar - how do I log in to the dashboard etc?
    I'm currently logging in via Google account, but it would be much quicker to log in direct from the homepage. If the Navbar is available I can make it hover/hide using CSS.
    Also how can I remove the small 'home' button in the main post area?

    Thanks again.

    ReplyDelete
  9. Hi KK,

    Thank you for the comment! To be honest I've never once used the navbar ever... to login to my sites I always go directly to blogger.com and login there.

    What you could do to remove the "home" link at the bottom of the homepage is to use the conditional for the home type (http://mystady.com/2011/05/7-blogger-page-types-analysis-code.html#home-page-type) in your CSS, then inside it add:
    < style>
    #blog-pager {
    display: none;
    }
    < /style>

    ReplyDelete
  10. Hi Marzuki,

    I'm sorry, you're going to need to do a bit more to get that than I originally stated... and it's going to be a bit tricky.

    In the template, line 959, add:

    $('.post-outer').css('position','relative');

    Also remove "h2.date-header" from line 923.

    That should do it!

    -David

    ReplyDelete
  11. Hi Marzuki (again),

    Ignore that previous post, it only partially fixes the problem. Rather than add the 959 line, I think you're better off simply removing Masonry entirely. You can remove it by removing lines 955 to 958 and the comma at the end of 954. Not exactly where I thought this template was going...

    -David

    ReplyDelete
  12. This comment has been removed by a blog administrator.

    ReplyDelete
  13. Really like this template... question though (apologies if ignorant) ... but is this able to categorize posts under different tabs and whatnot, or is it simply would have to do so using tags?

    ReplyDelete
  14. Hi Anonymous, I'm not sure what you mean as I would categories posts using labels (tags), and then have them as links in the left hand navigation. How to do it.

    ReplyDelete
    Replies
    1. That's perfect! Wasn't sure if you could categorize tags onto specific pages or not, a little new to the format so pardon the newbieness. Thank you for the clarification!

      Thanks for the link too

      Delete
  15. "Post images are dynamically resized to fit the maximum width of the container giving it a clean vertical look" - How do I undo this? I want the size of the image to stay the same.

    ReplyDelete
  16. I LOVE this template! I love the simplicity, I love that ther'es not a lot of junk at the top that pushes the content further down the page and I love that the fonts and colors are so easily customizable in Blogger. One question--would it be a simple fix to make the front page only show the first image and a teaser tidbit of text (or two or three images, but NOT all of them) and then if readers want to read the full post they can click on the post title or a "read more" button at the end of the post? My posts tend to be rather image heavy and long and it makes for some unwieldy scrolling. If it's something that would take a lot of development, I'll probably just choose a different template, but I thought I'd just check to see if it was a simple adjustment. Thanks for providing such a lovely free template!

    ReplyDelete
    Replies
    1. The best/easiest way is simply to use the jump breaks that are part of the Blogger editor. If you're in the Compose view they are the icon that looks like a sheet of paper being ripped in half (horizontally). That inserts a "read more" link and breaks your post into two parts, part one being shown on the index pages, the full post being shown when the viewer clicks on the title or the read more link.

      Delete
  17. sorry, two more questions--is there a way to add a "blog description" widget to the template? and why are all of my links in UPPERCASE?

    ReplyDelete
    Replies
    1. You can certainly add a blog description widget, simply go to the Layout page in your Blogger Dashboard and add it to the template wherever you'd like it.

      Your links are all uppercase because that was part of the template; you can edit the HTML of the template and search for "uppercase" and remove the line(s) that look like:
      text-transform: uppercase;

      Delete
  18. Nice job, I may give it a try! Thanks!

    ReplyDelete
  19. Awesome template David! Just starting to use it.

    ReplyDelete
  20. Hi! Thanks for this template, i'm using now, but have a problem, when insert a video from youtube in the home the video appears out of the box. i hope you can help me. and thanks again!

    ReplyDelete
    Replies
    1. Can you link me to the page in question so I can see what's going on?

      Delete
  21. Hello I always liked this template is more the use on my blog:
    http://www.mas-adicto.blogspot.com

    My question is how I can solve a problem by placing a widget of related posts at the end of each entry is a widget on the page http://www.linkwithin.com/learn

    Well the problem is shown on the main page after reading more ahy should not be displayed when the user if not fully open the entry attached an image:
    http://sdrv.ms/TxXFsM

    If you can help me thank you very much is a platilla you do not want to change at all.

    ReplyDelete
    Replies
    1. I think you'll need to wrap the linkwithin code into an if statement in your template based on the page type, to only show if the page-type is an "item" like so: http://pastie.org/4685942

      Delete
    2. Thanks for answering and I solved for other users if they have the same problem, what I did was copy the code and apply LinkWithin my template into a conditional to only appear on the entry and not on the cover. Thanks, here you can see if it worked.
      http://www.mas-adicto.blogspot.com

      Delete
    3. Thank you for sharing your issue and the fix!

      Delete
    4. I have this problem also and I am not sure what you guys are talking about in terms of fixing it. Could you please re-explain... I'm not an expert in the field. thank-you.

      Excellent template by-the-way, and I've seen MANY!

      Delete
    5. Hi Kath,

      So when you want to add LinkWithin into your site, it creates code in your template. What we want to do is either "not show" the code unless you're on an Item page, or to "hide" it if you're on any page that is not a Item page.

      The easiest method is to add this before your /head in the template: http://pastie.org/4782707

      -David

      Delete
    6. OMG! Now THAT's what I'm talking about! Got it! Also thanks for such an amazing rapid response! This site rocks!

      Thanks again David!

      Delete
  22. Very Nice template you have made, Thumbs up bro, its peeps like you that really motivate me towards wanting to learn web designing. Anyway's i've modified the template but i think i've messed up something while editing the codes, my posts dont display on two columns rather they stretch down in just one column, i really chose your template because of the sleek two column look and would appreciate if you help me get it to function like that, what codes are responsible for the feature and all, that info could be a big help. thanks

    techinfong.blogspot.com

    ReplyDelete
    Replies
    1. Hi Dammy, thank you for the compliment. I hate to say this, but I think your changes to the template have rendered it fubar. I'd recommend starting with a clean version of the template (unfortunately)

      Delete
  23. Hi,
    I really like the template! But I have one question.
    Is it possible to put the "post-footer" and the "blog-pager" directly under the post and not beside it? So that the post is wider?
    I'm from Germany, I hope you will understand my English... ;-)

    Thanks

    ReplyDelete
    Replies
    1. Nicely done! It looks like you successfully found the CSS that was moving everything into that right column :)

      Delete
    2. Hi David,

      Thank you for the great template!

      I am not as Blogger-savy as Sonni.

      Can you share how to put the "post-footer" and the "blog-pager" directly under the post and not beside it?

      Thank you.

      Delete
    3. Hi Alden, unfortunately there isn't really a simple solution; that sidebar was put there intentionally with quite a bit of code that would need to be changed in order to both remove it but also fix the columns back to their original orientation. You'll need to work with lines 982 to 988, 994 to 999, and line 1029. In line 1029 I'm changing the width of the #Blog1 div by subtracting 270px, and in 982-988 / 994-999 I'm moving the pager and footer into that 270px wide vacated area.

      Delete
  24. Heyyy there :)
    I'm using this wonderful template but for some reason I have 2 "blogs" first my blog with this template and then right after the blog starts all over in another template :O?

    I don't know how to fix it sice I know very little of html.

    You think you could help me :)?

    ReplyDelete
    Replies
    1. Hi Nansu, If this is your blog it looks like it's working correctly? http://littlenans.blogspot.com

      Not sure what you mean by it starting over in another template...

      Delete
  25. Hi David,

    Currently if you click on any pictures in the home page, a lightbox will open up showing the picture. That is what happened if you click on any of the 3 plant/tree pictures on the demo page(http://boyburnsblog.blogspot.com.au/)

    Is there any automated way to link the pictures in the home page to their respective posts and not to open up the lightbox when you click on them? I know I can edit the picture html to link to the post but that will be too manual.

    Thanks again.

    Cheers,
    Alden Lee

    ReplyDelete
    Replies
    1. Hi Alden,

      There are a two options, so bear with me and let me know which you'd prefer.

      1) you can disable Lightbox (in your settings) which will resort back to the old image behavior.
      2) we can insert a script to kill Lightbox, then change the parent link around the image to go to the post's url.

      Preference?

      Delete
    2. Hi David,

      Preference 2 will be great. Can we trouble you for this script?

      Many thanks and have a great Sunday!

      Delete
  26. HI,

    I'm also having the problem with the anonymous person about the video. I've edited the width to fit when you go to the individual post page but on the home page it comes out of the post box and when I make it fit on the home page it's too small on the individual post page. And my blog will rely on the video posts working smoothly since I'll be posting mostly videos. I'm unable to put up my blog url because I've made it private so I can work on it before I officially launch it but I know basic html and I don't see any css or variable definition that works on the video size automatically changing at all, only for the image size. I would appreciate it greatly if you could help me with this, it will make everything so easy for me. I've googled for a tutorials on this so much the keys might pop off.

    Can you help me fix this please?

    ReplyDelete
    Replies
    1. Hi Abigail,

      All set! I added script into the template (download the new version) which resizes the YouTube iframe to be the proper dimensions.

      -David

      Delete
    2. I really appreciate your help, the only problem is I've edited the template already and had hoped you could give me the script and what to do with it, so I could just add it. Quick question does this script just resize youtube videos or all videos cause I use vimeo videos mostly and I can't seem to find the new version of the template?

      Hope you can help, cause I really love your template.

      Delete
    3. Hi Abigail,

      Search for:

      $('.post-body').find('img').each(function(n, image){
      var image = $(image);
      var height = image.attr('height');
      var width = image.attr('width');

      var newHeight = (height/width * newwidth).toFixed(0);
      image.attr('width',newwidth).attr('height',newHeight);
      var greater = Math.max(newwidth,newHeight);
      image.attr({src : image.attr('src').replace(/s\B\d{3,4}/,'s' + greater)});
      }),

      Add this after it:

      $('.post-body').find('iframe').each(function(n, iframe){
      var iframe = $(iframe);
      var height = iframe.attr('height');
      var width = iframe.attr('width');

      var newHeight = (height/width * newwidth).toFixed(0);
      iframe.attr('width',newwidth).attr('height',newHeight);
      }),

      Delete
    4. I've only tested it on YouTube videos, but if Vimeo places them into an iframe it will work the same.

      Delete
  27. Hi David! GREAT JOB!

    I'm ready to use this template, but just one question:
    I love the images resized automatically in the main page, but when you go inside the post i don't want it... Is it possible to have it resized in the main page and not resized inside the post?

    Thank!

    ReplyDelete
    Replies
    1. Hi Ivan,

      Sure is! If you look at lines 906, 963, 1052, what I'm doing is an if/else: if page type = "index", do this, else do something else.

      In the "something else", on lines 1025 to 1032, I'm setting the post body's images to be the full width. If you want you can wrap them in an if/else for the page type of !item or you can take them out entirely.

      Delete
    2. Sorry... i'm not advanced user of html. What i have to remove to block the full images resize inside the post content?

      Delete
    3. Hi Ivan,

      Please visit this code for instructions: http://pastie.org/4781859

      I haven't tested it, but it should work.

      -David

      Delete
  28. Hi again,

    How can i adjust the widht of the post? once we are inside it. Now it's too narrow for the use i need.

    Thanks

    ReplyDelete
    Replies
    1. Hi Ivan,

      The post width on the individual post pages are (area width - left column width - 245 pixels). You can adjust the area width using the Blog Customize tool, and you can also adjust the left column width. The 245 pixels is not so customizable as it's really the smallest that column area can be and still function.

      Delete
  29. Just started using this template! It's great. Just wondering about text formatting on posts - it seems to override italics. Is there a way to fix this?

    Also, for some reason there is a large gap between the end of the posts and my footer. I'm sure I'll still play around with it a little, but it's looking great so far. Thanks for sharing this!

    agreatsetofwits.blogspot.com/

    ReplyDelete
    Replies
    1. I do a bit too much zeroing of the style information. The first part of the CSS in the template, lines 39->60.

      Remove the lines for font-style and font-weight (#55 and #56).

      This will be fixed in the live template momentarily.

      Delete
  30. As much as i use this template, more i like!. CONGRATS!

    JUST LAST QUESTION. I would like to have the principal blog Header full page width..

    How can i do it?

    ReplyDelete
    Replies
    1. You'll need to move the CustomSearch1 widget to somewhere else in the template, but then also go into the template and change the CSS for div#Header1 where it says "width: 60%". You'll likely want to change that to 100% as well as add "text-align: center".

      -David

      Delete
  31. I'm using this template. Love it!
    writemesomethinglovely.blogspot.com

    ReplyDelete
    Replies
    1. Hi Crystal,

      Spectacular! Btw, if you want to disable that scrolling behavior on the left column remove lines 895 to line 905 from the template. That will stop the left column from "following" you.

      -David

      Delete
  32. Hi David,

    Which part of the code is actually responsible for generating the 2 column format? I am use the clean template (no modifications), but I'm only getting one column rather than two. Any help would be greatly appreciated. Thanks.

    ReplyDelete
    Replies
    1. Hi Mohammad, can you post the URL of the blog you're using the template on? It will allow me to see what's going on better.

      Delete
  33. This is an amazing template and i am started using it. Will you please guide me how can i add the 4 column footer widget and right column widget to the blog. Just give me an idea....I love you template..its really really awesome

    ReplyDelete
    Replies
    1. Hi Osama, the template is not geared towards that layout; changing the layout to that will likely break most of the design.

      Delete
    2. Ok David! Thanks for the quick reply.
      here is my blog.
      http://spyderarea.blogspot.com/
      Thanks for your nice template.

      Delete
  34. This is exactly what I'm looking for! Unfortunately I'm having trouble adding it to my blog. Any ideas?

    ReplyDelete
  35. Hi
    Can u tell me how to put the related post thumbnails below every post?

    ReplyDelete
    Replies
    1. The related posts are from LinkWithin. You'll want to follow their directions, but you'll also want to put the widget code within an if statement for the "item" page type so it only shows on post pages.

      Delete
  36. Using this template and I love it. However the spacing between my posts as they stack vertically is not working for me. any tips? The right column has not space between posts (http://cleverclavier.blogspot.com/)

    ReplyDelete
    Replies
    1. The problem is from your social sharing buttons. They're loading into the DOM after the masonry script has run, so when they then show up, it's messing up the vertical spacing. My recommendation, beyond just the template, is to have them load only on post pages using the following if statement: http://pastie.org/4685942

      Delete
  37. Thank You David, you know what I am searching for themes almost whole day, but this one meets my requirements, thank you so much my blog is better now... keep up the good work..

    ReplyDelete
  38. Hi,
    My quick edit icon has dissapeared, is there a way for me to get it back? or a bit of html i can add? note im a novice html editor so big words will confuse me, thanks
    http://www.thebirdgardenblog.com/

    ReplyDelete
    Replies
    1. Out of curiosity, how did you turn off the Blogger Navbar? There is a small bug right now with Blogger whereby an unintended side effect of turning the navbar off using their new options of "off" also turns off the quick edit icons.

      Delete
    2. very early on when i started out on blogger I did use a code to get rid of the navbar ontop, but I did replace all my code with your template so I assume that would not matter..but anyway, it appeared in my blogger layout on the side as "navbar" or something to that extent and I removed it. It appeared to be a widget.

      Delete
    3. Hello, I think that the navbar removal is tied to the current bug (with Blogger, not the template) which makes the quick edit icons not show up.

      However, check your template for the following code:

      .post-icons, .post-share-buttons, h2.date-header, .post-labels, .goog-inline-block, .post-share-buttons .goog-inline-block {
      display: none;
      }

      It looks like all of your share icons, quick edit icons, labels, etc. are being hidden. Was that intentional?

      Delete
    4. not intentional and I can see my other icons, the email share, FB, Blog this, pin it, G+ etc. just the quick edit icon, if its a bug by blogger no biggy but i did find the code you were after.

      }
      .post-icons, .post-share-buttons, h2.date-header, .post-labels, .goog-inline-block, .post-share-buttons .goog-inline-block {
      display: none;

      Delete
    5. I wish I could assist, but nothing in the template would cause them to not show. If they're not showing I'm assuming it's either the navbar bug I mentioned, permissions (perhaps you're logged in as multiple google accounts), or some other weirdness.

      Delete
  39. Hi David,

    I love this layout! Only have one issue: is there any way of restricting the length of long posts on the home page and showing "Read more"? Because long posts don't seem to look as good on the layout as short posts.

    Thanks!

    ReplyDelete
    Replies
    1. Hi AC, you can either use jump-breaks to break up long posts (in your post editor, the ripped paper icon), or you can also make use of our summary and thumbnail script.

      Delete
  40. nice template already using it in my blog

    http://faqwebdevelopment.blogspot.in/

    ReplyDelete
    Replies
    1. Nicely done Purushothaman. As it is a free template we would however appreciate it if you left our credits in the footer... or consider leaving us a "tip" in our tip jar!

      Delete
  41. Hello David,

    1st, let me say that I love this template. I'm using it on a Test blog right now until I get 'just right.' A question and an observation:

    Question: Is this setup for custom mobile? It appears so but I'm not sure how to make it work.

    Observation: I noticed your comment above about your credits. I also noticed credits didn't appear in mine, either. Searching the code, I see you've got them "Display: None" by default (div#cf). just FYI

    Thanks for a Great Template!

    ReplyDelete
    Replies
    1. Hi Roger,

      This does not have a customized mobile template, but if you use the Blogger dashboard you can set it for mobile templates.

      Yes, div#cf is not shown by default; I was more referring to him removing mention of us from his code.

      Delete
  42. Okay, a couple more questions

    How can you stop the images from resizing? I've tried both of the methods you've mentioned in earlier comments and either I lose the 2 column posts on the main page or the column size is screwed up on post pages (the added right column is pushed out)

    And probably a stupid question, but how do you change the colors of the template?

    Thanks again

    ReplyDelete
    Replies
    1. Can you link me to your blog? Not sure what you mean...

      Regarding the colors, in your Blogger Dashboard, go to Template -> Customize -> Advanced.

      Delete
    2. David, I didn't want my images to automatically resize to maximum width. With some trial and error, I found what works the easiest is to comment out/remove the following:
      Line 832 image.attr('width',newwidth).attr('height',newHeight);
      and
      Line 932
      image.attr('width',dimension).attr('height',newHeight);

      If memory serves, line 832 will stop it on the main page (2 column section) and 932 will stop it from resizing within the post page

      As to the colors, using the Advanced tab didn't work for me. But I got most of the color changes figured out.
      You can check out the live version of it at http://www.hickorynchomes.com

      Delete
  43. I need to create a news story blog for my boss and would love to merge the BoyBurnsBlog with Sartorial 3 - ending up with the Sartorial 3 left column that stays put and the visually appealing post style of BoyBurnsBlog...

    How difficult would that be to do?

    ReplyDelete
    Replies
    1. Not necessarily difficult, but time consuming. You can hire us to design/build anything that you'd like; contact me at david@confluentforms.com

      Delete
  44. Hey david! Great template you have made! I only have one question:
    I was able to delete left side bar, because i dont need it, but is there a way to show 3 colums insted of 2? Please help me, and thank you!

    ReplyDelete
    Replies
    1. Hello, the lines are 930-933:

      var areawidth = $('#Blog1').width();
      var newwidth = ((areawidth/2)-30).toFixed(0);
      $('.post-outer').css('width',newwidth);
      var theColumn = parseFloat(((areawidth/2)-1).toFixed(0));

      Instead of dividing by 2, try dividing by 3 and adjusting as necessary.

      Delete
    2. That worked out great! Thank you so much! And is there a way to make thumbnail picture link to post when clicked on? Just like title does.

      Delete
  45. I really like the right sidebar on post pages but I don't want it on static pages. Is there a way to if condition so that the right bar (where the Home, Tags and Share buttons are seen) goes away?

    Thanks

    ReplyDelete
  46. Hi

    I am just starting up using it too. I want to change the title to lower case. I understand I need to add something like text-transform: lowercase; but I am not sure where...

    ReplyDelete
    Replies
    1. It's in line 793:

      div#Blog1 a {
      text-decoration: none;
      text-transform: uppercase;
      }

      Remove the text-transform: uppercase;

      Delete
    2. Btw, that image that you have on your 2nd post is 3.7 megs. That is HUGE. I highly recommend hosting your images with Picasa (the default way images that you upload to your blog are stored), but also resize them to a maximum dimension of 1400 pixels (72 resolution) before uploading!

      Delete
    3. Thanks for the tip about the photos. I was intending on doing it. I am just testing a post.

      I removed the line above completely and it didn't work. I changed it to lowercase and it didn't work either. What am I doing wrong?

      Delete
  47. Hi, I love the template and I have used it on my blog here: www.FrenchYummyMummy.com.
    Just a little problem: the items on the left column (about me, archives, etc.), can't stay still so my readers can't click on any. As they scroll down and up the page that column moves so that it always settles no lower than the g+. They can't see below the g+ long enough to click on anything. Any advice?
    A big thank you for your help!

    ReplyDelete
  48. David, I found the response further up. Thank you so much for this template. Do not hesitate to come & visit FrenchYummyMummy.com
    Thanks again.

    ReplyDelete
  49. I too have found my solution for the text, I have replaced it with an image.

    ReplyDelete
  50. Thanks again for this template. I took the liberty of adding a link to your site on my blog. You can find it here: http://www.frenchyummymummy.com/p/about-me.html

    ReplyDelete
  51. Omgosh, thanks for this template. Been looking around the internet for a really nice one and I found one, which is this. Thanks so much!

    ReplyDelete
  52. Hi David,

    I like the template and I am using it on my blog. I have one question - In the individual post pages, how to we customize the right sidebar? Just below the sharing icons and label (on the right), I would like to display widgets like popular posts, poll, etc. Is this possible? Currently, that space is underutilized.

    ReplyDelete
  53. I have another question. I would like to have the date I post my items and not the time. Currently my post footer says posted by x at time. I know I can change the timsetamp to a datestamp but if I do so, then it says: posted by x at Thursday ... This is not correct. It should say on Thursday... I cannot find anywhere inthe template where to change that text.
    Many thanks

    ReplyDelete
  54. Hi David,

    There is a small issue when I use images. The image resizes appropriately on the home page, but when I use the 'more' tag, the article overlaps with the below one (on the left side of the template). I published a test post, just to push this post on to the right, and there are no problems there.

    Right now, I have pushed the images below the more tag (to sort the problem). If there is something I must test/change to sort it out, it will be great. I have given a link to this page on my sidebar (Theme courtesy).

    ReplyDelete
  55. this template is kind of similar with Facebook timeline.
    dear David Kutcher,if you could add line between the 2 columns just like Facebook. it would be more great.

    nevertheless, this a very good template.
    thank you

    ReplyDelete
  56. Hi David..
    is it possible with your template to make a template with different width or height for each post? i mean like this one

    http://brand-nouveau.ca/
    http://www.glauce.com/
    http://www.demo.joomlabamboo.com/index.php?theme=aug12

    thanks

    ReplyDelete
    Replies
    1. The template is using Masonry, just like those examples. The examples you posted look a bit more "masonry" because they have more columns, but the same script is what allows the posts in this template to stagger the way they do.

      Delete
    2. yes i understand what u mean, but i think the columns have different widths and heights.. maybe is what it called "fluid grid masonry" from "vanilla masonry" http://vanilla-masonry.desandro.com/ ...i dont know i am not sure. you know better.Thanks anyway for your time.

      Delete
  57. Hi,

    Using this as my second option for the new blog.
    Two questions:
    1.) How do I change the text box in the sliding menu bar into a logo like in the rafael morgan studio website?
    2.) How do I remove the header?
    3.) Can you please tell me which line to edit to change the background?

    thanks.

    ReplyDelete
  58. It is an amazing blogger template and a like that a can edit via blogger designer

    ReplyDelete
  59. Hey David, thanks for the template and the help thereon, I appreciate it a lot.

    So far, I'm liking it quite a bit, but I may adjust some things, and send you what I come up with. As far as I'm concerned, that's the least that I can do to thank you properly for the free template. :)

    Well done, and I look forward to seeing more templates from you :)

    Thanks again,
    Brian

    ReplyDelete
  60. Using this template for my personal blog. It's great!!

    ReplyDelete
  61. I am going to use this template...Thanks!

    ReplyDelete
  62. Hi David.. can i add sidebar in right.. how to do that. I will put my advertiser on the right. Please Help me David..

    Best Thankssssss David...

    ReplyDelete
  63. Gosh, thanks so much for this template. I love it!

    ReplyDelete
  64. Help needed!

    I want to resize the image on the homepage AND the individual pages, when I tried this - http://pastie.org/4781859 - the width of the individual posts got bigger. I just want to resize the image while everything else stays the same.


    www.aussieoutsourcing.blogspot.com


    Thanks. I've been working at this for hours and couldn't figure out what to do.

    ReplyDelete
  65. Due to our work schedule we are no longer providing free assistance in customizing these templates. If you would like assistance please consider hiring us to customize your site for you.

    ReplyDelete
  66. Thanks again for the wonderful pinterest like blogger template

    Here is my two blogs
    http://edessafotos.blogspot.gr/
    http://edessa-fotos.blogspot.gr/

    In second blog I changed the numbers from 2 to 3 in below code
    so I have 3 columns instead of 2

    var areawidth = $('#Blog1').width();
    var newwidth = ((areawidth/2)-30).toFixed(0);
    $('.post-outer').css('width',newwidth);
    var theColumn = parseFloat(((areawidth/2)-1).toFixed(0));

    language is in Greek
    any replies accepted. Thanks

    ReplyDelete
  67. Thanks! I'm using it and I'm liking it!

    ReplyDelete
  68. Great examples here, I’m looking at having my comments section re designed, although its clean and simple now I think it could be a little more personal.

    short story competition

    ReplyDelete
  69. David,

    I think it is good to have this fix. I see sometimes width and height are set in style property by blogger.

    var height = image.attr('height');
    if (typeof height === "undefined")
    height = image.height();

    var width = image.attr('width');
    if (typeof width === "undefined")
    width = image.width();

    Thanks,
    Lovelytemplates.com

    ReplyDelete
  70. Hi David, I downloaded this template & will play with it as a temporary portfolio until I get my act together to design one & get in touch w/you. Thanks!

    ReplyDelete
  71. Really great template!! Thank you!

    ReplyDelete
  72. Thank you for providing this!

    ReplyDelete
  73. really gr8 work..loved it

    ReplyDelete
  74. Regards for this post, I am a big fan of this website would like to go along updated.
    http://www.mazca.net

    ReplyDelete
  75. thank you its so pretty, great work! really appreciate it :)

    ReplyDelete
  76. Grace Murray-CavanaghApril 5, 2013 at 5:17 AM

    Going to give this a go - thanks!

    ReplyDelete
  77. How to avoid that "break" when the page loads? The page initialy loaded with one column and then in seconds divide in 2 columns. example http://www.frenchyummymummy.com/

    ReplyDelete
  78. so one thing you can do is set the CSS for .post-outer to be display: none, and then in the script, after masonry occurs, set .post-body to be display: block.

    ReplyDelete
  79. Thanks David, but is a little difficult for me to do this. i don't know where to put this into template

    ReplyDelete
  80. i switched the side column from left to right, but theres still a division line on the left. How do I remove it? example -> www.KhoiMai.com


    ps love the template and really appreciate you guys offering it for free :D

    ReplyDelete
  81. I believe that is line 350 in the template:

    border-left: 1px solid $(tabs.border.color);



    Comment that out by putting // before it. :)

    ReplyDelete
  82. I love this template and i am experimenting with it.
    is it possible to add google reactions or thumbs rating system under each post?
    Thank you!

    ReplyDelete
  83. love the template. thank you!
    http://jjworden.com

    ReplyDelete
  84. Hello David.

    I would appreciate a little help to set the css to
    avoid that "break" when the page loads (The page initialy loaded with one column and then in seconds divide in 2 columns). In all others the template is perfect. i know little about html. I dont know to set the css for .post-outer to be display: none, and then in the script, after masonry occurs, set .post-body to be display: block.
    Thank you a lot

    ReplyDelete
  85. tumadre1234556789June 12, 2013 at 3:00 PM

    Hi David, your template is Amazing, i did some changes as you can see www.branzai.com, and i have a problem with it, sometimes, without changing nothing... body changes from 2 columns to just 1... wht?

    ReplyDelete
  86. Great template! Thank you for sharing. I have used it but as tumadre123456789, the columns have gone from 2 to 1 - why did it do this?! I really want it to go back! Thanks.

    ReplyDelete
  87. They are no longer "Post images are dynamically resized to fit the maximum width of the container giving it a clean vertical look" ?

    ReplyDelete
  88. There was a change in the Masonry javascript library.


    Go here: https://www.dropbox.com/s/ncemiwfcvdn8a0c/BoyBurnsBlog.xml


    Copy lines 25 to 35 and place them right before in your template.

    ReplyDelete
  89. Sebastian MercadoJuly 2, 2013 at 10:48 PM

    Love yo Template

    ReplyDelete
  90. I think that all blogs that using this template have trouble. 2 columns becomes one, even with the change in lines 25 to 35 before

    ReplyDelete
  91. This site is not using your template.... just say'n

    http://www.rafaelmorgan.net/
    so maybe update your post.

    ReplyDelete
  92. hey david i love your template, i just wanted to know how to remove that shaded border around my individual posts

    ReplyDelete
  93. By editing the CSS and removing the drop shadow...?

    ReplyDelete
  94. Victoria Perez GreeneAugust 18, 2013 at 6:01 PM

    hi! i just used your template i think it's great, it's what I've been looking for cause i don't like to put long descriptions :D, the only problem i have, is that i forgot almost everything about html, i just started my blog so i'ts very poor for now

    if you want to see it, here it is http://victorinaportafolio.blogspot.com

    thanks a lot!

    ReplyDelete
  95. David, this template is awesome, than you so much for making it! I've got one problem though...on my "About" page, the picture of myself that I uploaded looks HUGE on the screen...on my other blogger templates it's small...I'd like to have the picture small and the description to the right. Is there a way to do that? Here's the link: http://nflrearwindow.blogspot.com/p/about-me.html
    See how massive my head is? I think it's too much. Thanks!

    ReplyDelete
  96. how to stop moving sidebar?

    ReplyDelete
  97. Just started playing with your template today and so far it is helping me achieve my goal of making a website on blogger. Just wondering if there is a way to resize pictures manually, especially vertical ones! Thanks for a beautiful template :)

    ReplyDelete

Post a Comment