Two days ago, someone asked Kang Rohman, How can I make different posting background for any post I make? At least, there is variation, so it won’t be boring to see. Well, can we make a different background posting? The answer is yes, we can and it is very easy. We only need to make the styles and we can do anything with it.
In making background, we can use two alternative, they are background with color and background with image. For background with images, we can divide again into some techniques, background images with repeated techniques (repeat, repeat-x, repeat-y) and background images with no-repeat techniques (background with big image). For this technique, we will do next time.
Making Background with color
to make colorful background in every posting, you need to so some steps;
When you start posting, choose Edit HTML and don’t choose Compose. Start your posting with the following code:
<div style="background:Color-code_here;">
And end your posting with the following code;
</div>
Change Color-code_here with your interest color code. If you are still confused and need color codes, just click here. Because this code is Style from CSS, then you are not only able to do anything with the color background but also anything; font color, font, justify the posting and anything. With this way, your posting will be nice and interesting. For example, if you want gray as your posting background, the writing is justify font size 120% and padding 10 pixel:
<div style="background:#D9D7D7; text-align:justify; font-size:120%">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
</div>
The result will be as following.
Making Background With Image
If you want to have background with image, the first thing to do is to have an image for your background. Then, upload the image into your hosting image. If you still get confused on how to upload image into free hosting, just read Kang rohman post here.
When you start posting, choose Edit HTML and don’t choose Compose. Start your posting with the following code:
<div style="background:url(image url address) no-repeat;">
And end your posting with the following code;
</div>
Change image URL address with URL image you want. Use no-repeat if you use big size image and no image repeat in the background. Just like background with color, you can add anything with this code as you want.
For example, I want to make a posting with the following URL will look like this:
<div style="background:url(http://kangrohman.googlepages.com/roll_02.jpg) no-repeat right top; text-align:justify; font-size:90%; padding:10px">
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Quisque sed felis. Aliquam sit amet felis. Mauris semper, velit semper laoreet dictum, quam diam dictum urna, nec placerat elit nisl in quam. Etiam augue pede, molestie eget, rhoncus at, convallis ut, eros. Aliquam pharetra. Nulla in tellus eget odio sagittis blandit. Maecenas at nisl. Nullam lorem mi, eleifend a, fringilla vel, semper at, ligula. Mauris eu wisi. Ut ante dui, aliquet nec, congue non, accumsan sit amet, lectus. Mauris et mauris. Duis sed massa id mauris pretium venenatis. Suspendisse cursus velit vel ligula. Mauris elit. Donec neque. Phasellus nec sapien quis pede facilisis suscipit. Aenean quis risus sit amet eros volutpat ullamcorper. Ut a mi. Etiam nulla. Mauris interdum.
</div>
The result will be as following.
Good Luck and have a nice day
If you enjoyed this article about Making Different Posting Background, subscribe to receive more great content just like it.
0 Comments:
Post a Comment
Comments in moderation due to spam reasons