quinta-feira, 25 de fevereiro de 2010

Blogger Templates Help Adding Widgets To Blogger Header And Posts

Blogger Help, Tips and Trics: Blogger Templates Help Adding Widgets To Blogger Header And Posts

On Blogger is easy to add Page Elements to the sidebar and the footer, but there is no option for the Header
Blogger Templates Help
and Top of Blog Posts. Having a Page Element option to these latter two is a useful must. If you want to add a picture at the top of your blog, or a Google Adsense ad at the top of Blogger and at top and bottom of your blog posts.

To have an “Add a Page Element” option, sign in to your Blogger acount, under “Template”, click “Edit HTML”. make a search (ctrl +F), and search for these lines:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>

Change fhe line in bold to this:

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>

This will give you 2 more page elements that you can add to your Bogger Header. But if you want you can increase this number.

Now, find these lines of code:

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>

Change the line in bold to this

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='yes'>

Now you can add Page Elements before and after your Blog Posts

Advertise: In some templates, the 'header-wrapper' could be called 'header-wrap. Scroll to where you see an option called showaddelement and you can find the rest.

terça-feira, 23 de fevereiro de 2010

Top20 AJAX JQUERY XML Starting Guides Blogger Help

Ajax (asynchronous JavaScript and XML) is a technology that allows Website and Blog Developers build highly-interactive and responsive browser-based applications. By leveraging the XMLHttpRequest object, seamless communication with the server can be achieved for a smooth and dynamic interactive user experience.
If you wanted to learn about Ajax and Web Trics, there are many Websites on the Internet that’ll help you learn Ajax, JQUERY, XML and the technologies surrounding it. Here are a Top 20  websites that can help you on the subject of Ajax.

1. Ajax resource center (developerWorks)

developerWorks, its a IBM resource center for Web developers and IT tecnologies professionals, has a dedicated Ajax resource center that hosts plenty of Ajax tutorial. developerWorks tutorials are in-depth and lengthy, and you can learn a variety of information and techniques from them such as creating RIA applications with jQuery and Ajax, learning about Ajax security tools, and building an Ajax-based chat system.

2. Mozilla Developer Center (AJAX)

The Mozilla Developer Center has an AJAX section that’s a great starting point for beginning developers or those that need to brush up on Ajax.  The Getting Started guide on MDN is an excellent starting point to learn about the basic concepts of Ajax. Another MDN guide you might be interested in reading is the entry on XMLHttpRequest, the primary mode of communicating with server-side scripts in typical Ajax approaches.

3. AJAX Today

AJAX Today is a community-driven website where members can submit links on the topic of Ajax. AJAX Today organizes submitted links in useful categories such as AJAX Tutorials and Ajax Podcasts; you can subscribe to each individual category via RSS so that only topics that you’re interested in will be displayed in your RSS feed reader.

4. ajax.solutoire.com

ajax.solutoire.com is a large, one-page directory-style listing of online Ajax resources created by Software Engineer, Bas Wenneker. ajax.solutoire.com is conveniently sub-divided into various categories such as Ajax news and Ajax/JavaScript security. Bas Wenneker also runs Solutoire.com, a personal weblog that talks about web development topics such as JavaScript and MooTools.

5. SitePoint: JavaScript & Ajax Tutorials

SitePoint, a web publication focused on providing web professionals useful and relevant information, has a JavaScript & Ajax Tutorials section that’s great for developers who learn well by reading practical tutorials. You can follow along (and learn from) tutorials such as "Use AJAX and PHP to Build your Mailing List" and "Take Command with Ajax".

6. Encosia

Encosia is a blog by Dave Ward, who writes about the subject of web development (primarily ASP.NET and Ajax). Encosia has plenty of tutorials that discuss topics such as how to display data updates in real-time and how to use jQuery for interactively searching data. Encosia is an top-notch resource on Ajax – especially for developers working with ASP.NET as you can read ASP.NET/Ajax-specific articles like "Are you making these 3 common ASP.NET AJAX mistakes?".

7. Ajax Technology Center

The Ajax Technology Center is a part of the Adobe Developer Connection, a resource site for web developers and designers. The Ajax Technology Center provides handy articles and tutorials on topics such as Adobe AIR for Ajax developers and Adding Ajax components to Dreamweaver projects.

8. Ajax Blog

Ajax Blog is a weblog on the topic of Ajax. Ajax Blog has plenty of categories to help you quickly find specific information you’re looking for. If you’re searching for Ajax tutorials and examples, jump right to the Ajax Tutorials and Ajax Examples category.

9. AJAX Matters

AJAX Matters is a weblog on Ajax technology. Launched in 2004, AJAX Matters is one of the first blogs dedicated to discussing Ajax. They have plenty of helpful tutorials on matters like getting started with Ajax and PHP or learning about the Google Web Tookit

