Hacks n Tips for Bloggers: javascript

Add Google Translator widget to your Blog

Written by Basis-Consultant on 3:40 PM

Google is providing Google translator widget to translate your web page from English or your website's language to 24 other languages. This is one of the interesting tool i have been searching for months. If your visitors selects on of the language from the drop down list your blog will be translated into that language by Google translator. Well is it any useful? It can be if the visitor don't know how to read English. You will be providing him/her an option to read your blog in their native language. I prefer this widget since it is simple and don't occupy much space.

Here is a snapshot of my blog translated into deutsch

To get this widget goto http://translate.google.com/translate_tools?hl=en
select the language of your blog and copy the code as shown in figure

Now paste the code in any HTML/Javascript Gadget or add a new HTML/JavaScript gadget/element to your blog.
Here is a tutorial how to add javascript/html gadget to your blog.

2 comments

| Posted in » javascript, widgets

How to disable right click in blogger

Written by Basis-Consultant on 11:11 AM

Are you frustrated of some one stealing your content? Disable right click on your blog. There are many javascripts that help you to prevent right click on your blog. Here are some of the right click disabling scripts . Search google with no right click and you will find many useful javascripts to do the job. Some of them pops a message that javascript is disabled etc...

Above javascripts cannot prevent your visitor from copying the content from source code. If you want your content to be secure don't keep it online :)

I don't recommend disabling rightclick. I find it annoying. You shouldnot disable right click for a large portion of visitors who have no intention to steal content. It is unprofessional to do so. Even then if you insist there are other ways to protect your content like keeping your image in the background and adding a transparent pic on the foreground.

No Comment

| Posted in » javascript

Get a Contact Form for your blog

Written by Basis-Consultant on 9:10 PM

Normally one of the most commonly used way of contact in blogger is comments. Just make a post named Contact me & tell the users to post a comment in that post & enable sending comments to you email. But this irritates many users since blogger contact form is in another page. But if you like to setup a contact form that doesn't require your visitor to visit another page use KontactR

They have a large no of options like html code or ajax code. They have now launched a new type of comment forms. Popup form!!. I think the popup form is the best. You can embed the contact me button at the end of each post like addthis or sharethis button. When the visitor clicks on it a small contact form opens up without opening a new window like below shading the rest of the page. After sending the message you can close the window and return to your page without going clicking any buttons. Also there is the CAPTCHA feature which stops spam.

Related Posts:
How to embed javascript in blog post

To add this go to layout ---> edit html then check Expand widget templates button and search for post.body
now add this javascript after parsing it below <p><data:post.body/></p> line
Click below contact me button to see the example

No Comment

| Posted in » how to, javascript, widgets

Parsing Google Adsense Code or Adbrite's code or any Javascript for Blogger

Written by tailender on 2:38 PM

You need to parse google adsense code or adbrite's code if you need to add this code in the post's main body or between the title of post and post body or between the post body or post's footer.First you have to convert you adsense code or adbrite code or any other javascript before putting it into the template.

To parse the code you have to replace

< with <
> with >
& with &
" with "

For changing adbrite code I suggest you first replace & then start replacing ",< and >

Now goto layout button and check edit html button and place this code between those post-body and post header sections or post-footer sections.