You ever wonder how people get the cool effect of text next to pictures in their blog? And call you can do is that boring old text underneath. Well you're in luck if you want to remedy this situation!
I’m sure there’s a bunch on junk code in here, but if you want to
line up text next to your photo here is the code. (it also lined up my other body text, so I’m
sure this much code is NOT needed) Just copy and paste this to where you want a picture in your blog in the HTML editor. Play around with it, :).
Note: You can edit what your text says either in HTML or Compose editor
<img
src="https://encrypted-tbn2.google.com/images?q=tbn:ANd9GcSve8fLjG95uZd31Rrdk13OxRZ7dfisXvSnxEv1GS3r2A217xa0"
style="float: left;" /> This is of course the link to the image, the
easiest way to get this is to just paste it in, find the image, right click and copy url NOT image
<br />
<div style="float: left; padding-bottom: 10px;
padding-left: 10px; padding-right: 10px; padding-top: 10px; text-align: left;
width: 300px;"> This will determined how wide
and such your text is
<div style="font-weight: bold; line-height:
20px;">
5/5 Stars</div>
<div style="font-weight: bold; line-height:
20px;">
Hollowland</div>
<div style="font-weight: bold; line-height:
20px;">
Amanda Hockings</div>
<div style="font-weight: bold; line-height: 20px;">
First in The Hollows series</div>
<span style="line-height:
20px;"><b>Genre:
Horror/Apocalypse</b></span></div>
<br />
<br /> <=--- this essentially means 'enter' make a space beneath
<div
style="text-align: justify;">
</div>
<div
style="text-align: justify;">
<br
/></div>
<div
style="text-align: justify;">
<br /> Not sure if you need this
No comments:
Post a Comment