Queen

Category: Portfolio, Three Columns Designer: Biyan

Back to habit…
Design new minimalist Blogger template called Queen. It’s adapted from my previous template, Hampir Putih, with new great features and simplicity.

Required:
- Lightbox
- Picture in every post
- Upgrade to new Blogger interface.

This entry was posted in Portfolio, Three Columns. Bookmark the permalink.

48 Responses to Queen

  1. Earl says:
    December 10, 2011 at 11:07 am

    Lovely! There’s an image in the static page though.

    Reply
  2. ahmet says:
    December 10, 2011 at 1:00 pm

    thanks for all templates

    Reply
  3. km0i says:
    December 11, 2011 at 10:32 pm

    Like It!

    I think it would be better if the thumbnail capture from the center of the image, not the top right corner…

    Thank You for making the best free templates…

    Reply
  4. Elif Perde says:
    December 14, 2011 at 11:37 pm

    Thanks.. Best Blogger Template..

    Reply
  5. NAD says:
    December 17, 2011 at 3:55 pm

    Nice temp. Thanks

    Reply
  6. Lewis says:
    January 2, 2012 at 7:20 pm

    Hey, great template! Just wondering if there was a way to alter it slightly so clicking the image opened the post, rather than that image file?

    Reply
    • G says:
      April 9, 2012 at 2:40 pm

      Look for the following line (somewhere after )in ‘edit html’:
      imgtag = ‘‘;
      Remove the following line:
      a href=”‘+img[0].src+’”>
      This no longer makes the images a link and they can now click on the title to go to the post only.

  7. sado says:
    January 3, 2012 at 1:29 am

    nice template :)
    i permit to use this template
    thanks bro

    Reply
  8. Mariel says:
    January 22, 2012 at 4:26 pm

    Hi, the centre bottom widget doesn’t seem to be working :/

    Reply
  9. bloo. says:
    January 29, 2012 at 8:51 pm

    Can you convert this template for me? I would like normal posts like this: http://bloo90fashion.blogspot.com/ and not as thumbnails. Please!

    X
    bloo.

    Reply
  10. Mel says:
    February 3, 2012 at 5:54 pm

    it is not possible to use the template. I always get an error message when I want to save. The preview works. can you help me please?

    Reply
  11. Claire says:
    February 8, 2012 at 2:15 pm

    Hi, I realize that the original post page options (eg. time, date, reactions……) are all hidden? How may I edit to allow it to appear again?

    Reply
  12. Ocean7Clothing says:
    February 13, 2012 at 12:46 pm

    hi, first, really thanks for your theme, i used it for my online clothing store, this is really minimalize.

    but, i want to asking, about how to make the thumbnail in homepage bigger? what code that i have to edit?

    really thank by the way. :)

    Reply
    • Biyan says:
      February 15, 2012 at 8:53 am

      You can edit following code

      .crop {
  width:250px;
  height:150px;
  overflow:hidden;
  float:left;
  margin:0;
  }
      .post {
 width:250px;
 height:225px;
 float:left;
 overflow:hidden;
 margin:10px;
 padding:0 0 1.5em 0;
 background:url(http://3.bp.blogspot.com/-tLzPL-_ch3c/TtWW4dwmgTI/AAAAAAAACi4/XgbF6JYUJUY/s1600/drop-shadow.png) no-repeat center 150px;
 }
      .post-body {
 height:150px;
 overflow:hidden;
 padding-top:0;
 }
  13. claire photographie says:
    February 13, 2012 at 3:59 pm

    I can not put it on my blog. help me

    Reply
  14. Mark says:
    February 13, 2012 at 4:42 pm

    Hiya,

    I’ve the same question as Lewis up above, is there any way to tweak the template so that a click opens the post instead of the (shrunken) picture? Cheers, love your work,

    Mark.

    Reply
    • Alternative Eden says:
      February 22, 2012 at 2:47 pm

      Same question as above, how to get the a click on the image to open the post?

      Also can a sidebar be added?

    • Biyan says:
      February 22, 2012 at 11:21 pm

      To pull something like that off, you’d need to fully customize your HTML and CSS. This change implied some heavy modifications in your template to make it work.

  15. Alternative Eden says:
    February 23, 2012 at 1:03 pm

    Really love this template.

    Customised it for my site with sidebar and social media icons. Trying to keep everything in a grayscale colour pallet except for photos. Need to work on the facebook plug in, as i want to keep this, but want it in Grayscale only.

    See http://alternativeeden365.blogspot.com/ for the results. Would love to change the photos to either open the post when clicked or ignore the click and only open the post on clicking the title.

    Reply
    • Mark says:
      March 8, 2012 at 10:37 pm

      Hi [Alternative Eden owner]!

      I love what you’ve done with the template on your site, how did you manage to tweak it to make the homepage thumbnail pictures enlarge to a bigger and better size without clicking through to the full post? You can see my shortcomings in this regard at www.arseways.com,

      I’d really appreciate any help you could offer! Or if anyone else knows how to disable clicking on these thumbnails at all then that would work fine also!

      Thanks if you can help and are willing to!!!

      Mark.

  16. munasco says:
    February 25, 2012 at 6:56 pm

    I love this template, and i have used it, thanks. But i have a little problem here, in the home post there was only 5 thumbnail not 6, although i was changed the post show to 6 post.
    How to solve it??

    Reply
  17. Kehoe Pohan says:
    February 29, 2012 at 4:09 pm

    hye,
    i love this template, but could u help me..?
    how i can put the tabs beside HOME.. i just cant do that..

    Reply
  18. Pasarela says:
    March 4, 2012 at 11:14 am

    Love your template.
    Only have one question.

    Is it possible to add a second text line under the thumbnails and their name that shows automatically the date of every post ?
    What code do I have to add?

    Reply
    • Biyan says:
      March 5, 2012 at 1:47 am

      Absolutely it’s possible, but it can not be done in single click.

    • Pasarela says:
      March 9, 2012 at 12:15 pm

      Can you please help me to add the date.

    • Biyan says:
      March 11, 2012 at 3:49 am

      Search for:

      <b:if cond='data:blog.pageType != "item"'>
<style type='text/css'>

      then add following code just before the code above:

      .post h3 a {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-moz-binding: url('assets/xml/ellipsis.xml#ellipsis');
}

      Next, search for:

      <div class='post-footer-line-2'>
      <h3 class='post-title entry-title'>
     <b:if cond='data:post.link'>
       <a expr:href='data:post.link'><data:post.title/></a>
     <b:else/>
        <b:if cond='data:post.url'>
          <a expr:href='data:post.url'><data:post.title/></a>
        <b:else/>
          <data:post.title/>
        </b:if>
     </b:if>
      </h3>

      Put following code after the code above:

      <span class="date-hdr" style="font-style:italic;text-align:center;display:block;font-family:'palatino linotype', garamond, georgia, 'times new roman'"><data:post.dateHeader/></span>
  19. Claire says:
    March 6, 2012 at 4:58 am

    Hi Biyan, I love your template too!
    I desperately need the share buttons to appear, please tell me what code can i alter? please?

    Thanks.

    Reply
  20. Caribbelle says:
    March 11, 2012 at 10:20 am

    Hey Biyan,
    I downloaded the template and whenever I try to open the xml in Explorer never fully loads. I waited a couple hours but it still didn’t open in explorer. Is there something else I can do?

    I’d really appreciate the help.

    Reply
  21. caribbelle says:
    March 11, 2012 at 10:30 pm

    it downloads as and xml file and automatically opens IE. Whenever I try to change it for firefox as an htm, the code loses its formatting

    Reply
  22. Ankita Sinha says:
    March 24, 2012 at 3:46 pm

    Amazing template,was searching for somthing like this for 1-2 years..

    http://beautydhaba.blogspot.in/

    But Please let me know what changes needs to done so that image click leads to blog post..Where can i make the change in the code.

    Reply
  23. Mandisa says:
    March 26, 2012 at 6:33 pm

    Do you that the HTML code available for this template? When I downloaded it and tried to use it on my Blooger page it would not work…

    Reply
  24. Yvie says:
    March 27, 2012 at 3:27 pm

    This is a beautiful template, I love the grid system and you’ve solved it for all us code-challenged people :)

    Referring back to a comment earlier here, can you post how to make the images link to the blog post? I tried simply changing each image’s hyperlink to the post url, however, when you click on the thumbnail it still doesn’t go to the blog post. Once on the post page, if you click the image there, then it does open the blog post. I’m guessing it’s something to do with the summary code (just I guess I have no idea lol)

    Any help, or directions to another article would be greatly appreciated :)
    Thanks

    Reply
  25. isis says:
    April 1, 2012 at 10:50 pm

    Hi! Great minimal design!

    If I wanted more pictures on one page instead of limiting each page to 7 how could I do that?

    Reply
    • isis says:
      April 1, 2012 at 10:59 pm

      NEVER MIND! i figured it out….you go to layout>blog post>edit> and choose how many posts will show on each page.

  26. Nickie Hutton says:
    April 5, 2012 at 6:53 pm

    Hi,

    I can’t upload this onto my blog :( The error message is this:

    We were unable to save your template.
    Your template could not be parsed as it is not well-formed. Please make sure that all XML elements are closed properly. XML error message:
    Content is not allowed in prolog.

    PLease help :)

    Nickie

    Reply
  27. Nickie Hutton says:
    April 10, 2012 at 9:55 am

    I now have the template uploaded but wondered if you could help. The images on the main page are strange. Is there a way i can put them right, like how you have them in the above image?

    thank You for your time

    Reply
  28. Glenn says:
    April 29, 2012 at 3:56 am

    Hello Biyan,
    Thank you for an awesome theme.
    Just one question, how can I make the photos in the lightbox larger (at the moment they are about twice the size of the thumbnail) or scale them to a percentage of the screen size)

    Any help would be greatly appreciated.
    Thank you

    Reply
  29. kat says:
    May 1, 2012 at 5:31 am

    Hello,

    thank you for sharing this beautifully simple theme. just a little thing i need help on.

    I would like to have more posts displayed on every page, but i get only 1 or 3 (max). i already changed settings under Layout>blog post>edit>show no. of posts to 6 — but no difference.

    Some pages it displays 1 post, other pages it displays 3. i would like to display six per page.

    thank you very much for any help.

    katmichellephotography.blogspot.com

    Reply
    • kat says:
      May 4, 2012 at 5:46 am

      In the meantime, i have decided to use my old layout while i figure out a solution to this. thanks.

    • Holly says:
      May 9, 2012 at 7:23 am

      i think this might help: add jump breaks to your posts underneath the first image and update them. Do that for the last 6 or 7 posts and see what happens. It helped me, but I can’t tell you why, lol.

  30. Lauren says:
    May 4, 2012 at 5:59 am

    Hi. I’m trying to download this template but, there isn’t any html or download data when I download it. Could you help? i love this design!!

    Thanks!

    Reply
  31. Holly says:
    May 9, 2012 at 7:11 am

    Thank you SO much for this template. I’ve been looking for something like it for a while. My readers are loving it too :)

    Have a great day!

    Reply
  32. gramos says:
    May 9, 2012 at 9:49 pm

    why in my blog template queen is only one line posts? I set it to be 7 posts on one page and it still displayed only three

    Reply

Leave a Reply

Your email address will not be published. Required fields are marked *

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Note:
You can save time, and help us to serve you better, by checking a few things before adding a new comments:
  1. Update the template. Check the current version of our template and compare it with your template version.
  2. Read previous comments before making a new question
  3. Read the template documentation that included in template file
  4. Describe your problem in detail and be sure to include your URL