Skip to main content

Blog Hacks: Add Javacript Code in Blogger Posts

DI Reader Moyeen is looking for a workaround to embed javascript snippets inside blogspot posts.

As you probably know, Google Blogger platform provide excellent Javscript code inside raw Templates but unfortunately, there's now support for the Script tag inside a post.

When you try to publish a post on blogspot containing Javascript code, you'll be greeted with an error saying - "Your HTML cannot be accepted: Tag is not allowed: <script type="text/javascript" src=.. [see screenshot above]

Now there are some very valid reasons where people would like to embed Javascript inside a post and not in the whole template. For instance, you like to put a Google reader clip on your blog with your Shared Items or you want to embed a video from into your blog. Both these cases require you to copy-paste some javascript into your HTML code.

So here's a quick and easy way to do publish a post on blogspot contain the forbiddent script tag.

Compose a new post in the Blogger web based blog editor or open an existing post. Now copy paste the Javascript code and click Publish.

Blogger will throw an error as in the screen capture. Ignore that error. Just beneath the error line is a checkbox that says "Stop showing HTML errors for this post" - tick the checkbox and click publish again. Wow. The post in now online.

Just a word of caution - do not try this trick with Blog editors like w.bloggar or Windows Live Writer. While they will instantly publish your javascript code without any warning, the code won't be executed properly when you open the blog site. Always use the Blogger Web editor to publish posts containing Javascript.

While this hack can also be used to embed Adsense code anywhere inside the blog posts, I would not suggest doing so because if in future, Google decides to modify the Adsense code, you'll have to revisit all these blogger posts to update the Adsense code.

Popular posts from this blog

How to Download Contacts from Facebook To Outlook Address Book

Facebook users are not too pleased with the "walled garden" approach of Facebook. The reason is simple - while you can easily import your Outlook address book and GMail contacts into Facebook, the reverse path is closed. There's no "official" way to export your Facebook friends email addresses or contact phone numbers out as a CSV file so that you can sync the contacts data with Outlook, GMail or your BlackBerry. Some third-party Facebook hacks like "Facebook Sync" (for Mac) and "Facebook Downloader" (for Windows) did allow you to download your Facebook friends' names, emails, mobile phone number and profile photo to the desktop but they were quickly removed for violation of Facebook Terms of Use. How to Download Contacts from Facebook There are still some options to take Friends data outside the walls of Facebook wall. Facebook offers the Takeout option allowing you to download all Facebook data locally to the disk (include

Digital Inspiration

Digital Inspiration is a popular tech blog by  Amit Agarwal . Our popular Google Scripts include  Gmail Mail Merge  (send personalized emails with Gmail ),  Document Studio (generate PDFs from Google Forms ) and   File Upload Forms ( receive files  in Google Drive). Also see  Reverse Image Mobile Search , Online Speech Recognition and Website Screenshots , the most useful websites on the Internet.

PhishTank Detects Phishing Websites by Digg Style Voting

OpenDNS, a free service that helps anyone surf the Internet faster with a simple DNS tweak , will announce PhishTank today. PhishTank is a free public database of phishing URLs where anyone can submit their phishes via email or through the website. The submissions are verified by the other community members who then vote for the suspected site. This is such a neat idea as sites can be categorized just based on user feedback without even having to manually verify each and every submission. PhishTank employs the "feedback loop" mechanism where users will be kept updated with the status' of the phish they submit either via email alerts or a personal RSS feed . Naturally, once the PhishTank databases grows, other sites can harness the data using open APIs which will remain free. OpenDNS would also use this data to improve their existing phishing detection algorithms which are already very impressive and efficient. PhishTank | PhishTank Blog [Thanks Allison] Related: Google