Saturday, January 3, 2009

how to give special formatting to code tag in blogger blogs

There are times when you want to use any codings [ html ,css or any other major language ] – in those cases it is best to give them special formatting like changing their background color . Let me show you how you can do special editing to the <code> tag :

1.goto blogger->layout->edit HTML

2.paste the below code anywhere in between the <style> and </style> tag :

code { background:#CCFFFF; border:thin gray dashed; display:block; }

NOTE:YOUR CODE WILL LOOK LIKE ABOVE AFTER YOU ADD THE ABOVE CODE TO YOUR BLOG TEMPLATE .SO GO ON :)

That is it ! The next time you want to add any special programming code in your blog post use as follows :

“<code>printf(“I Love Blogging”);</code>”

Friday, January 2, 2009

Cool text shadow effects for bloggers from css 3

I have been amazed by things that could be done by css , especially after getting to know so many tutorials from web development blogs.One thing i prefer to use for certain important points in my blog post is the “block quotes”.But now since the blockquotes require two images to be used i would prefer some other cool technique to use and here is one to all our rescue and i feel its as cool as the block quotes.

The technique is introduced by css 3 – and could be found here :

http://www.css3.info/preview/text-shadow/

After using the technique of css3 your text looks like this :

sshot-1

This is really effective way to highlight important points in our blog posts .go away blockquotes . welcome css3 !

NOTE : HERE IS A COMPLETE TUTORIAL ABOUT MORE COOL TECHNIQUES IN CSS3 :

http://www.css3.info/preview/

Thursday, January 1, 2009

how to add/embed a slideshare presentation/slideshow to a blogger blog

Slideshare.net has become one of my favourite sites to look for useful information in the web – although wiki has everything i find that these slideshows make reading things and grasping them easier .So here is how you should add slideshare slideshows to your blogger/wordpress blog :

 

1.After selecting the slideshow to add , look at the bottom of slideshow – you may find several icons – hi5 ,blogger etc ,.

2.click on the blogger icon

3.you will be asked the blogger username and password – enter it and give a title

4.the slideshow is automatically posted as a widget in your blog

OR

5.if you want it to embed within one of your blogger posts then you may find the embed code at the right side of the slideshow – click on it and copy the code

6.you may later add it to the blogger post along with any other description you may want to give .

here is a snapshot showing the embed code [ see on the right side of the snapshot ] of one of the slideshows :

 

sshot-1

 
Copyright 2009 Make Money Blogging Online. Powered by Blogger Blogger Templates designed by Deluxe Templates