How to display HTML code in a Blogger Post

Do you want to display some HTML Code in your post as it is. As some of the HTML symbols have some special meaning in HTML so it is very difficult for HTML/XML parser to differentiate between them and the actual programming HTML code.
The result is that HTML code does not appear in your blogger post. Therefore it needs to tell the browser not to parse the HTML code so that it will be displayed correctly. Web design practices also suggests that HTML Code should look different from rest of the content therefore it’s better if displayed in a separate box. The background and color settings of the box can set in the CSS code.

Step 1: Parse/Encode the HTML code using an online parser like centricle.com and save this code in a notepad file for further use.
Step 2:Copy the code below

.postCode{
background: none repeat scroll 0 0;
border:2px solid Silver;
height:'auto';
margin:10px;
overflow:auto;
padding:6px;
text-align:left;
}

and Paste this code above the following line of code.

]]></b:skin>

Step 3:Implementing the HTML code
Go to Posting>Create a new Post
Step 4: Click the Edit Html Tab(in Post editor)
<pre class='postCode'>
Paste your Encoded/Parsed HTML code here(created in Step 1)
</pre>
Step 5:Publish the post and see the post if HTML code is displayed in desired format or not.
Let's take a look at the screen shot as below:

Blogger Template
Recent Articles:
Web 2.0 Skills
What is Web 2.0
How to submit blogger blog sitemap to google
How to add Favicon icon in your blogger blog
10 Tips to increase traffic to your blogger blog
How to add Tags in a post in blogger template
Tips to speed up Your Computer
Blog Title’s Dilemma
How to embed comment form below Post in blogger template

How to Add a Language Translater Widget

Do you want to add a Language Translator widget to your Blog, offering your readers the functionality of converting the blog in any language.Both Microsoft and Google added widgets for translating your web page into another language. I have recently added a Google Language Translate Widget in my
Blog. With this Google translation widget you can translate English to many other languages like Arabic , Bulgarian , Chinese , Croatian , Czech , danish , Dutch , Finnish , French , German , Greek , Hindi , Italian , Japanese , Korean ,Norwegian , Polish , Portuguese ,Romanian , Russian , Spanish and Swedish. Lets take a look at the widgets:

Here is the step by step procedure to add Google Translate widget:
Step 1:From dashboard Log In to your blogger account and go to Layout.On the right side bar Click the Add a Gadget tab and select HTML/Java Script from the widget type list.
Step 2:Paste the following line of Code into the above created widget:

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/
ig/module/translatemypage.xml&up_source_language=en&w=160&h=60&title=&
border=amp;output=js"></script>

Step3:Save changes and Preview your blog to see the widget working or not.
Now let's have a look at the sample Page after the translation in Hindi:

Conclusion: I have used the Google Translate Widget in my blog and its translation is good except some minor mistakes.The only thing i dislike about this widget is that it has got a slightly big size as Google Logo has been embeded inside the widget. Other popular widgets are Microsoft Translate and Yahoo Babel Fish.The Microsoft widget works only with Internet Explorer and the Yahoo Babel Fish widget does not support as many languages as a Google widget.
Tech Blog

Recent Articles:
Web 2.0 Skills
What is Web 2.0
How to submit blogger blog sitemap to google
How to add Favicon icon in your blogger blog
10 Tips to increase traffic to your blogger blog
How to add Tags in a post in blogger template
Tips to speed up Your Computer
Blog Title’s Dilemma
How to embed comment form below Post in blogger template

Side-Effects of Blogging

I started blogging after reading a article in newspaper about the blogging guys who are into the business of blogging after quitting their high paying jobs. Then, i started reading blogs like Digital Inspiration, ProBlogger and some other, all were telling the benefits of blogging and getting inspiration from these bloggers pushed me to start a blog. Now it's been a couple of months of my blogging life and believe me i am feeling  the side effects of blogging.

Even the most beautiful things have some kind of side-effects whether they are less serious/casual in nature. For eg.like medicines(which saves so many lives) have some kind of side-effects so as blogging though they are not as serious as the side effects of medicines. Though blogging is in fashion these days but it also has some casual side-effects:

Before i could thought of writing a post on side-effects of blogging ,i noticed some physical side-effects of blogging like sore back and mental fatigue. Before i further go into the side-effects, let's have a look on the Oxford Dictionary's definition of Blog:

According to Oxford Dictionary a Blog is "a Web site on which an individual or group of users produces an ongoing narrative." According to Wikipedia