10. Ajaxonomy

Ajaxonomy is a blog by a group of web developers whose intent is to share and discuss information on Ajax. If you’re seeking out Ajax tutorials, you can go directly to blog posts tagged with Tutorials where you’ll find an aggregate of posts that either share tricks and techniques related to Ajax technologies (such as server-side caching in PHP) or reviews of tutorials elsewhere on the web.

11. Ajaxian

Ajaxian is the premier weblog dedicated to reporting new developments in Ajax. Ajaxian publishes a variety of regularly-updated Ajax topics, including a Tutorial topic which shares Ajax-related tips and tutorials. With a staff full of top web professionals in the field of web development, Ajaxian is a foremost resource for Ajax news and information.

12. Ajaxlines

Ajaxlines is a website that aims to provide its audience with Ajax-related news, resources, and tutorials. It reports on news and information from a wide variety of resources, and gives readers the opportunity to discover articles in one site.

13. AJAX Magazine

AJAX Magazine, which is part of the PHP Magazine Network, is a webzine that covers the subject of Ajax. There’s a wide range of categories to help you find information that you’re interested in including an Ajax tutorials category that reports on useful Ajax tutorials and more specific categories like the Ajax and .NET category.

14. InsideRIA

 InsideRIA is an O’reilly Media community website on Rich Internet Applications (RIA for short). You will find a host of articles pertaining to building highly-interactive web applications such as writing your first YUI Application (YUI is Yahoo!’s JavaScript library), and Ajax Frameworks for High Traffic Sites. Check out articles tagged with ajax to conveniently find Ajax-specific topics.

15. AJAX Impact

AJAX Impact is committed to delivering information on Ajax. Check out the Ajax Tutorial section to find a list of tutorials on Ajax. If you’re curious on finding examples of websites (organized into types of websites) be sure to go to the "Sites Using Ajax" section on AJAX Impact.

16. AJAXwith.com

AJAXwith.com is a community-driven site where you can submit resources on "Ajax with [fill in the blank]" (i.e. "Ajax with PHP"). They have an AJAX forum with close to 4,000 members which may be useful when you’re in need of help on a specific issue.

17. David Walsh Blog

Web developer David Walsh provides useful tips and tutorials for all levels of web designers and developers on his personal blog, David Walsh Blog. He writes about a range of topics related to web development, and has an Ajax topic to help you speedily find articles that discuss Ajax. His tutorials on Ajax include "Ajax Username Availability Checker Using MooTools 1.2" and "Periodical Ajax Requests Using MooTools 1.2".

18. Ajax Projects

Ajax Projects is a directory-style listing of Ajax web projects. They have an excellent Tutorials section which lists plenty of Ajax-related tutorials from several resources such as "PHP ajax login form using Jquery", "Google Analytics: Tracking AJAX and Flash", and "How to structure your JavaScript code".

19. Agile Ajax

Agile Ajax is a section on Pathfinder Development (a software development and UX design company) that shares information on the topic of Ajax. Some posts you’ll see in Agile Ajax include "App Security: Throw Out the Org Chart!" and "Scriptaculous: Fixing Hover After Highlight".

20. Ajax Patterns

Ajax Patterns is a wiki-style, community-driven website for Ajax information. If you’d like to see common Ajax design patterns, check out the Examples entry. Ajax Patterns also has a section on Ajax demos which showcases demonstrations of Ajax patterns (great for individuals who want to see practical applications of Ajax techniques).

Have any more to share?

If you have a website that’s helped you learn Ajax, feel free to share it with us in the comments!

domingo, 21 de fevereiro de 2010

Komodo Best HTML Programmer Editor Download

Komodo Edit is a free, open source editor from dynamic language experts.

HTML & Programmer's Editor

HTML & Programmer's Editor. You can edit your Web pages without an HTML editor. In our opinion this is the best free programmer's editor out there. Komodo is a complete programmer's editor for Perl, PHP, Python, Ruby and Tcl; plus support for browser-side code including JavaScript, CSS, HTML and XML.

 Whatever Your Language

Komodo Edit supports PHP, Python, Ruby, Perl and Tcl, plus JavaScript, CSS, HTML and template languages like RHTML, Template-Toolkit, HTML-Smarty and Django.

Whatever Your Platform

Windows? Mac? Linux? Yes, yes and yes!

Award-winning Tools

Everything you'd expect from an editor based on the award-winning Komodo IDE, like autocomplete and calltips, multi-language file support, syntax coloring and syntax checking, Vi emulation, Emacs key bindings, and more.

Firefox-style Extensibility

Go ahead, hack away! Or download some of the cool extensions from members of the Komodo community.
It's absolutely fantastic to work with. It does everything a good editor should do, but it also adds a bunch of other little awesome things."
— Dan Hulton, www.danhulton.com

