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.

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!

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)

<head>

<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!

Hack Swap Blog Title Boost Seach Engines Crawling

Webmaster Blogger Help, Hacks Tools And Trics

This trick will boost traffic to your blog and increase Search Engines Optimization (SEO) on crawll robots index, and .When you search google,Yahoo, Bing... you get your  Blog Title + Post Title. This type of a title wont attract searchers.

You can modify this and get better results on Search Engines Index ...

Here is a hack to change the title to better friendly format Post Title + Blog Title This trick will help to optimize the blog title for Better Search Engines Results.

I am sure that this trick gone increase your Blogspot Blog Website traffic and Page Rank.

It will take some time for the Formatted titles appear in search search results.
(will appear when when the Robots reindex it).

Goto Blogger Template>Edit Html and replace this line of code

<title><data:blog.pageTitle/></title>

With This

<!-- Start Changing the Blogger Title Tag  -->
<b:if cond='data:blog.pageType == &quot;index&quot;'>
<title><data:blog.pageTitle/></title>
<b:else/>
<title><data:blog.pageName/> ~ <data:blog.title/></title>
</b:if><!-- End Changing the Blogger Title Tag  -->

Now save your template and you thats it.. Please leave your comment.

TuneUpYourBlog Create StaticPages in Blogger

By WEB TIPS AND TRICS - CAOS CASLAS HACKING SECURITY NETWORK CRACK TEAM, Software Reverse Engineering Development

Blogger In Draft just realesed one more Fantastic and Great New Top User-Requested Feature to Improve, TuneUp Your Blogger Blog, and Give it a Better Fashion Style! Blogger now makes it easy to create Static-Pages linked directly from your blog. 

This amazing and fantastic new feature allows you to easily publish static information on static pages. For example, you can create an , About Me page, or an About This Blog page to discuss the evolution of your blog, or a Contact Me page to provides directions, phone number, Fax number, and a map to guive your location.

Adding Static Pages To Your Blog.

First off if you're using a custom template you may have to add some extra code i will show you how at the bottom of the post

Step 1. Log Into Blogger Via Blogger In Draft : Click Her http://draft.blogger.com/

You are now in Blogger in draft and it looks the same except it's a bit more blue :

Step 2. In Your Dashboard Click 'New Post' ► 'Edit Pages' ► 'New Page' as shown below :

You create a page similar to how you write a blog post. From Blogger click the Posting | Edit Pages tab, then click New Page. (Note: you can create up to 10 pages.)

Step 3. Once you click New Page you are brought to an editor the same as your post editor.You add the new page in the very same way as you would write a post, If you were using the old Blogger post editor (I still do, old habits die hard) you will notice a difference as the new editor is default in Blogger in draft.Don't worry it works pretty much the same.

For this example i am going to add a contact me page, Take a look at the image below for the following points :
The red arrow shows the HTML mode. Here is where you have to click if you want to add some code.

In compose mode with the green arrow i added some text and color.
I have the title circled, i used 'Contact me'..very clever.
And circled at the bottom you can see I'm ready to publish my page.
(Once again for people used to the old editor you will notice the preview in the new editor is a pop up) :

Step 4. I have now clicked publish page and i have 3 options as to how and were the page will be displayed.As i said earlier the pages are displayed as a menu but you can do any of the following as shown below :

Display Pages in a menu across the top of your blog.

Display Pages as a menu in the sidebar of your blog.

Publish the page and add the link to a menu you already have

If you choose the third option then the link to your new page will be like this :

http://yourblogadress.blogspot.com/p/pagename.html

Once you chose how you want the pages to be displayed click 'Save and Publish' and the page has been added.You will notice Blogger have cleverly also added a 'Home Page' link to the menu.

If you want more pages, just repeat the steps and add it to your menu with a limit of 10 pages.

You can also edit how the pages are displayed :

In your 'Layout' Click 'Edit' for your pages and you have the option to choose the order in which the pages are displayed or choose to stop displaying a page without deleting it.
At the bottom you will see a tip, this basically tells you if you have your Page as a horizontal menu at the top of the page and move it to the sidebar it will automatically change to a vertical menu to fit the sidebar :

This is a nice new feature and you should take advantage of it.