Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket Photobucket

Beautify your Blog… Custom Quote box in Blogger!

how to add a quote box

I hope you are ready for some more bloggy diy goodness.  I am SO excited to share what I learned just this week!!  This week’s tip is NOT earth shattering, to be sure, but it made my day.  :)

I love finding little things to make my little blogger blog, you know… cool.

Just to recap, here’s what we’ve learned so far…

Some ideas of what I’d like to do end up pretty easy…. oh wait.  That’s only in my mind.  Usually, it always SEEMS like it will be SO quick and SO easy, but then FOREVER later, I finally get it how I want it.  :)

The good news is you get to benefit from all that hassle cuz I can then share all the vast knowledge I gained from the experience.  :)

This week’s obsession was figuring out how to add a blasted quote box.  I googled it, of course, and found tutorial after tutorial giving html instructions for code that I could NOT find.  I still have no idea why, but despite much searching, I could NOT find a tutorial that worked. 

After all my searching frustration, I had a momentary burst of DIY genius.  I could create a table in Windows Live Writer with only one cell and one row.  In essence, a BOX that would become my very own QUOTE BOX! 

 

Here’s what I did…

Step One… Click the Quote Button on the Home Tab.  {Well, if you don’t have WLW, then step one for you will be downloading Windows Live Writer.  Do it.  It’s awesome.}

quote button 2

Clicking the quote box first means our box/table will be inserted in the center as a quote would be.

Step Two… Click the Insert Tab and then Table. 

clicktable 2

Choose ONE row and ONE column.  Decide how wide you want your box to be.  Play around with it and see what you like. Decide how much padding you want around your text.  This is important only if you aren’t going to center your text in the box.

tableoptions 2

 

Step Three… Type your quote inside the box. 

Quote boxes aren’t just for quotesUse them to make important thoughts STAND OUT! 

Step Four… To make the box itself centered, place your cursor to the left of the box and click the center button.
 
center table 2
 
Wa to the la!
 
Now pat your blogger self on the back!!
 
And as a little blogger bonus… here’s ANOTHER tip! Two for price of one today! If you follow me on twitter, you might have seen my elation at finding this one. I was STOKED to see an easy tutorial for adding a Pin it button to every post in BLOGGER! It actually worked. 
 
Check it out!! 
 
While we blogger blogs can’t have the pretty sweet sounding Pinterest plug in for WordPress that Nester just shared…
 
At least we get a button.
 
Make sure you stay tuned for more Blog DIY Design coming up!!  Can’t wait!

feelscript-sig-smiley_thumb_thumb_th[3]

*Sometimes I link up at these parties… Weekend Bloggy Link up, Tatertots & Jello, House of Hepworths, Delightful Order,Bowl Full of Lemons,Organize & Decorate Everything, Funky Junk Interiors, Somewhat Simple, Shabby Creek Cottage, No Minimalist Here, Skip to my Lou,Fingerprints on the Fridge,CRAFT,Today’s Creative Blog, the 36th Avenue, Thrifty Décor Chick, Home Stories A-Z, Honey we’re Home, and Someday Crafts. You should check ‘em out!!

13 Responses to Beautify your Blog… Custom Quote box in Blogger!
  1. Natalie
    January 7, 2012 | 12:59 pm

    Your awesome!!!!!! Seriously…. Ive been blogging nearly 7 weeks and I have been struggling with …. well everything! Thank you heaps… Im off to beautify my blog now!!! Please pop over for a visit – I would love to have you.
    Take care, Nat

  2. Karin
    January 7, 2012 | 3:22 pm

    Hi Renee,
    Thanks for stopping by http://www.yankeedoodledesigns.com, and commenting on my Twine wrapped letter, it was so easy to make and super fast too. Can't wait to read you Blogging Tips, I need all the help I can get, this is all so new to me and i'm really just fumbling through it. Hope you'll follow me through the process.
    Thanks Karin

  3. ~Lavender Dreamer~
    January 8, 2012 | 4:00 pm

    These are such great tips! Thanks so much for sharing this great info! ♥

  4. Loy
    January 8, 2012 | 10:09 pm

    This is such great information. I really appreciate that you share all that you are learning. I haven't implemented everything yet, but I have all your articles saved in PDF so that I can refer to them when I am ready. Thanks so so much.

  5. ~Lavender Dreamer~
    January 9, 2012 | 1:04 am

    I mentioned your blog and these great posts on my blog tonight! Thanks again! ♥

  6. Kim @ Cheap Chic Home
    January 10, 2012 | 1:29 pm

    I always appreciate blog tips (my current post is one!). I'll have to keep my eyes open for a good place to use this.

  7. Surrounded By Pink
    January 10, 2012 | 4:44 pm

    Thank you so much for all of the help! Can't wait to read more! I am a new follower. Hope to see you around http://surroundedby3pink.blogspot.com sometime :)

  8. Alisha @ Crafty Brooklyn Army Wife
    January 11, 2012 | 4:34 pm

    This is amazing!! TFS!! I will be following your tutorials to make my blog better…thanks to you. Stopping by from Skip to My Lou linky party and your newest follower here, on FB and Pinterest.

    Here is what I shared: http://craftybrooklynarmywife.blogspot.com/2012/01/my-first-amp-cover.html

  9. Motivated Mommy of two
    January 13, 2012 | 7:29 am

    Hello Renee,
    First of all let me say THANK YOU, THANK YOU for the wonderful tutorials you have posted. I am a new blogger started a couple months ago and even though I am in the computer field messing with HTML code is a whole different ball game. Searching the web on tutorials and not finding anything good out there about a week ago I found your site and may I say I LOVE IT. Thanks to you I have been able to get my blog that way I wanted it but just did not know how to do it. I have followed all of the Tutorials you have provided with the exception of the watermark and favicon. But I am so happy with the way my blog turned out that now I can finally move on to other projects (organizing is one of them) and can start blogging about it. Please check out my blog and see how wonderful it turned out thanks to you. BTW: Tomorrow I will be writing a post on how I changed my blog and will be providing your blog link :)

    Check it out

    http://motivatedmommyoftwo.blogspot.com/

  10. love quotes
    January 27, 2012 | 7:01 pm

    Wow, nice post love is the best thing that can happen to us!!! i also love love quotes in my iphone,,,i have a great app that i trully recommend is called love quotes for moods.Loved it. Down load it: http://itunes.apple.com/us/app/love-quotes-for-moods-love/id354968601?mt=8

  11. […] O- P- Picmonkey is awesome for free picture editing! (paid version has a little more) Q- Quote boxes to make your post stand out! R- S- So you want to add a Pin It Button to your Images? T- U- Users guide to Pinterest Analytics […]

  12. Angel
    October 9, 2013 | 12:21 am

    Hi, thanks for the tip. What if I use blogger & don’t have Windows Writer? Thank you.

  13. Michelle
    May 20, 2014 | 8:47 am

    your blog have been a life saver . in the process of setting up my food bog. i will be sure to share your blog. much love from trinidad&tobago .thanks for putting out great info