Posts

Showing posts with the label blogger

Example of using CSS and HTML to Blogger

Image
This is how my custom CSS is. If you are having problem, don't worry, an example will follow. THIS PART CSS IS IN YOUR MAIN BLOGGER CSS. If you do not know how to make your own CSS, see here section#articles { margin: 10px; text-align: justify; font-family:Verdana,Sans-Serif; font-size: small; line-height:160%; } #msg1 { color:red; } #msg2 { color: #674ea7; } #end_links { font-family: Trebuchet MS,sans-serif; font-weight: bold; color: #674ea7; margin: 10px; } Well as of the design of how i use it: This is the first paragraph. This is the second paragraph and it will be in 'red color'{see CSS above}. This is the third paragraph and it will use the color code "#674ea7" The code below is what is used |section id="articles"| ...

Adding own CSS to Blogger

Image
For Begineers Click on Template When it loads, you will see 'Live on blog' . Now click on Customize On the top left hand corner, you will see few options. Click on Advanced Once you have done that, few options appears. Scroll down to the end and you will find Add CSS For Advanced Users Click on Template When it loads, you will see 'Live on blog' . Now click on Edit HTML Once you have done that, You will see HTML/CSS code. Scroll down to find |b:skin| ... |/b:skin| Click anywhere in the line so that it expands. Paste you'r code at the end of the declerations (Just before ]]>|/b:skin| ) /* BLOCKOCODE ----------------------------------------------- */ #blockquote { margin:1em 20px; border: 1px solid #619644; padding: 10px; background-color: #b1d2a3; } /* CSS OF MY OWN DECLERATION ENDS HERE ----------------------------------------------- */ ]]> |...