How to Give Your Synopsis a Background

Ruby :) | 20:00 | | |
So this isn't a book-related post, but I often get comments asking: 'how do you give the synopsis a background in your posts?' Hopefully this will help those people.. Just comment if my instructions are terrible and unclear! I'm just going to insert a page break here, so this post doesn't get in the way of my normal posts...
An example of a synopsis with a background/border...

1) Start a new post. Switch the draft of your post from 'compose' to 'html'. If you have no idea what I'm talking about, look across the toolbar below the post title, and find the button at the left which says 'html'.

2) Once you're on 'html', copy and paste the following code:

<div style="-moz-border-radius: 15px 15px 15px 15px; background-color: #cdffe6; border: 2px dashed #9999FF; padding: 15px;"> The synopsis goes here </div>.

Insert the synopsis where I've written 'The synopsis goes here' in bold...

3)  Once you've done this, you can switch back to 'compose' and you're done. Note: the background doesn't show up in the draft, just in the preview or published version.

4) If you want to change the colours, note where it says #cdffe6 and #9999FF......... One of them changes the background colour, and the other changes the border colour. I use this website, to change the codes. For example, I could just put #ADFFAD in place of #cdffe and the colour of the background would change!

I hope that somewhat helped! Oh, and I thought I'd mention that I've just received Fearless by Cornelia Funke for review from Chicken House – I can't wait to start it!


22 comments:

  1. Always wondered how to do that - Thank you!! I love these kind of posts; great for a techno novice like me xoxo

    ReplyDelete
  2. This was so annoying figuring this out! You can do all these colorful backgrounds that I envy. It never looks right for my reviews but I guess your blog background and the feel of your blog makes it fit perfectly :D

    ReplyDelete
    Replies
    1. Why thank you! Your reviews look perfect without the backgrounds anyhow!

      Delete
  3. Thanks for sharing this! I'm definitely going to keep this in mind if I ever decide to do this. :)

    ReplyDelete
  4. Thanks – this helped

    Sarah @ Bookish Rambles

    ReplyDelete
  5. If I ever get a blog.... Thanks!

    ReplyDelete
    Replies
    1. Aha you should definitely give blogging a go!

      Delete
  6. I've always wondered how you add a box around a synopsis, thanks a ton! I will definitely be using this!

    ReplyDelete
  7. Hello,
    I nominated you for the reader appreciation award! Well done.
    And also you came runner up in my blog button competition. Your entry was amazing, it was really tight call! ^_^ x
    http://accio-wonderland.blogspot.ie/2013/02/a-to-w-to-a-r-d.html#comment-form

    ReplyDelete
    Replies
    1. Yay! But unfortunately I never have time to do award posts... :( But thanks for thinking of me!

      Delete
  8. THANKS SO MUCH!! :D I've been looking everywhere for this type of tutorial.

    ReplyDelete
  9. I love this post, thanks Ruby for sharing.

    How is this different with say a blockquote?

    ReplyDelete
    Replies
    1. Ruby how do I change my settings so I have this damn threaded comments??? Pls help! Btw I love the extra addition to your design (nav menu).

      Delete
    2. Happy to help! I'm pretty sure it works the same with a blockquote... But I'll double check. And as for the threaded comments, I'm not entirely sure. I'm not too great with comments! I'll try and find out for you... :)

      Delete
  10. THANKS A MILLION!!
    I needed to know this!!!

    ReplyDelete
  11. Oh my gosh. I swear to god my blog hates me. But I'm only a new comer so I'm not giving up just yet. The colored boxes were working and then suddenly my blog decides it doesn't want to work with me.
    I started out fine but then it started to not add the border and now its not doing it at all.
    Do you have any suggestions of what I could do?

    ReplyDelete

Comments make my day! I'll always try to comment back on your blog, and so feel free to leave me a link. :D Unfortunately though, I'm an award-free blog and I don't do follow-for-a-follow. But that aside, have a nice day!

DFTBA