"A blog (a contraction of the term "weblog") is a type of website, usually maintained by an individual with regular entries of commentary, descriptions of events, or other material such as graphics or video. Entries are commonly displayed in reverse-chronological order. "Blog" can also be used as a verb, meaning to maintain or add content to a blog. Many blogs provide commentary or news on a particular subject; others function as more personal online diaries. A typical blog combines text, images, and links to other blogs, Web pages, and other media related to its topic. The ability for readers to leave comments in an interactive format is an important part of many blogs."

I conclude that a blogger need to collect a lot of information when writing a post. He may have to type lot of text and to collect images and links needed to write a good post. He may also need some data for writing a comprehensive article so may need to frequent search information on google search.Therefore a blogger usually spent most of their time sitting on computer, browsing different websites to mange their blogs.Now i will discuss some positive and negative side-effects of blogging.

My life style has been changed a lot because of blogging and here you can see the comparative view before and after i started blogging.

                                               Before                                              After

Rise Time                              Early 7AM                                      Late 10AM

Tea                                         3 Cups in a day                              5-6 cups in day

Lunch                                    1-2 PM                                            2-4PM

Dinner                                   8-9PM                                             10-11PM

Going to sleep                       10-11PM                                         12-2 AM

Some of the general negative effects of Blogging are:


Sore Back and mental fatigue: An overdose of blogging may result in sore back and fatigue.So keep your blogging sessions short and take short breaks after a couple of hours blogging session.
Lack of Vitamin D:I usually remain indoors since i started blogging and this can lead to lack of Vitamin D.When we remain indoors there is less exposure to sun therefore may result in lack of Vitamin D.
Skipping of Meals:You would also agree with me that usually bloggers skips meals as they completely lost in blogging.This may result result in more intake of Tea/coffee and Snacks which is not very good for our health.


Reduction in Creativity: Bloggers spent most of their time on Internet searching various information/data for the articles they wish to write about.You may become less creative as you usually finds every information/data on Internet.


Some Positive effects of Blogging:
Typing Speed:Your typing speed may improve and you become better at remembering the spellings.
Internet Knowledge:Your knowledge of Internet can increase and you may become an expert of goggle search and Internet.
Practice of Writing:You may become better at writing as you end up practicing writing almost every day.
Self esteem Booster: Your self esteem can increase as you feel there are people who reads your posts and care about you.
Financial Gains: Blogging can give you name,f ame as well as money.You can earn a substantial amount of money by displaying AdSense Ads and the ads from other websites like infolinks etc. .


Do's and Dont's for Bloggers:
1.Keep your blogging sessions short not more than couple of hours.
2.Do some yogic exercises and meditation for a healthy body and mind.
3.Do not replace your meals with refreshments as most of the bloggers usually do.
4.Go for a nutritious meal as this will help you writing creatively.

5.Now the most important advice, you should meditate for at least 15 Minutes to 30 Minutes if you want to be a successful blogger.Meditation brings a clarity of thoughts which is very important in writing/blogging.

You would also want to read:
Web 2.0 Skills
What is Web 2.0
How to submit blogger blog sitemap to google
How to add Favicon icon in your blogger blog
10 Tips to increase traffic to your blogger blog
How to add Tags in a post in blogger template
Tips to speed up Your Computer
Blog Title’s Dilemma
How to embed comment form below Post in blogger template

Reactions: New feature by Blogger

Recently Blogger has added a new feature for bloggers,to get the quick reactions of readers.The feature was much awaited by the bloggers and finally google has paid attention to the voice of bloggers and came up with a feature which i call as fresh.
Some of the readers of a blog will find it easier to give their feedback about an article rather than going through a series of steps to comment.I have already added this feature as you can see below the post title.Here is the step by step procedure to add a Reactions button:
Step 1:Log In to your blogger account and from dashbord Go to Layout>Page Elements.

Step 2:Focus on Blog Post and click the Edit button as:
Step 3:You will see following screen as:
Check the Reactions From the list of options and Press the Save Button.
Ste 4:Click the Vew Blog link and You will see reactions feature has been added in your posts.
I hope now bloggers has a reason to smile, atleast they hope to get some quick reactions from the readers.
Recent Articles:

What is Web 2.0
How to submit blogger blog sitemap to google
How to add Favicon icon in your blogger blog
10 Tips to increase traffic to your blogger blog
How to add Tags in a post in blogger template
Tips to speed up Your Computer
Blog Title’s Dilemma
How to embed comment form below Post in blogger template