how to make some space on pictures (on post)? (12)
posted under blog-tips by JackBook
sponsored links
This question was sent by Baloot, hope it useful for you too guys. (oh and thanks Baloot)
jack,
how to make some space on picture (on post)??
this is because when i put picture, the text is too near or overlapping with
text post. im using align=’right’ to make picture is float right. but this
picture is overlapping text.how to fix this?
It’s easy. No matter what template you use, no matter blogging platform you are on, it will works even for blogger / blogspot, wordpress, typepad, anything even on the feed reader.
Many people give their spaces on their images inside a post by setting on their css code. It’s alright, that works too. unfortunately if people read your post via their email or via their feed readers, the spaces would disappear. that is because their email or feed reader don’t read your css.
So what is the right way to give spaces to your images inside a post?
Set the style inside the images tag it’s self.
that is the answer. how to do it? easy, just follow this instruction carefuly.
1. After you insert image into your post, go to the html mode. (view the screenshot below)
yea, i write this post from internet cafe near my house, my wife won’t let me work on week end, so i sneak around from her, and go to the nearest internet cafe here 
2. Find your images tag, and insert this codes below inside it.
style=’padding: 0 4px 4px 0; ‘
see example:
before: <img src=”your-image-url-here” alt=”some alt text”/>
after: <img style=’padding: 0 4px 4px 0; ‘ src=”your-image-url-here” alt=”some alt text”/>
3. done. need more steps? sorry, it’s finish 
easy right?
Now the explanation,
Padding will give spaces for anything, like margin but inside the box while margin is outside the box. I really want to give you more lesson about padding and margin, but next time probably, I don’t have much time here, my wife must be looking for me now
You can see the codes of the screenshot above to see the real / live example. thanks guys
Get Our Articles Sent To Your Inbox?
Or read this blog via Your Feed Reader?
ALL
Make Money and Blogging Only
« Sodelicious Black Blogger Template
Copycats, Sploggers or Theives - Stealing Blog Contents is Bad! »
thanks for the nice info. one question, how about using the hspace? so the code will be:
sorry the code on my comment above didn’t show, here’s what I mean:
<img src=”your-image-url-here” alt=”some alt text” hspace=”10″ />
hi Zirpi,
which is better you think? have you tried both of them? did you realize the different? thanks
Good info as always
as always…nice tips Blogger hack..
Jack can U help me for add some meta tag into blogger template ….it’s for SEO ?
thanks jack..
im newbie in this padding or margin thing..
i’ll try it as i can…
so easy!
jack,
how about EDIT HTML(under TEMPLATE bar)?
can i add it on template? at our css code…
yes, you can do that, but that will not work if your readers read your post via their email or via their feed readers.
sure of course it would be fine if you don’t want to take care about your feed subscribers
thanks
Or just add the following code in your template CSS.
.post img {
padding:4px;
border:1px solid #cccccc;
}
If you don’t need border, just remove the line ‘border:1px solid #cccccc;’from the code.
hi Prakash,
thanks for sharing the tips. unfortunately, that will not work if people read your post from their email or their feed readers, that’s why i embed it inside the img tags.
thanks
css is better.you can use at every content item