FeedBurner FeedCount
DESIGN CONCEPTS Headline Animator
Sometimes all we need is a big first letter for a paragraph. No drop cap, just a big cap. It looks best when followed by way too much text.
While creating a post in Post editor the tool bar in the top frame gives icons to format your text as bold, italic etc. However if you do not have this toolbar use the following HTML codes in Edit Html tab of Post Editor :
To Make text Bold : BOLD
To make it Strong use :
TEXT
To make it Big use :
TEXT
To make it Small use :
TEXT
To Emphasize text use :
TEXT
To make it Italic : ITALIC
To make it Underlined : Underline
For a Strikeout effect :
For a line on top of your text : Overline
To Superscript Text : Superscript
To Subscript Text : Subscript
To change font colour : Colored Text
Instead of "COLOR" you can also input the exact hex number of the colour you want. To get the hex number if colors go here.
To Highlight text or give it a background color : TEXT
Replace "COLOR" with the name of the color like "RED" "YELLOW" etc.
To change font size : TEXT
Put in a "NUMBER" from 1 to 7.
To change the font : TEXT
For font face NAME choose from : Arial, Arial Black, Comic Sans MS, Courier New, Georgia, Impact, Times New Roman, Trebuchet MS, Verdana. Remember to choose a universally available font face or your viewer will not be able to see it.
To give a heading to your text :
TEXT
Choose from H1 to H5. You can use this to create sub headings by using H1, H2, H3, etc... in sequence.
For Preformatted text useful in displaying poetry use :
POETRY
For example :
There once was a man from Aruba,Whose favorite hobby was scuba.Every day he would wish,He could spear a big fish.But settled instead for canned tuna.
To show the meaning of a word when you hover the mouse over it use the 'title' attribute like this :
RC
This will look like this :
RC
Hover your mouse over 'RC' to see the effect.
SA
This will look like this :
SA
Hover your mouse over 'SA' to see the effect. It works in Firefox 2 and Internet Explorer 7.
INDENT PARAGRAPH
To INDENT TEXT at start of a paragraph insert this styling code :
p {text-indent: 1cm;}
immediately before this :
]]>
tag in your template. Login at Blogger.com and click on Layout link on Dashboard. Then click Edit Html subtab of Template tab. In Template code box scroll down till you locate the skin tag. It is about halfway down the code box.
Then when you are creating a post and starting a paragraph in the Post editor put this code in Edit Html tab :
PARAGRAPH
Replace 'PARAGRAPH' with your own text paragraph. You can also use this code in Edit Html tab of Post Editor immediately before starting a paragraph :
PARAGRAPH
and close it as shown above after the PARAGRAPH. For example :
Maecenas id justo. Proin ut elit. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Sed tellus odio, aliquet vel, rhoncus nec, aliquet faucibus, magna. Phasellus tellus sem, aliquet aliquet, pellentesque sed, facilisis nec, tellus
As you can see the word 'Maecenas' is indented in the above paragraph.
DROP CAPS
You can also use Drop Caps at the start of your paragraph like this :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis, turpis ut facilisis convallis, nulla sem feugiat tellus, in tempus mauris urna non lacus. Duis pellentesque. Cras tempor iaculis lacus. In pharetra elementum purus. Ut odio lectus, pharetra eu, luctus ut, fringilla eget, neque. Ut et augue ac magna gravida varius. Suspendisse at odio.
OR you can use big first letter at the beginning of your paragraph like this :
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque lobortis, turpis ut facilisis convallis, nulla sem feugiat tellus, in tempus mauris urna non lacus. Duis pellentesque. Cras tempor iaculis lacus. In pharetra elementum purus. Ut odio lectus, pharetra eu, luctus ut, fringilla eget, neque. Ut et augue ac magna gravida varius. Suspendisse at odio.
For the code to implement the above go here.
MARQUEE EFFECTS
To create a moving text effect you can use the tag. For example :
The above code will produce the following effect :
Tips For Bloggers!
You can use the following parameters to define your marquee :
* WIDTH: how wide the marquee is
* HEIGHT: how tall the marquee is
* DIRECTION: which direction the marquee should scroll
* BEHAVIOR: what type of scrolling
* SCROLLDELAY: how long to delay between each jump
* SCROLLAMOUNT: how far to jump
* LOOP: how many times to loop
* BGCOLOR: background color
* HSPACE: horizontal space around the marquee
* VSPACE: vertical space around the marquee
SCROLLING TEXT BOX
If you have a large amount of text you can put it in a Text box with a scroll bar like this :
My Favorite Pages
- Beta Blogger For Dummies
- SEO Blog Adsense
- Tips For Bloggers
- Blogger Help
- Blogs of Note
- Blogger Help Group
Here is the code to show the above box :
Paste the code in Edit Html tab of post editor or in a Html page element. Change width and height to suit your blog design. Replace 'MY CONTENT' with your content.
0 comments Links to this post
Labels: Drop Caps, Indent Text, Marquee, Text Effects
