I am widodo purnomosidi. Blogging is about my hobby. I like writing and optimizing about blog to share it to the world. I hope you find useful information with this blog and don't forget to bookmark me:
Make advance with your posts by writing in HTML mode instead of compose mode. Blogger allows you to add many HTML tags so you can make your posts seen beautiful. This is simple programming language. Below are tips you can use to make your posts better.
Cascading Style Sheet (CSS)
To make your post looks beautiful, you can optimize CSS for your HTML tags. Once you write CSS codes you use them for every posts by adding class or id in div or span section.Example:
On your Dashboard, click Layout tab then chose Edit HTML. Write css code as looks like this:
<style type="text/css">
span.bgyellow { background:#FFF000; }
</style>
Put or write the css code above before
</head> tag. Save your template and continue to post article.To make some letters or phrases blocked with yellow background, you only add class="bgyellow". So, the tags would be
<span class="bgyellow"> your phrases</span> And the result would be:Your PhrasesYou can use it for every you need to mark some important phrases to your posts. If you want to modify for different looks, just add some parameters in the css codes. Below are css instructions to change font, color, size, ect.
<style type="text/css">
span.bgyellow {
background:#FFF000;
font-family: Arial; /* You may use any font family as you want */
font-size:12px; /* the size of fonts */
font-style: italic; /* if you want font marked as Italic style */
color: #054AA0; /* this is the color of font */
border:1px #999999 solid; /* You can use "dashed, dotted" */
}
</style>
And when you put paragraph inside "bgyellow" class of span, your paragraph would be like this:
Here is the paragraph text using bgyellow class on span tag
To change fonts, background and border color, use HTML color picker or you may use your Photoshop application. Try by your self with different rules. Enjoy it!
Posts
