Searching...
Friday, 26 July 2013

The HTML / JavaScript Shell For Layouts Templates

With all of the predefined page elements that Layouts Blogger provides, that fulfill maybe 90% of the need for you to edit the template, there will be the 10% that they don't provide. Services provided by third parties - like guest books, or news feeds, or even visitor meters - won't be provided by Blogger, to everybody's liking. In some cases, Blogger / Google will provide one version of a given service - like Blogger Comments, Blogger Feeds, and Google Analytics - but their versions aren't the most popular in many cases. And some bloggers will develop their own simple applets, like the Cumulus / Google Translation Bar. Bloggers are like any people in any walk of life - they all want something different - better - or new.

Until early 2007, and using a Blogger Blog with a Classic template, you could have any third party accessory you wanted, that was written in HTML or JavaScript. You just had to edit the blog template to add what you wanted. Bringing us back to the Google Blogger Help forumCustomising Templates, and constant questions about how to add a feature and later how to fix a broken template.

With New Blogger 2007 and the Layouts template, one of the various predefined page element objects (listed above) is one very versatile object - an HTML / JavaScript shell. Any blog accessory object, provided as a single block of code by a third party service, can be added to your blog as just another page element, to any blog not using a dynamic template. And just like any other page element, you can add and position it on the page, using the dashboard Layout wizard.

  • Select "Add a Gadget".
  • Find and select "HTML / JavaScript". This will be in the "Basics" list, which is immediately presented when you open "Add a Gadget".
  • Do not select "Add your own", and use the "Add by URL" option.
  • Paste or type the code into the Content box. Be aware of possible confusion fromthe "Html" / "Rich Text" gadget label.
  • Check for, and remove, gratuitous line breaks from the code.
  • Hit "Save Changes" (D'Ohh).
  • Reposition the new page element, as necessary.
  • Hit "Save".


HTML objects - positionable anywhere on the page, like any Layouts gadget - without editing the template. So versatile, and easy to setup.

0 comments:

Post a Comment

 
Back to top!