Thursday

Pin It

Widgets

7

Different blog post background in each blog post

  • Thursday
  • Andy Law
  • Share
  • Hi all bloggers, have you thought of styling blog post background in your every blog post. If No, you don't have to continue to read this post, and you may discover some interesting posts inside this very lovely blog (for me i think :)). This tip is not too hard for a newbie, so don't think that you can't do it. All you need is that.... just follow some simple steps below:



    1. You're in draft.blogger.com, go to Create a new post
    2. Click on HTML (there are Compose and HTML options on the top left corner)
    3. Copy and paste this code into the content box (if you just want to change the background color)
    4. <div style="background:YOUR COLOR CODE GOES HERE; padding:5px 10px 5px 10px;"> WRITE YOUR CONTENT HERE </div>
      You can get color codes at html-color-codes.info
    5. Copy and paste this code into the content box (if you want to change the background image) 
    6. <div style="background:url(YOUR IMAGE URL HERE) no-repeat;"> WRITE YOUR CONTENT HERE </div>
      Image background examples: 
       
        5.  Click Preview to check the result, then Publish or Save

    7 Responses to “Different blog post background in each blog post”

    Aida said...
    1 August 2011 at 18:41 This comment has been removed by the author.

    Pusat K-pop said...
    29 May 2012 at 02:31

    very nice info http://pusatseo.blogspot.com/


    oliviaharmon said...
    10 July 2012 at 05:11

    thank you, this helped me a lot!


    toink said...
    21 November 2012 at 19:00

    Nice article.. it help me alot try also this one "make money online" Btw I like your site,, Good luck


    Amit Bhatnagar said...
    24 December 2012 at 05:53

    Nice information... Catch me at Amit4u.com


    Georgianna Magaret said...
    8 April 2013 at 12:22

    nice....i'll be sure to try it out..


    Rotana baba said...
    1 July 2013 at 22:42

    Its nice as u explained but in mine blog such codes are not found..
    so How do I do it.. plz check mine once suggest me to change in
    http://www.arabie3lan.com الشيخ الروحاني
    which part so that i can obtain as you explained here.


    Post a Comment

    SUBSCRIBE NOW to get the latest posts