how to add a comment box or shout box to a blogger blog

One thing that every blog requires is a shout box otherwise termed as a comment box.Although nowadays it is most likely to be used as advertising [ hee hee .. i have seen many sites filled with urls in their comment box ] , it is always good to have a comment box so that others may easily contact you or give a suggestion on how you can improve the blog or what is going wrong with the blog currently.Blog is all about networking and socializing  along with powerful unique content – remember .

Follow the below steps to add a comment box to a blog :

1.visit http://www.cbox.ws/getone.php and fill the form and  submit it

2.you will be sent a confirmation message in the mail inbox – visit the inbox and click on the specified url in the mail

3.your account has now been confirmed .

4.log in to cbox now you will now get a script – copy the code

5.log in to blogger.com and goto the “layout” tab

6.you will find “Add a gadget” link on that page .There might one or more links like that.select where to place the comment box and click on the appropriate  “Add a gadget” link .

 

i hope you could see “Add a gadget” option in the above screenshot .

7.now goto the “html/javascript” and paste the code you copied earlier by using “ctrl+v” option .

8.save and  see how cool the comment box looks in your blog .

 

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>”

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 :

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/

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 :