(Check out the feature comparison table to compare Komodo Edit with Komodo IDE.)

Multi-language editor

Multi-language support

Advanced support for:
  • Browser-side languages: CSS, HTML, JavaScript and XML
  • Server-side languages: Perl, PHP, Python, Ruby and Tcl
  • Web template languages: RHTML, Template-Toolkit, HTML-Smarty and Django

Call Tips

Autocomplete and calltips

  • Write code faster and shorten the learning curve with code completion that guides you as you work
  • CSS, HTML, JavaScript, Perl, PHP, Python, Ruby, Tcl, XML and XSLT.
  • Schema-based XML/HTML completion
  • Multiple-language file support, such as CSS and JavaScript completion in HTML
  • Support for adding third-party libraries
  • Interpreter version differentiation of built-in and standard library information

Multi-language file support

Correct syntax coloring of multi-language files and templated files, common in many web programming frameworks. Add custom language support (User-Defined Languages or UDL, used to provide support for RHTML, Template-Toolkit, HTML-Mason, Smarty and Django).

Standard editing features

Code commenting, auto-indent and outdent, block selection, incremental search, reflow paragraph, join lines, enter next character as raw literal, repeat next keystroke and clean line endings on "save".

Syntax checking

Instant feedback for all fully-supported languages.

Syntax coloring

Spot errors easily and improve readability and context, even in multi-language files (unique to Komodo!).

Vi emulation

Modal Vi keybindings emulate navigation, text insertion and command behavior. Custom commands can be implemented by adding Komodo macros to a Vi Commands Toolbox folder.

Emacs keybindings

Emacs-like keybinding scheme supports new editor features modeled on Emacs, such as transient marks (similar to the Emacs "mark ring"), repeat next command and reflow paragraph.

HTML preview

Check HTML, XML and CSS files side-by-side or in a browser, using arbitrary files or URLs.

Multilingual Input Method Editor (IME) support

Use your standard keyboard to enter multi-byte characters, such as Simplified Chinese, Japanese and Korean.

Code snippets

Store any piece of code for reuse.

Code folding

Work quickly and efficiently with large sections of code.

Multi-document editing

Easily work on multiple documents simultaneously using multiple tab groups, split view, and cross-document search.


Easily master editing features.

Project manager

Convenient, flexible organization of all project elements.

Live Folders

Project view displays the current contents of corresponding file system directory.

Virtual Folders

Explicitly maintained multi-purpose containers for any project or Toolbox component, containing pointers to selected components from different file system locations.


Store it

Store virtually anything, including configurable "Run" commands, macros, code snippets, URLs, Live and Virtual Folders, templates, menus, toolbars and remote files.

Share it

Share a Toolbox with networked team members or distribute valuable Toolbox items to other Komodo users with the import/export function.


XPI Extensions

Create your own plug-ins. XPI extension support provides the same capability as Firefox, with all standard Mozilla APIs based on XUL, XBL, and XPCOM, plus our own for Python and JavaScript. We're even using this in Komodo development; for example, when adding UDL-based languages and defining custom language syntax-coloring. Other new features, such as the DOM Viewer, are also extensions. With full documentation and an active community providing support, Komodo IDE's power is as boundless as your imagination.

Download Komodo Edit

terça-feira, 16 de fevereiro de 2010

How To Verify Blog With Google Webmaster Tools

BLOGGER HELP: Complete Guide How  To Verify Blog Blogger With Google Webmaster Tools

If you are a blog owner, you will must use the Google Webmaster Tools

To use Google Webmaster Tools, you have to enter a Meta tag verification key on your Blogger HTML, suplied by Google Webmaster Tools.

method integration on your Blogger HTML.

Follow these easy steps to submit and verify your blog in Google Webmaster Tools:

Step-By-Step Instructions:

1. First of all, you have sign in Google Webmaster Tools.

2. Click the "Add a site" button on Google Webmaster Tools Home page

3. Enter you blog URL, mine is http://caos-caslas-crack.blogspot.com/

4. Click on continue button and go to the verification page

5. Copy the code in the verification page.

6. Select the "Meta tag" verification method and copy the meta tag provided

7. Now Sign In in blogger

8. Click on Layout and then Edit HTML option

9. In your Blogger Template, paste the Meta Tag (which you copied) immediately after the Tag Head. (like you see below)


<meta content='xxxxxxx-xxxxxxxxxxxxxxxx_xxxxxxxxxxxxxxxxxxxxx' name='google-site-verification'/>

10. Click the Save Template button

11. Last option: go to the Google Wbmaster Tools and click on verify button.

Your blog should now be verified and you're ready to start using Google Webmaster Tools!
toolbar powered by Conduit