Posted by
David Kutcher
on
- Get link
- Other Apps
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:
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.
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.
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.
I am now using this template .. thanks !
ReplyDeletethats is amazing template. I am using it.
ReplyDeleteI love it. Thanks <3
ReplyDeleteawesome template ^_^
ReplyDeletehow do i make the centre column single instead of a two column post? And would like the date to be shown as well.
ReplyDeleteHi Anonymous,
ReplyDeleteSo 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
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!
ReplyDeleteHi Daniel,
ReplyDeleteThank you! You can "disable" that by simply removing the JQuery on lines 901 to line 911
-David
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?
DeleteThis comment has been removed by the author.
DeleteSorry about that, these are the lines you want to remove: http://pastie.org/4586020
DeleteThey follow in the template.
Hi, I'm the above Anonymous.
ReplyDeleteDeleting 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.
Great template - thankyou. Using it here: http://freelance-artworker.blogspot.co.uk/
ReplyDeleteQuestion: 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.
Hi KK,
ReplyDeleteThank 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>
Hi Marzuki,
ReplyDeleteI'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
Hi Marzuki (again),
ReplyDeleteIgnore 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
This comment has been removed by a blog administrator.
ReplyDeleteReally 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?
ReplyDeleteHi 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.
ReplyDeleteThat'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!
DeleteThanks for the link too
"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.
ReplyDeleteComment or remove lines 941 to 954.
Delete-David
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!
ReplyDeleteThe 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.
Deletesorry, 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?
ReplyDeleteYou 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.
DeleteYour 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;
Nice job, I may give it a try! Thanks!
ReplyDeleteAwesome template David! Just starting to use it.
ReplyDeleteHi! 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!
ReplyDeleteCan you link me to the page in question so I can see what's going on?
DeleteGreat theme - thank you!
ReplyDeleteOur pleasure, glad you're using it!
DeleteHello I always liked this template is more the use on my blog:
ReplyDeletehttp://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.
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
DeleteThanks 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.
Deletehttp://www.mas-adicto.blogspot.com
Thank you for sharing your issue and the fix!
DeleteI 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.
DeleteExcellent template by-the-way, and I've seen MANY!
Hi Kath,
DeleteSo 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
OMG! Now THAT's what I'm talking about! Got it! Also thanks for such an amazing rapid response! This site rocks!
DeleteThanks again David!
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
ReplyDeletetechinfong.blogspot.com
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)
DeleteHi,
ReplyDeleteI 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
I've solved my problem ("Trial and error"). :-)
Deletehttp://motivation-jetzt.blogspot.de/2012/09/ernahrung-1-challenge-facts.html
Nicely done! It looks like you successfully found the CSS that was moving everything into that right column :)
DeleteHi David,
DeleteThank 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.
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.
DeleteHeyyy there :)
ReplyDeleteI'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 :)?
Hi Nansu, If this is your blog it looks like it's working correctly? http://littlenans.blogspot.com
DeleteNot sure what you mean by it starting over in another template...
Hi David,
ReplyDeleteCurrently 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
Hi Alden,
DeleteThere 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?
Hi David,
DeletePreference 2 will be great. Can we trouble you for this script?
Many thanks and have a great Sunday!
HI,
ReplyDeleteI'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?
Hi Abigail,
DeleteAll set! I added script into the template (download the new version) which resizes the YouTube iframe to be the proper dimensions.
-David
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?
DeleteHope you can help, cause I really love your template.
Hi Abigail,
DeleteSearch 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);
}),
I've only tested it on YouTube videos, but if Vimeo places them into an iframe it will work the same.
DeleteHi David! GREAT JOB!
ReplyDeleteI'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!
Hi Ivan,
DeleteSure 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.
Sorry... i'm not advanced user of html. What i have to remove to block the full images resize inside the post content?
DeleteHi Ivan,
DeletePlease visit this code for instructions: http://pastie.org/4781859
I haven't tested it, but it should work.
-David
Hi again,
ReplyDeleteHow can i adjust the widht of the post? once we are inside it. Now it's too narrow for the use i need.
Thanks
Hi Ivan,
DeleteThe 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.
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?
ReplyDeleteAlso, 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/
I do a bit too much zeroing of the style information. The first part of the CSS in the template, lines 39->60.
DeleteRemove the lines for font-style and font-weight (#55 and #56).
This will be fixed in the live template momentarily.
As much as i use this template, more i like!. CONGRATS!
ReplyDeleteJUST LAST QUESTION. I would like to have the principal blog Header full page width..
How can i do it?
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".
Delete-David
I'm using this template. Love it!
ReplyDeletewritemesomethinglovely.blogspot.com
Hi Crystal,
DeleteSpectacular! 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
Hi David,
ReplyDeleteWhich 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.
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.
DeleteThis 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
ReplyDeleteHi Osama, the template is not geared towards that layout; changing the layout to that will likely break most of the design.
DeleteOk David! Thanks for the quick reply.
Deletehere is my blog.
http://spyderarea.blogspot.com/
Thanks for your nice template.
This is exactly what I'm looking for! Unfortunately I'm having trouble adding it to my blog. Any ideas?
ReplyDeleteHi Les, what are you having trouble adding?
DeleteHi
ReplyDeleteCan u tell me how to put the related post thumbnails below every post?
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.
DeleteUsing 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/)
ReplyDeleteThe 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
DeleteThanks!
DeleteThank 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..
ReplyDeleteHi,
ReplyDeleteMy 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/
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.
Deletevery 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.
DeleteHello, 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.
DeleteHowever, 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?
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.
Delete}
.post-icons, .post-share-buttons, h2.date-header, .post-labels, .goog-inline-block, .post-share-buttons .goog-inline-block {
display: none;
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.
DeleteHi David,
ReplyDeleteI 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!
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.
Deletenice template already using it in my blog
ReplyDeletehttp://faqwebdevelopment.blogspot.in/
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!
DeleteHello David,
ReplyDelete1st, 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!
Hi Roger,
DeleteThis 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.
Okay, a couple more questions
ReplyDeleteHow 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
Can you link me to your blog? Not sure what you mean...
DeleteRegarding the colors, in your Blogger Dashboard, go to Template -> Customize -> Advanced.
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:
DeleteLine 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
Thank you Roger
DeleteI 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...
ReplyDeleteHow difficult would that be to do?
Not necessarily difficult, but time consuming. You can hire us to design/build anything that you'd like; contact me at david@confluentforms.com
DeleteHey david! Great template you have made! I only have one question:
ReplyDeleteI 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!
Hello, the lines are 930-933:
Deletevar 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.
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.
DeleteI 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?
ReplyDeleteThanks
Hi
ReplyDeleteI 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...
It's in line 793:
Deletediv#Blog1 a {
text-decoration: none;
text-transform: uppercase;
}
Remove the text-transform: uppercase;
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!
DeleteThanks for the tip about the photos. I was intending on doing it. I am just testing a post.
DeleteI 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?
Hi, I love the template and I have used it on my blog here: www.FrenchYummyMummy.com.
ReplyDeleteJust 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!
David, I found the response further up. Thank you so much for this template. Do not hesitate to come & visit FrenchYummyMummy.com
ReplyDeleteThanks again.
I too have found my solution for the text, I have replaced it with an image.
ReplyDeleteThanks 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
ReplyDeleteOmgosh, thanks for this template. Been looking around the internet for a really nice one and I found one, which is this. Thanks so much!
ReplyDeleteHi David,
ReplyDeleteI 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.
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.
ReplyDeleteMany thanks
Hi David,
ReplyDeleteThere 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).
this template is kind of similar with Facebook timeline.
ReplyDeletedear 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
Hi David..
ReplyDeleteis 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
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.
Deleteyes 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.
DeleteHi,
ReplyDeleteUsing 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.
It is an amazing blogger template and a like that a can edit via blogger designer
ReplyDeleteHey David, thanks for the template and the help thereon, I appreciate it a lot.
ReplyDeleteSo 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
Using this template for my personal blog. It's great!!
ReplyDeleteI am going to use this template...Thanks!
ReplyDeleteHi David.. can i add sidebar in right.. how to do that. I will put my advertiser on the right. Please Help me David..
ReplyDeleteBest Thankssssss David...
Gosh, thanks so much for this template. I love it!
ReplyDeleteHelp needed!
ReplyDeleteI 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.
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.
ReplyDeleteThanks again for the wonderful pinterest like blogger template
ReplyDeleteHere 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
Thanks! I'm using it and I'm liking it!
ReplyDeleteGreat 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.
ReplyDeleteshort story competition
David,
ReplyDeleteI 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
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!
ReplyDeleteReally great template!! Thank you!
ReplyDeleteThank you for providing this!
ReplyDeletereally gr8 work..loved it
ReplyDeleteRegards for this post, I am a big fan of this website would like to go along updated.
ReplyDeletehttp://www.mazca.net
thank you its so pretty, great work! really appreciate it :)
ReplyDeleteGoing to give this a go - thanks!
ReplyDeleteHow 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/
ReplyDeleteso 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.
ReplyDeleteThanks David, but is a little difficult for me to do this. i don't know where to put this into template
ReplyDeletei 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
ReplyDeleteps love the template and really appreciate you guys offering it for free :D
I believe that is line 350 in the template:
ReplyDeleteborder-left: 1px solid $(tabs.border.color);
Comment that out by putting // before it. :)
I love this template and i am experimenting with it.
ReplyDeleteis it possible to add google reactions or thumbs rating system under each post?
Thank you!
love the template. thank you!
ReplyDeletehttp://jjworden.com
some help?
ReplyDeletesome help with what?
ReplyDeleteHello David.
ReplyDeleteI 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
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?
ReplyDeleteGreat 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.
ReplyDeleteThey are no longer "Post images are dynamically resized to fit the maximum width of the container giving it a clean vertical look" ?
ReplyDeleteThere was a change in the Masonry javascript library.
ReplyDeleteGo here: https://www.dropbox.com/s/ncemiwfcvdn8a0c/BoyBurnsBlog.xml
Copy lines 25 to 35 and place them right before in your template.
good job!
ReplyDeleteLove yo Template
ReplyDeleteI think that all blogs that using this template have trouble. 2 columns becomes one, even with the change in lines 25 to 35 before
ReplyDeleteThis site is not using your template.... just say'n
ReplyDeletehttp://www.rafaelmorgan.net/
so maybe update your post.
hey david i love your template, i just wanted to know how to remove that shaded border around my individual posts
ReplyDeleteBy editing the CSS and removing the drop shadow...?
ReplyDeletehi! 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
ReplyDeleteif you want to see it, here it is http://victorinaportafolio.blogspot.com
thanks a lot!
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
ReplyDeleteSee how massive my head is? I think it's too much. Thanks!
how to stop moving sidebar?
ReplyDeleteJust 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