Latest Blogger Tricks,Tips,Tutorial,Template,Widgets

Open your document in Excel or another Excel document reader.

Left click your mouse from the left, top-most column all the way to the bottom right of the spreadsheet. This will select all the cells.

Click the "Copy" button in Excel to copy the spreadsheet. Do not press the "Cut" button as while it will copy the spreadsheet, it will also erase it.

Log into your Blogger account by going to www.blogger.com.

Click "New Post" to begin writing a new blog posting. If you wish to add the spreadsheet to a current blog posting, click "Edit Posts" instead and then select the desired posting.

Right click anywhere in the blog posting text field and select "Paste." All data from the spreadsheet will then be added to the blog posting. Click "Publish Post" and your spreadsheet will be posted to your blog.

Blogger Basic : Make Your Blog Professional

2010-07-31T13:52:00.003+05:00

Hide the default Blogger navbar to start the process of professional branding. The navbar can easily be removed by entering your template's HTML code and finding the closing body tag and inserting a line of code directly before it. See picture for example of what your closing body tag should look like. Once you save your changes view your Blogger blog to make sure the navbar at the top of your screen has been removed.

Install a custom blog template. Making a Blogger blog look more professional is very easily accomplished by simply installing a free blog template provided by any number of Blogger blog designers. You would be surprised how many free templates are available and how easy they are to install. Most installations are based on simply uploading the new template file to your "Edit HTML" page whereas more advanced templates may have specific instructions which are typically described by the blog template designer. To find a suitable blog template do a web search for "free blogger templates" or "best free google blog templates" and begin searching through the vast supply of options.

Your blogger blog will look more professional if you have a robust comment platform to replace the standard Blogger comment platform. There are a handful of javascript based comment platforms that can replace the default version. If you choose to do this option you will want to follow the instructions of the designer of the comment platform engine. Blog comment platforms are always in flux; do a web search for "blogger blog comment platform" and find install the platform you feel will best fit your blog's needs and your blog's template design.

Lastly, no professional Blogger blog is complete unless it is professionally branded with a custom domain name. Google Blogger offers a step by step guide to setting up your custom domain in the settings section of your blog's dashboard. Of all first step options this is the only one which will cost you money though the final cost does not have to be more than ten dollars if you are price sensitive. A custom domain name instantly makes a Blogger blog look more professional and if it is in addition to the previous steps will often make a viewer think they are looking at a unique stand alone website rather than a free Blogger blog that was set up in 30-60 minutes.

Tips and Tricks:How to Get Followers From Twitter

2010-07-20T14:08:00.003+05:00

1. Use Twitter’s tools for finding and adding your existing contacts. If you follow them, they’ll likely follow you. Don’t stop there, however. Follow up with an email to each of those people letting them know why you really hope that they’ll follow you on Twitter. This follow-through increases the number of followers that you’ll get.

2. Make an announcement on your other social networking sites that you’d like to be followed on Twitter. Let your Facebook and MySpace friends know where they can find you to follow you on Twitter. Don’t just make this announcement once either; update your Facebook status with this info every two or three weeks to keep getting people’s attention back to your Twitter. You can also post to Facebook from Twitter and it will show up on Facebook that you did that so people will know that you’re using Twitter.

3. Add your Twitter information to your email signature. Every time that you email anyone, they’ll see that they can follow you on Twitter.

4. Blog about your use of Twitter. Mention regularly in your blog or on your website that you are a Twitter user and be sure to link to your Twitter contact information.

5. Add the Twitter widget to your website. In addition to mentioning your Twitter use yourself, you can actually show others what you’re Twittering by adding the Twitter widget to your site or blog. This encourages readers to check out your activities on Twitter and therefore to follow you.

6. List yourself in Twitter directories. Directories like JustTweetIt and WeFollow are great places to provide others with information about who you are and how to follow you on Twitter.

7. Improve your page. You can customize Twitter with a better background, avatar and bio info. The better your page looks, the more likely it is that people who see that page will want to follow you.

8. Be active on the site. The best way to get followers is to follow other people and then respond regularly to the things that they post. The more active that you are on Twitter, the more people are going to want to follow you.

9. Be interesting on the site. Don’t just be active without saying anything. Post things that are actually interesting so that people will be interested by you.

10. Offer to guest post on the sites of big Twitter users. Find Twitter users who have a lot of followers. Check out their blogs. Offer to guest post on the blog in exchange for promotion of the post on Twitter. This increases attention to you on Twitter and creates more followers.

11. Write articles around the web and promote them on Twitter. There are many sites that you can write articles on (HubPages being one of them) so write a few about Twitter and link to your profile. (Here’s my Twitter information!)

12. Participate in forums and blog comments about Twitter. The more that you’re talking about Twitter, the more that you’re going to get attention from other people online who are using Twitter and who may want to follow you on the site.

13. Request support from your Twitter followers. Once you’ve established a bit of a following, Tweet that you’re looking for more followers and would love people to let their Twitter followers know where to find you. Some just might help you out.

14. Create some sort of contest related to Twitter. Make up your own creative contest on your website or Facebook page that ultimately leads to benefits to someone else for supporting you on Twitter. For example, you might giveaway something to the friend who refers the most people to follow you on Twitter.

15. Make a Twitter Landing Page. This is a tip from Problogger that basically says to replace your website home page with a Twitter landing page which informs people about your use of Twitter so that they can follow you. Then they can check out your website.

16. Add your Twitter URL to your business cards. Make sure all printed promotional materials that you have include a link to your Twitter profile.

17. Follow people often. Follow new people every single day. They may follow you back. Follow everyone who follows you. Their followers may follow you back.

18. Join Twitter Groups. There are online groups that are all about Twitter and if you join them then you’ll meet people who use the site and who want to friend other users on the site.

19. Go to TweetUps. These are in-person meetups of Twitter users that are springing up all over the country. Meet people in person, put a face to the name and then you can follow each other on Twitter with some real impact.

20. Get creative. The main thing is to do all that you can to keep thinking of new ways to drive traffic to your Twitter account so that you gain followers. The more creative you get, the more likely it is that you’ll see success on the site.

10 Most Wanted Blogger Gallery Template

2010-07-19T14:16:00.013+05:00

Blogger Gallery Template is very use in photos blog specially now a days there are large number of blogs related from photos blog. In this collection there are some good template that is awesome use of graphics and CSS script. There are a number of photoblogs in the blogosphere. With less text and more images, these blogs mainly target the social networking sites over search engines for traffic.

Features
Description: Photo Gallery is a free blogger template with 3 columns, gallery-styled, footer columns and abstract.Excellent layout for blogs about photography.

Features
Description:WP Showcase is a free blogger template with 3 columns, right sidebar, gallery-styled, rounded corners and footer columns.

Features
Description:Bluefolio is a free blogger template with 3 columns, gallery-styled and footer columns.

Features
Description:Perogato is a free blogger template adapted from WordPress with 3 columns, right sidebar, gallery-styled and rounded corners.

Features
Description:Remixzone is a free blogger template adapted from WordPress with 3 columns, right sidebar and gallery-styled.

Features
Description:Emperors is a free blogger template adapted from WordPress with 3 columns, right sidebar, gallery-styled, perfect for photologs and space for ads.

Features Description:Tequilas Flamejantes is a free blogger template with 4 columns, right sidebar, gallery-styled and perfect for photologs.

Features
Description:Bloggerpress is a free blogger template with 3 columns, right sidebar, gallery-styled and rounded corners.

Features Description:Hybrid Gallery is a free blogger template with 3 columns, left sidebar, gallery-styled, perfect for photologs, rounded corners and space for ads.

Features
Description:sGallery is a free blogger template adapted from WordPress with 3 columns, right sidebar, gallery-styled, perfect for photologs, rounded corners and grunge style.

Easy Navigate Blogger Template "Record"

2010-07-19T13:33:00.003+05:00

Features
Designer: New WP Themes
Description: Record is a free blogger template adapted from WordPress with 3 columns and sidebar on the right and left.

How to Add Syntax Highlighting in Blogger Post?

2010-07-19T12:56:00.004+05:00

This Post totally write by Matthew V Ball and his post is Adding Syntax Highlighting to Blogger.

Step 1. Go to this link, then perform a "select all" and "copy". The css information is now in the clipboard.

Step 2. Paste the css information at the end of the css section of your blogger html template (i.e., after <b:skin></b:skin>).

Step 3.Before the </head> tag, paste the following:

<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shCore.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCpp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCSharp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushCss.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushDelphi.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJava.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushJScript.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPhp.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushPython.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushRuby.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushSql.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushVb.js' type='text/javascript'></script>
<script src='http://syntaxhighlighter.googlecode.com/svn/trunk/Scripts/shBrushXml.js' type='text/javascript'></script>

Step 4. Before the tag, insert the following:

<script language='javascript'>
dp.SyntaxHighlighter.BloggerMode();
dp.SyntaxHighlighter.HighlightAll('code');
</script>

Step 5. Use the "Preview" button to make sure your website is correct, then click "Save Template".

Step 6. When composing a blog entry that contains source code, click the "Edit Html" tab and put your source code (with html-escaped characters) between these tags:

<pre name="code" class="cpp">
...Your html-escaped code goes here...
</pre>

(Note: This article is somewhat dated because SyntaxHighlighter 2.0 was released in February 2009. However, this article is still valid for those who prefer the older 1.5.x version or who don't want to upgrade)

50 Tips to make your blog more popular

2010-07-11T01:16:00.003+05:00

I found this tips from digitalpoint.com forum and I would like to thank to writer of this tips so read and make your popular . This tips really impressive.Here is a list of some very creative ways which can help you make your blog popular. If not popular, at least it will give you some ideas of what to post on your blog if you are running out of topics to write about.

1. Start a controversy. Just remember not to cross the line.
2. Start a contest. Make sure to end it too.
3. Give away free goodies. People love them.
4. Write about other bloggers to interest their visitors to read your blog. Keep it positive.
5. Dress up your blog often (By dress-up I mean tweaking the design)
6. Interview other bloggers and post the interview.
7. Write about your personal life sometimes.
8. Ask questions to your visitors.
9. Share some secrets.
10. Celebrate your birthday with your visitors. Think of innovative ways for doing this.
11. Celebrate your blogâ€™s birthday too.
12. Write something funny or disgusting. (Donâ€™t make it a habit)
13. Make a bumper sticker with your blogâ€™s name and stick it on your car. (Just make sure you drive often)
14. Write an e-book and distribute it to your visitors for free.
15. Introduce a commission based affiliate program.
16. Tell your visitors about your latest fad or obsession.
17. Post interesting pictures of your pets.
18. Congratulate the top commentators occasionally.
19. Encourage sharing of opinions.
20. Donate for a cause or become a volunteer for a non-profit organization. Ask your visitors to join you.
21. Put your blogâ€™s ad in the local newspaper or the yellow pages.
22. Hold blog competitions.
23. Create polls.
24. Hold an auction and let people bid for something useful (For example, advertising space on your blog).
25. Write about your blog achievements.
26. Share your hopes and aspirations about your blog.
27. Start an award distribution system.
28. Make contact with your local visitors and hold a get-together or a bloggersâ€™ meet.
29. Start a blog comic strip.
30. Dig up some old article that you wrote on your blog which became famous and start a discussion.
31. Try and get a photograph clicked with a real celebrity and post it on your blog. (Hold on Tiger..donâ€™t rush to that Photoshop button!)
32. Post videos that will help your visitors learn something new. Also submit them to video sharing websites like YouTube.com.
33. Write about your hobbies and interests. (For example, if you like cooking, post a new recipe)
34. Post about one of the weirdest thing that you ever did.
35. Get featured in a print magazine.
36. Buy a paid review from any famous blogger(s).
37. Brand your blog with a catch phrase along with a logo.
38. Distribute T-shirts or merchandise with your blog name on it.
39. Join Yahoo! Answers and put a link on your website to your answers.
40. Keep a track of websites that pick up your articles or press releases. Offer them exclusive news or content.
41. Do surveys and publish the results to your visitors.
42. Build tools that your visitors might find use for.
43. Start a newsletter.
44. Podcasting is another good way to make your blog popular.
45. Publicize your blog to your friends and relatives and let them do some work for you.
46. Be active in Social Bookmarking websites.
47. Share Link Love and you will get it back.
48. People like to read about Web 2.0. Write about it.
49. Write about something thatâ€™s already famous.
50. Last but not the least, be yourself.

Make Your Label as a Meta Keyword in Blogger Post

2010-06-02T13:02:00.003+05:00

If you had to give up one meta tag, the meta keyword tag would be the one to give up.
Now that we've covered the all-important title tag and meta description tag, it's time to move on to the very misunderstood and abused meta tag, the meta keyword tag.
Everyone knows that to obtain high search engine rankings all you have to do is put the keywords that you want to rank high with into your meta tags, right? Not even close! If it were that simple, I'd certainly be out of work. How many of you reading this column have obsessed over meta tags such as the keyword tag? How many of you have tried putting every relevant keyword you could think of into this meta tag, only to have your site continue to be nearly invisible in the search engines? How many of you couldn't decide if you should put commas between the keywords? Spaces? No commas? ALL CAPS? Plurals?

Here is Link I found from this site Blogger SEO Tip: Use Post Labels as Meta Keywords.

Mix Collection of Blogger Template

2010-06-01T16:13:00.005+05:00

In this collection there are most beautiful and creative header blogger template here I found this template from btemplates.com this site really help me to find good template. In this collection of template some templates are right sidebar and some two column , one column and some professional templates.

5 Tips for New Bloggers to Promoting Blog

2010-05-17T14:55:00.003+05:00

If your are new blogger and want to promote your blog and increase your traffic I suggest you follow 5 tips that is very effective.If you are new to the blogger scene it is sometimes difficult to know where to go or how to go about promoting your blog. Here you can find some ideas on how to drive traffic to your blog and what avenues you have available to advertise your blog.
I write another post for promoting blog best easy six tips for promote a blog

1.Signature Promotion: To promote your blog add your Blog URL to the signature section of your forum profiles- so that it shows every time you post- or you can even add it as a signature in your emails.

2.Sign up with Blog Directories, Topsites and bookmarking sites then submit your blog to each of them (sites such as blogarama, bloggeries, blogapedia, technorati, Furl, del.icio.us etc) This is an extremely important step in website promotion and website traffic.

3.Submit your url to search engines (i.e. Google, Yahoo) to help promote your blog and drive traffic to your blog.

4.Another important step for a blogger is Ping-ing your blog regularly after new additions or updates have been made. (pingomatic, Pingoat, scrubtheweb)
This will alert sites that your url submission has been updated.

5.Keywords and Content - If your content is less than quality -fix it - if possible before you submit the url to directories or do any search engine submission! You will find these days that a lot of blog directories and other traffic boosting sites will refuse poor quality sites. Also, make sure you are using the proper site related keywords. Check out the Google Adwords Keyword Tool (link below) for good ideas of what keywords and keyword phrases people are searching for now.

Design a Widget for Your Blog

2010-04-27T14:33:00.003+05:00

Design a Widget for Your Blog.Widgets are helpful tools that allow readers of your blog to access other Web sites lead them to anything you find useful or interesting

Step 1:Use HTML or JavaScript to design a widget. To create a widget you will need to use a complicated block of code that usually results in an animated image or other graphic. There are programs available to assist in designing widgets, but the process is usually difficult for inexperienced users.

Step 2:Host the newly designed widget on your Web site or server and connect it to the Blogger.com Web site. You must include the URL 'http://www.blogger.com/add-widget' as the form action to have Blogger.com handle your widget.

Step 3:Include the widget ID and type in the code, as these are required elements. The 'locked,' 'title' and 'page type' attributes are all optional in your widget
code.

Add the Widget to Your Blog

Step 1:Click on the 'Submit' button or 'Add to Blogger' button that is attached to the customized widget. Users will then be taken automatically to a Blogger.com form.

Step 2:Log in to Blogger.com and select one of your blogs. You will also see the title of the widget and have an opportunity to edit the content and template for the page element.

Step 3:Click on 'Add Widget' to add the code to your blog and see the widget in action.

How to Use Google Analytics for Blogging | Track Your Visitior

2010-04-27T13:44:00.006+05:00

Google Analytics is the enterprise-class web analytics solution that gives you rich insights into your website traffic and marketing effectiveness. Powerful, flexible and easy-to-use features now let you see and analyze your traffic data in an entirely new way. With Google Analytics, you're more prepared to write better-targeted ads, strengthen your marketing initiatives and create higher converting websites.
f you want to track visitors to your Blogger blog, you can use the free tool offered by Google Analytics. You can even sign up using the Google Blogger account name and password you use to access your Blogger account.

Step 1:Go to Google Analytics (see Resources below).

Step 2:Log in with your Google Blogger account name and password.

Step 3:Click on "Sign Up for Google Analytics."

Step 4:Enter your Blogger URL and blog name when prompted.

Step 5:Enter your name and phone number.

Step 6:Copy the code that's generated. You will paste this code into your blog template.

Step 7:Log in to your Blogger account and click on "Template."

Step 8:Click on "Add a Page Element."

Step 9:Select the "Add to Blog" button under "HTML/JavaScript" on the New Page Element window.

Step 10:Paste the code you copied into the content block and select "Save Changes."

Step 11:Go back to your Google Analytics page and click to test whether you've properly installed the code.

Step 12:Track the number of visitors to your blog, as well as other visit statistics, by clicking "View Reports" on the Google Analytics menu bar.

4 Beautiful Blogger Template

2010-04-26T17:20:00.004+05:00

Organic Life

Journic

Welding

Rockie

Complete Guide of Twitter to Drive Traffic

2010-04-24T01:16:00.004+05:00

Web design and search engine marketing experts believe that Twitter has the potential to change the way organizations communicate with their customers. Twitter is a free to use micro-blogging service. It is referred to as micro blogging because a single Tweet (post on Twitter) cannot be more that 140 characters in length. This is one of the main reasons why information on Twitter is short, to the point and effective.

Although Twitter has been around for a few years, it is only recently that Twitter has seen an explosion in its popularity and use. Whether you are a web design company or a small business; it is highly unlikely that you have not heard of Twitter. Twitter is one of the most successful social networking websites that has established itself as a successful tool for connecting with a vast audience with little effort. What makes Twitter different to other social networks or blog platforms is that your messages or posts are limited to 140 characters of input only.

A post in Twitter is commonly referred to as a Tweet and it cannot be longer than 149 characters. Twitter offers many opportunities for businesses, organisations as well as consumers. Twitter has been in the news more than once lately with examples of how businesses have established successful Twitter groups targeting a range of services from customer support and product support to internal communication between employees.

A Powerful Tool for Obtaining Information
Twitter can be quite an effective search tool for researching any kind of information. The results can complement other methods or sources of information. Twitter has a vast user base who are constantly updating Twitter with new information on different niches. Try searching for a keyword in Twitter. Its usefulness as a powerful research tool will be easily evident.

Re-enforce Your Brand
You might have your website or blog or but its readership will be limited to users who are either aware of your brand or if your command a high position on major search engines. Due its vast usage, Twitter can be a usefully medium for promoting your products and services and establish your brand. If you are an established business you can use Twitter to enhance your brand image. On the other hand if you are a smaller business with limited brand awareness then Twitter can be excellent for promoting and establishing your brand among a vast audience.

Marketing Opportunities
Twitter can be useful in promoting your products and services. It provides a cost effective method to increase awareness about your products or services. A business can inform customers about any new announcement or special offers. It offers all the advantages of traditional text message marketing and more. It can prove to be a useful tool for conducting market research by better understanding of potential or existing customers.

Drive Traffic to Your Website
Twitter can also be used to drive traffic to your website. Website or blog owners commonly use Twitter to promote new content or articles that have been published on their blog or site. Bloggers often use Twitter to inform their audience of any new posts on their blog by posting links on Twitter. If you post quality information on Twitter and have an active profile, you will also receive indirect traffic as users who like your contribution will tend to click on your Twitter profile and are likely to visit your website.

Networking Opportunities
Twitter also provides excellent opportunities to network with people of common interest. On a personal level Twitter allows one to communicate with friends and family or close network of connections. On an organizational level Twitter allows colleagues who are not co-located to communicate with each other or businesses to communicate with their customers. With Twitter it is also possible to target a specific niche or audience by following others from your industry. It can thus allow a business to build contacts within the industry. Communities have developed around many of Twitter groups or niches.

Twitter provides you with an opportunity to join a group of interest by following others who are influential within your niche. Twitter also allows businesses to communicate with customers and receive feedback in a casual and cost effective manner. It can prove useful in understanding and obtaining consumer opinion about new products or services or new ideas. Businesses have also used Twitter effectively to measure the performance of campaigns.

This article I found Web design & Internet Marketing

Blogger Template "Business Theme 01"

2010-04-15T01:22:00.002+05:00

Properties: 3 Columns, Fixed width, Gray, Right sidebar, Rounded corners
Categories: Business

Gray, Right sidebar and White "Awes" Blogger Templates

2010-04-15T01:17:00.002+05:00

This Blogger Templates looking very nice and have Properties 2 Columns, Adapted from Wordpress, Fixed width, Gray, Right sidebar, White,Neutral

Migrate Your Blog Post to Wordpress

2010-04-11T14:44:00.004+05:00

If your want to export/migrate your Bloger post to Wordpress then there are simple and easy tips for just try and follow step.

Step 1:You click on "Settings" of the blog you want to export. You will be on Basic tab. Right under the Settings' menu, there is a link to click on. The text of the link is "Import blog". When you get to the next page, You click on "Download Blog" and then on the dialog box you must save the file.

Step 2:You go to your WordPress administration page of the blog you want to receive the posts. You click "Tools" on the left-hand side bar. then you click on "Blogger." On the "Have a Blogger export file?" answer box, click browse to search for the file to upload. Click on "Upload file and import."

Step 3:Lastly, just click on Import for the respective blog you want to import. It is under "The Magic Buttons" header. Wait for it to finish uploading.

Note:When you are waiting for it to finish, it would say Importing . . . That doesn't mean you cannot click out of the page

Using Twitterfeed to Auto-Blog Posts to Twitter

2010-04-11T14:19:00.004+05:00

Twitter is one of the best network to increase traffic If you have twitter account then I suggest you use twitterfeed to auto post your blog posts to twitter here there are four step tutorial.

Step 1 :The easiest way to automatically tweet your blog posts is through Twitterfeed. Go to http://twitterfeed.com

Step 2:Login to Twitterfeed using your OpenID. If you have a Blogger account, you will just need to choose Blogger from the list of possible logins and enter your username. For example, if the URL of your Blogger blog is http://abcdefg.blogspot.com, then your username is abcdefg.

Step 3:After logging in, you will be able to go to your Twitter feeds. This gives you the option to enter a new feed. Click on "Create New Feed". Enter your Twitter name and password, as well as the URL for your RSS feed. Adjust the settings for how often you want Twitterfeed to check your blog for new posts, and click "Create".

Step 4:That's it! Now, when you create a Blogger blog post, a tweet will automatically be created and posted to your Twitter account.

Very Nice and Awesome Popular Blogger Template Collection.

2010-04-07T16:50:00.000+05:00

There are tonnes of Blogger templates out there, but we all know it’s hard (or perhaps take times) to find the really nice and high quality ones. So for those who are bored with their current Blogger template and intend to change, we thought your time can be spent better on browsing only the best and nicest among the free Blogger themes. Here’s 50 most beautiful Blogger templates we managed to compile. Prepare to scroll after jump.

Blogger Template Link Here: 50 (Most) Beautiful Blogger Templates

Google Pagerank Update ! Latest Blogger Tricks new 2 pr

2010-04-04T14:48:00.002+05:00

Google updated its PR on 3rd April 2010. This is the first PR update of the year 2010.
Latest Blogger Tricks PR amazingly in this update (PR 2) and I am very thankful to best and lovely readers.So this time.Many of us were expecting some PR. So now will you share what were your expectations and what did you achieve ?
So keep reading and I again thankful to readers and followers.

How to Make Mouseover Navigation Menu withh CSS?

2010-04-03T11:00:00.008+05:00

If you want add navigation menu with CSS in your blog this is very east to put your blog.Navigation menu is the process of reading, and controlling the movement of a craft or vehicle from one place to another.

Demo: Mouseover Navigation Menu

Step 1 : Log in your Blogger Account

Step 2 : Go To Layout

Step 3 : Edit HTML

Step 4 : Then find HTML and copy blow Code before this " ]]></b:skin> " and Save Template.

Yahoo Smileys Emotions Hack in Comment Section

2010-03-30T13:50:00.011+05:00

This post is not unique but my friend asked me that how add yahoo smileys emotions in blogger comment now I post this hacks from help of anshuldudeja.com and I also this hack in my blog enjoy this yahoo smileys emotions hack.

Step 1 : Login your Blogger Account

Step 2 : Go to Layout

Step 3 : Open Edit HTML and Check on Expand Widgets Templates

Step 4 : Now Find below Code

Step 5 :Replace the above codes with below one

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<div style='-moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; width: 369; text-align: left; border: 1px solid #cccccc; padding: 5px; background: #eeeddf; height:86'>
<b>
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/21.gif' width='18'/> :))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/71.gif' width='18'/> ;))
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/5.gif' width='18'/> ;;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/4.gif' width='18'/> :D
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif' width='18'/> ;)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/10.gif' width='18'/> :p
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/20.gif' width='22'/> :((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/1.gif' width='18'/> :)
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/2.gif' width='18'/> :(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/8.gif' width='18'/> :X
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/12.gif' width='18'/> =((
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/13.gif' width='18'/> :-o
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/7.gif' width='20'/> :-/
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/11.gif' width='18'/> :-*
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/22.gif' width='18'/> :|
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/35.gif' width='24'/> 8-}
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/100.gif' width='31'/> :)]
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/102.gif' width='44'/> ~x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/104.gif' width='30'/> :-t
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/66.gif' width='18'/> b-(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/62.gif' width='18'/> :-L
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/14.gif' width='34'/> x(
<img border='0' height='18' src='http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/24.gif' width='30'/> =))
</b>
</div>
<b:include data='post' name='comment-form'/>
<b:else/>
<b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
</b:if>
</b:if>
</p>
</b:if>

Step 6 : Now find the </body> tag and paste the following script just before it.

4 Free Sites For Shorten URL

2010-03-30T00:16:00.009+05:00

Shorten URLs or links are popular in twitter. If you want to create your link showing shortly you should be used these free site that is make your link shortly.URL shorteners are helpful because they can preserve a link to a specific web page even if the URL to that page changes in the future. However, it's not guaranteed that the shortened URL will work if the original URL changes.

Tinyurl.com
Tinyurl.com is the most commonly used website to shorten URLs for free. It's easy to use, requires no registration, and reliable. You can also download the Tinyurl toolbar to make shortening your URLs even easier. Even better, you can customize your URLs, so they're easier to remember and more meaningful.

Bitly.com
Bitly.com gives users two options for shortening URLs. You can shorten URLs by simply pasting the link and clicking the Shorten button with your mouse, or you can register for a free account and access more powerful tools. For example, when you log into your account, you can post directly to your Twitter account from Bit.ly, track the clicks on your shortened URLs, and more. There is also a bookmarklet you can add to your browser toolbar to make shortening URLs quick and easy from any web page. If you use Firefox as your web browser, there is a preview plugin that allows you to see where shortened URLs lead to without having to actually click through. You also have the option to customize your URLs with Bitly.com.

Snurl.com
Also called SnipURL, Snurl allows non-registered users to shorten URLs (referred to as 'snips'), but registered users have access to more tools including analytics to track clicks on your shortened links and an option to customize your shortened URLs. Snurl also offers a page of recent 'snips' that you can browse.

Tinypic.com
Tinypic.com allows users to upload images and videos, store them on the Tinypic site, and create shortened URLs for those pictures. Registration and login is not required to use Tinypic. Photobucket.com owns Tinypic.

Now Blogger Earn Mony with Amazon.com

2010-03-24T23:26:00.003+05:00

Do you link to Amazon in your blog posts? Our Amazon Associates integration makes linking easier, and can even earn you some money!Earlier this year we simplified the process for monetizing your blog by adding a “Monetize” tab in the Blogger app. We started with AdSense, which allows you to add contextual advertising to your pages; more recently we added AdSense for Feeds to help you generate revenue from the distribution of your blog via RSS and Atom. Today we launched a third option: direct integration with Amazon Associates to search Amazon’s product catalog and add links to products that earn you commissions when your readers buy products you recommend.

With this feature, you can search Amazon directly from the Blogger editor and add pictures and links to Amazon products right into your posts. Your readers will earn you commissions whenever they buy the products you recommend, and if you don’t already have an Amazon Associates account, you can sign up for one for free without leaving Blogger.

If you’ve ever written a blog post about a book, recommended a gadget, or reviewed a toy you bought for your kids, you’ve likely gone through the process of drafting the post, opening up a separate window to go to find a site that sells the product, then going back to Blogger to paste the link to the product into the post editor.

Starting today, you can search the Amazon product catalog without leaving the Blogger interface and insert links to the products you find into your posts. Not only is the process of linking to products more efficient, but Amazon makes it easy for you to earn money whenever your readers actually buy the products you write about. This is known as an “affiliate program”, and it’s designed to let you recommend products you like to your audience — if they buy the product, you’ll earn a commission on that purchase. (For more on affiliate programs in general, here is a good overview at ProBlogger from this summer, and Darren’s “11 Lessons Learned” post about Amazon Associates is a good review of how to get the most out of the program.)

To get started, click on the Monetize tab for your blog and click “Amazon Associates”. Walk through the setup wizard, and add the Product Finder once you’re done.

Now for the fun part: when you are writing a post on Blogger, you’ll see an Amazon gadget to the right of your post editor (the “Product Finder”). You can search the Amazon product catalog from within Blogger — type in the name of the product you are writing about, and insert a link to the product, an image of the product, or an iframe containing the image, price details and a “buy it now” button. Every link that’s created contains your unique Associates ID, ensuring that Amazon will credit you for any purchases that result from readers clicking the link on your blog.

If you’re an existing Amazon Associate, completing this setup simply makes the Product Finder available on Blogger for you — you continue to earn the same referral rate from Amazon. New Associates receive the same referral rate from Amazon that they would have received if they signed up directly. If you’re not interested in earning a referral, you can still install the Product Finder: from the “Amazon Associates” page under the Monetize tab, click “I'll do this later — show me more Amazon options” and then click “Add the Product Finder” button.

A quick note about trust: affiliate programs work well when readers trust you. You should avoid promoting products simply because of the referral fee you might earn — readers may lose some of that trust if they sense your posts exist solely to make you money. You may also want to disclose to your readers that you will earn a commission on their purchase — some readers even prefer knowing that you benefit from their business.

There’s more information about this integration at Amazon.com, and the Amazon Associates blog has some more details. This integration is the result of months of collaboration between the engineers at both companies, and we’re very excited to share the results of this collaboration with you. Happy blogging!

The Fences,Right Sidebar | Blogger Template

2010-03-21T14:26:00.002+05:00

Easy navigate and simple blogger template which has 2 Columns, Blue, Fixed width, Right sidebar, White.

10 Points To Boost Blogger Traffic

2010-03-17T12:19:00.003+05:00

This 10 points are no unique but very important for both blogger and web so try implement in your site and I also follow this points and my blog day by day increase my blog traffic.

1. Write Well and Write Often

Frequently updating your blog with useful content is the first step to building your blog's audience. The content you write is what will keep readers coming back for more. Make sure you have something meaningful to say to them and say it often to maintain their interest and keep them loyal.

Furthermore, post frequently to increase the number of chances you have for your blog's content to be noticed by search engines such as Google or Technorati.

2. Submit Your Blog to Search Engines

Get on the radar screen for the popular search engines such as Google and Yahoo! by submitting your blog's URL to them. Most search engines provide a 'Submit' link (or something similar) to notify the search engine of your new blog, so those search engines will crawl it and include your pages in their results.

It's important to understand that simply submitting your blog to search engines doesn't mean your pages will appear at the top of a Google search results screen, but at least your blog will be included and will have the chance of being picked up by a search engine.

3. Use and Update Your Blogroll

By adding links to sites you like in your blogroll, the owners of those blogs will find your blog and will be likely to add a reciprocal link in their blogrolls. It's an easy way to get the link to your blog in front of many readers on other blogs. The hope is that some of those readers will click on the link to your blog on the other blogs' blogrolls and find your content interesting and enjoyable turning them into loyal readers.

4. Harness the Power of Comments

Commenting is a simple and essential tool to increase your blog's traffic. First, respond to comments left on your blog to show your readers that you value their opinions and draw them into a two-way conversation. This will increase reader loyalty.

Second, leave comments on other blogs to drive new traffic. Make sure you leave your blog's URL in your comment, so you create a link back to your own blog. Many people will read the comments left on a blog post. If they read a particularly interesting comment, they are highly likely to click on the link to visit the commentor's website. It's important to make sure you leave meaningful comments that are likely to invite people to click on your link to read more.

5. Syndicate Your Blog's Content with an RSS Feed
Setting up an RSS feed button on your blog makes it easy for your loyal readers to not just read your blog but also know when you publish new content.

6. Use Links and Trackbacks

Links are one of the most powerful parts of your blog. Not only are links noticed by search engines, but they also act as a tap on the shoulder to other bloggers who can easily identify who is linking to their sites. Linking helps to get you noticed by other bloggers who are likely to investigate the sites that are linking to them. This may lead them to become new readers of your blog or to add links to your blog from theirs.

You can take links to other blogs a step further by leaving a trackback on the other blog to let them know you've linked to them. Blogs that allow trackbacks will include a link back to your blog in the comments section of the post that you originally linked to. People do click on trackback links!

7. Tag Your Posts

It takes a few extra seconds to add tags to each of your blog posts, but it's worth the time in terms of the additional traffic tags can drive to your blog. Tags (like links) are easily noticed by search engines. They're also key to helping readers find your blog when they perform searches on popular blog search engines such as Technorati.
8. Submit Your Posts to Social Bookmarking Sites

Taking the time to submit your best posts to social bookmarking sites such as Digg, StumbleUpon, Reddit and more can be a simple way to quickly boost traffic to your blog.

9. Remember Search Engine Optimization

When you write your blog posts and pages, remember to optimize your pages for search engines to find them. Include relevant keywords and links but don't overload your posts with too many relevant keywords or completely irrelevant keywords. Doing so can be considered spamming and could have negative results such as your blog being removed from Google's search entirely.

10. Don't Forget Images

Images don't just make your blog look pretty, they also help people find you in search engine listings. People often use the image search options offered by Google, Yahoo! and other search engines, and naming your images with search engine optimization in mind can easily boost your traffic.

Follow 9 Points and Increase Google Adsense Income

2010-03-15T18:01:00.003+05:00

These points are very easy but this point if you can then be patient archive your target step by step and I am sure your Google AdSense Income should increase.

1. Pick a product Keyword

- I use product keywords because you get a higher Earning per click in AdSense when you target these types of “buyer keywords”
- Another reason I use them is because it is easy to write a product review
- Example: “car seats for toddlers”

2. Find 2 other related Long tail keyword

- I then try to find 2 other keywords that have my original keyword in it but also have a brand
- Example: If my keyword was “car seats for toddlers” I would use “evenflo car seats for toddlers”

3. Research Competition and CPC

- I go to the google keyword tool listed here https://adwords.google.com/select/KeywordToolExternal and check out the CPC of all of my keywords
- I try to target only keywords with a CPC of $1 or more
- I put my keyword into google and get the top 10 results
- I take all 10 Urls and put them into yahoo site explorer to see how many backlinks they have
- If out of the top 10 most have more than 100 backlinks I will find new keywords

4. Use a simple and Clean Theme

- I use a very simple and clean theme that has a good Click through rate
- An example of a good theme is here www.carseatsfortoddlers.info

5. Write about 400 words of content on your product

- I write about 400 words of content about each keyword on separate pages
- If your wondering what to write about why not write it in a product review fashion?

6. Build 30 backlinks each week to each page until you are ranked

- I write articles about my products and submit to ezine, do blog commenting, and social bookmark

7. Add Adsense once you are ranked

- I wait until I am ranked to add AdSense so I get a higher payout

8. Rinse and Repeat X 30 = 100/day

9. My favorite step – Enjoy the Profits!

Latest 200+ Collection Of Social Bookmarking List

2010-03-14T15:09:00.005+05:00

Social Bookmarking is way to express your view in different platform here 200 plus Social Bookmarking list that is famous and very popular in web world there is my collection these site are helpful for Search engine optimization.If have any more other Social Bookmarking web address kindly inform me through comments.

Mixx.com
backflip.com
blinklist.com
mister-wong.com
google.com/buzz
propeller.com
reddit.com
shoutwire.com
spurl.net
dzone.com
fark.com
Faves.com
google.com/bookmark
slashdot.com
Spotback.com
votelists.com
multiply.com
ask.com
aol.com
mister-wong.de
spotplex.com
buzz.yahoo.com
bloglines.com
mybookmarks.com
jumptags.com
bibsonomy.org
blipoo.com
blogbookmark.com
blurpalicious.com
bookmax.net
gravee.com
bluedot.us
blogmemes.net
delicious.com
de.lirio.us
diigo.com
furl.net
looklater.com
markaboo.com
ma.gnolia.com
queesh.com
rawsugar.com
shadows.com
simpy.com
hanzoweb.com
tagtooga.com
wink.com
digg.com
ekudos.nl
complore.com
tallstreet.com
goesby.com
portachi.com
a1-webmarks.com
tektag.com
wirefan.comlinkatopia.com
optimiz.com
linklog.nl
wykop.pl
blogmarks.net
connotea.org
listible.com
wists.com
otavo.com
clipclip.org
citeulike.org
i89.us
smarking.com
pusha.se
tabmarks.com
zurpy.com
clipmarks.com
bookkit.com
feedmarker.com
feedmelinks.com
bmaccess.net
linkologia.pl
segnalo.alice.it
lookmarks.com
30daytags.com
imp.etuo.us
linkblog.com.br
oyax.com
urlex.info
bloghop.com
browsr.com
bookmarktracker.com
buddymarks.com
butterflyproject.nl
chipmark.com
connectedy.com
ez4u.net
freelink.org
fungow.com
ww2.ikeepbookmarks.com
mobleo.net
www2.myhq.com
mylinkvault.com
mypip.com
myvmarks.com
pixelmo.com
searchles.com
shoppersbase.com
sitejot.com
syncone.net
startaid.com
zoogim.com
bwsmith.com
aboogy.com
socialbookmarkingsite.com
putvote.com
tagcloud9.com
kinja.com
technorati.com
ambedo.com
icio.de
favoriting.com
corank.com
icerocket.com
igooi.com
ikeepbookmarks.com
indiagram.com
indiahappening.com
indiamarks.com
indiza.com
inspiredrepublic.com
jeteye.com
jots.com
kaboodle.com
kbcafe.com
kinja.com
kmfavorites.com
kopikol.net
kuro5hin.org
leze.de
librarything.com
lifelogger.com
lifeslot.com
lilisto.com
linkagogo.com
linkarena.com
linkblog.com.br
linkfilter.net
linklog.com
linkroll.com
listmixer.com
lookthisup.com
loom.delymyth.net
maple.nu
markbo.com
memeorandum.com
meme-stream.com
memestreams.net
meneame.net
mesfavs.com
millionsofgames.com
motorken.com
mybookmark.gokodo.com
myhq.com
myprogs.net
mystickies.com
myvmarks.com
myweb2.search.yahoo.com
netscape.com
netvouz.com
networkmenus.co.uk
newhots.com
newnooze.com
newsvine.com
newzingo.com
nextaris.com
nowpublic.com
onlinefavorites.com
onlywire.com
openbm.de
opencontent.org
peoplefeeds.com
philoi.com
pixat.com
popdex.com
popurls.com
quimble.com
reader2.com
recommendit.dehsoftware.com
riffs.com
rocketnews.com
rojo.com
rollyo.com
rrove.com
sandbox.sourcelabs.com
scoopt.com
scuttle.org
searchfox.com
segnalo.com
shurl.us
sitetagger.com
slashdot.org
islashdot.orgsubmit.pl
socialbookmarking.org
socialporn.com

11 Latest SEO Tips for Bloggers For Grow Readership

2010-03-13T13:14:00.004+05:00

1.Write quality content, with the aim of being useful to a target audience. What do you know that is the answer to a person's question? Focus on catering that information to that person. Remember, what you are writing is for making their life easier. That said, you writing should be free of thick-headed hyperbole and obfuscation. Rather than refer your reader someplace else for their answers, bring the information and links they need to them. Make your post useful.

2.If you are not writing something intended to be useful to someone else, say like something that is supposed to be funny, it had better be the best you could find online. As we all know, it is desperately hard to grab the attention of the modern internet junkie.

3.Choose the title of your post carefully. Titles and keywords two of the most important things in helping Google direct people to your content. The title should be a concise representation of the content.

4.Include images with descriptive file names, for example rename a photo from "06052009_1453.jpg" to Man_Shot_by_Taser.jpg before you upload it. Descriptive outgoing and internal links also help you rank higher in Google's listings.

5.Get a good hit counter. I use www.statcounter.com and Google analytics. Both are free, versatile, and awesome. StatCounter tracks where your visitors are coming from (geographically and link that brought them), what key words in what search engine they used to get to you, what they looked at on your site and how long, and finally where they exited you site. I use Google analytics for a broader look at my site, and I heard at a science fair that registering with them increases your page ranking.

6.Register your blog with Google's Webmaster's Tools by signing into blogger, clicking "Dashboard", then "Webmaster Tools" under tools and resources at the very bottom. You should see a list of you blogs and the option to "add" them. Do so, and then explore what Webmaster Tools can do for you!

7.In Google's Webmaster Tools: Add a sitemap of your blog under the Sitemaps tab. A sitemap will ensure that all of your content is properly crawled by Google's robots. By default, Blogger sets you up with a few news Feed links for your blog. These FEED URLs are yourblogname.blogspot.com/feeds/default, yourblogname.blogspot.com/atom.xml, and yourblogname.blogspot.com/rss.xml (as well as others). These same URLS make great site maps! So, under the Sitemap tab enter atom.xml and/or rss.xml into the text box by the "Submit Sitemap" button, and BINGO you are set!

8.Register with and post your links on social link sharing sites like StumbleUpon. A large portion of my site's traffic comes from them. Here are some StumbleUpon tips: They reward you for using their toolbar, if you install it they will send more stumblers to the sites you discover. The amount of exposure the sites you submit get depends on many factors, like how many thumbs up it gets, it you used the toolbar, and the amount of stumbling you the submitter do yourself. Remember all of this is simply governed by mathematical equations... I have found that if I submit two links pointing to my own site in a row I get no visitors. However, if I do 50 stumbles (giving thumbs up to some sites along the way) then submit my own site I get tons of traffic from them! There are many other social link sharing sites to check out such as Digg, Fark, and Kirtsy plus too many more to list. Each have their own algorithms

9.Submit your feeds (yourblogname.blogspot.com/rss.xlm) to feed distributing sites. This page is an awesome resource for doing that. I am new to the news feed business, but I already have 8 people who follow my feed, and my site traffic is increasing accordingly.

10.Add Sharing Buttons, such as AddThis!, StumbleUpon, Digg, and Facebook as a gadget in your side bar. You can get the code to add these buttons from each of their respective websites. It is one thing to do yourself favors by submitting your own link to StumbleUpon, but is so much better if a visiting reader does and giving them a convenient button makes it that much easier for them to do it!
Because this Social Bookmark is Best Social Networking see this :The Bigest Ten Social Bookmarking Site of 2010

11.Follow and leave nice comments on other peoples blogs. Not only will being nice feel good, but every comment you make and every profile picture that shows up in someones "Followers" gadget is a link back to your own site.

The Bigest Ten Social Bookmarking Site of 2010

2010-03-11T00:45:00.007+05:00

Social bookmarking is a method for Internet users to share, organize, search, and manage bookmarks of web resources. Unlike file sharing, the resources themselves aren't shared, merely bookmarks that reference them.
Descriptions may be added to these bookmarks in the form of metadata, so that other users may understand the content of the resource without first needing to download it for themselves. Such descriptions may be free text comments, votes in favor of or against its quality, or tags that collectively or collaboratively become a folksonomy. Folksonomy is also called social tagging, "the process by which many users add metadata in the form of keywords to shared content".

The Bigest Ten Social Bookmarking Site of 2010 here:

1 . Twitter

Inbound Links: 12,572,670

Alexa Rank: 12

Page Rank: 9/10

2. Digg.com

Inbound Links: 33,477,840

Alexa Rank: 98

Page Rank: 8/10

3. Yahoo Buzz

Inbound Links: 432,836

Alexa Rank: 3 (Inc Yahoo.com)

Page Rank: 8/10

4. StumbleUpon

Inbound Links: 21,636,190

Alexa Rank: 231

Page Rank: 8/10

5. Reddit.com

Inbound Links: 594,462

Alexa Rank: 335
Page Rank: 8/10

6. Delicious

Inbound Links: 1,137,520

Alexa Rank: 357

Page Rank: 8/10

7. Mixx

Inbound Links: 3,707,449

Alexa Rank: 663

Page Rank: 8/10

8. Technorati

Inbound Links: 3,805,617

Alexa Rank: 916

Page Rank: 8/10

9. Propeller

Inbound Links: 1,012,324

Alexa Rank: 1,810

Page Rank: 7/10

10. Fark

Inbound Links: 1,310,432

Alexa Rank: 2,291

Page Rank: 4/10

50 CSS Layouts, Visual Effects and Forms Coding

2010-03-09T12:36:00.002+05:00

50 CSS Layouts, Visual Effects and Forms Coding.We are always looking to collect such articles for our posts so that we can deliver the most useful and relevant content to our readers. In this post, we present an overview of useful CSS/jQuery coding tips, tricks and techniques for visual effects, layouts and web form design to help you find solutions to the problems you are dealing with or will have to deal with in future.

CSS Layouts: Techniques And Workarounds

Facebook Style Footer Admin Panel
Learn how to re-create the Facebook footer admin panel with CSS and jQuery. Also check out part 2.

Adaptable View: How Do They Do It?
This tutorial explains how to manually change a layout, and it shows two great examples and “how they did it.”

Easy Display Switch with CSS and jQuery
A quick and simple way to enable users to switch page layouts using CSS and jQuery.

Quick Tip – Resizing Images Based On Browser Window Size
In fluid layouts, formatting text to adjust smoothly to window size is easy, but images are not as fluid-friendly. This quick tip shows how to switch between two image sizes based on the size of the browser, the DIV or whatever else you choose.

One Page Résumé Site
A clean layout on one page—literally (just one index.html file with optional images). It comes with contact information in microformats and a main area for the resume using a definition list (dl). And it prints well.

Pegs: Automate Display: fixed++
Chris Wetherell posts on Pegs, a strategy for having one scroll bar but independent scrolling areas. After the first one, click on the other items to flip between sizes. You will see that an area’s scroll depends on the configuration.

CSS 100% Height
A common problem among designers is how to get a div to stretch 100% of the window’s height. There are a few different techniques out there, and this tutorial shows one of them.

CSS3 Drop-Down Menu
A clean, simple a nice navigation menu, designed by Nick La.

CSS Trick for a Scrolling Transparent Background Effect
Scroll the page to watch a battle between good and evil take shape. The effect requires two images: one transparent and one tiled gradient image. The gradient scrolls under the transparent PNG. Because it matches the colors in the PNG, each set of images disappears, depending on the part of the gradient they’re on top of.

Fluid Images
By default, an image element that is 500 pixels doesn’t exactly play nice with a container as large as 800 pixels or one as small as 100. What’s a designer to do?

Scroll/Follow Sidebar, Multiple Techniques
A really simple concept: the sidebar follows you as you scroll down the page. There are a number of ways to go about it. Two are covered here: CSS and JavaScript (jQuery), with a bonus CSS trick.

Vertical Centering With CSS
There are a few different ways to vertically center objects using CSS, but choosing the right one can be difficult. Here is a list of the best ways and an explanation of how to create a nice centered website.

Create YouTube-like adaptable view using CSS and jQuery
Other than the “Turn off the lights” feature, YouTube has great stuff, such as the “change view” feature, which allows you to switch between normal and wide mode, thus expanding or shrinking the video area. Creating this is very simple.

How To Create a Horizontally Scrolling Site
If websites were made of wood, the grain would run up and down. Vertical is the natural flow of the Web. But browsers are equipped with vertical and horizontal scroll bars, right? We have the choice to go against the grain and create web pages that scroll primarily horizontally and that even expand horizontally to accommodate more content. Perhaps a slight blow to usability, but a cool creative touch nonetheless!

Purely CSS – Faking Minimum Margins
min-margin is non-existent in the CSS world. After you’ve pondered and Googled it, check out the solution here.

Create Sidebars of Equal Height with Faux Columns
CSS can be tricky business. Creating columns of equal height, where the content in one column is longer than the content in another, is frustrating. Here’s where the faux-column technique can help. Find out how this solution makes even the most complicated layout a breeze to code.

Setting Equal Heights with jQuery
Here is a script to match the heights of boxes in the same container and create a tidy grid, with little overhead.

Quick Tip: Centered Fake Floats
There were ways to center-align left-floated elements, but then inline-block became popular and everything changed. After a bit of tinkering, Zaharenia Atzitzikaki found an efficient and (mostly) cross-browser-compatible way to center elements without floats.

6 Flexible jQuery Plugins to Control Web Page Layouts Easily
A collection of six jQuery plug-ins to manage page layouts easily.

Four Methods to Create Equal-Height Columns
This article discusses ways to create equal-height columns that work in all major browsers (including IE6). All of the methods show how to create a three-column layout.

How to: CSS Large Background
A tutorial with various CSS examples for how to create a large background using either a single image or double images.

A Nice Little CSS Positioning Technique
Here, we have a basic unordered list (ul), with left-floated images where the text doesn’t wrap under the images. Of course, this technique could be deployed in loads of other instances.

Perfect Full Page Background Image
This technique allows an image to fill the page, with no white space. The image scales as needed and retains its proportions, without triggering scroll bars.

Smart Columns With CSS and jQuery
In observing liquid-width websites, Soh Tanaka sees two common techniques for displaying columns: fixed columns and liquid columns. He points out the drawbacks of both and pitches his solution.

Images And Visual Effects With CSS

A Beautiful Apple-Style Slideshow Gallery With CSS and jQuery
Create an Apple-like slideshow gallery, similar to the one used on Apple’s website to showcase products. It works entirely in the front end; no PHP or databases required.

Rolling a coke can around with pure CSS
Román Cortés is having a lot of fun doing CSS tricks these days. He just built a rolling coke can that uses background-attachment, background-position and a few other tricks to achieve the effect. No fancy CSS3 needed here!

Grayscale Hover Effect With CSS and jQuery
A few months ago, James Padolsey introduced a cool grayscale technique for non-IE browsers. His technique inspired Soh Tanaka to come up with a workaround with a similar effect. His solution relies on CSS Sprites and a few lines of jQuery, but it requires a bit of preparation before implementation. It is not recommended for large-scale projects; it is probably best for portfolio pieces.

Codename Rainbows
Some JavaScript and CSS magic is used here to apply a two-color gradient to text. Shadows and highlights can also be applied. This works especially well on big websites and for dynamic content where creating images for every instance would be impractical.

3 Easy and Fast CSS Techniques for Faux Image Cropping
This article summarizes three fast and easy CSS techniques for displaying only a portion of an image. All of the techniques need only a couple of lines of CSS. You are not literally cropping, which is why it’s called faux image cropping. These techniques can be helpful if you want to keep images to a certain size (for example, thumbnails in a news section). Being able to use CSS to control which portion of an image to display is great.

Image Rollover Borders That Do Not Change Layout
With CSS, the border of any block-level element is factored into the element’s size in the layout. So, if you add a border to an element on hover, the layout will shift. In this post, you will find how to use the regular border property and create inner borders to get around that.

Horizontal Stripes
This tutorial shows you how to create never ending horizontal stripes in your web design using CSS.

Nine Techniques for CSS Image Replacement
Put nine different techniques of image replacement to the test.

Bokeh effects with CSS3 and jQuery
This tutorial teaches you how to re-create the bokeh effect with CSS 3. With some help from jQuery, we can add some randomness in colour, size and position for the effect.

A Stationary Logo That Changes on Page Scroll with CSS
Here is an interesting effect that modifies the logo when the page is scrolled, using the CSS background-attachment property.

Silhouette Fade-Ins
To achieve the effect in the image above, first we need a DIV with the silhouettes as a background image. Then we put four images in that DIV, all the exact same size, with each band member highlighted. These images are hidden by default. Then you absolutely position four regions on top of the DIV; these are the roll-over link areas. With jQuery, we apply hover events to them, fading in the appropriate image.

Creating Triangles in CSS
Few people realize that a browser draws borders at angles. This technique takes advantage of that. One side of the border is given the color of the arrow, and the rest are transparent. Then you give the border a large width; the ones above are 20 pixels.

A parallax optical illusion with CSS: The Horse in Motion
Time for some fun with CSS and optical illusions.

Pure CSS Line Graph
The idea here is not only to offer data visualization to people who aren’t comfortable using scripting languages, but to demonstrate the power of CSS and offer a different way of using CSS. If you are not a fan of line graphs and data visualization, you may still benefit from this article. Think of it as a CSS experiment, and learn a thing or two about CSS Sprites and positioning.

Zooming with jQuery and CSS
This post is about text zooming with jQuery and CSS. This is a basic-level tutorial about changing a style using a jQuery script. A simple way to zoom website content.

Create Resizing Thumbnails Using Overflow Property
This tutorial teaches you how to control thumbnail sizes. Sometimes we don’t have enough space to fit large thumbnails, and yet we would rather avoid small indecipherable images. Using this trick, we can limit the default dimensions of thumbnails and show them at full size when the user mouses over them.

Cross-browser drop shadows using pure CSS
Most methods of adding drop-shadows to content blocks require additional HTML mark-up and one or more PNG images. But by combining the Glow and Shadow filters, something that fairly closely resembles the rendered CSS3 shadow can be achieved.

Date Badges and Comment Bubbles for Your Blog
One of the things you have to deal with when your blog grows is having to cram more info into less space to show everything you want to show. One thing you can do is add an icon for the date and then a bubble over it with the number of comments for that post.

CSS Tables And Web Forms

UX trick: display form data as tabular data
This is a little trick to enhance the user experience of forms. It displays editable form data as readable tabular data.

Tables: Not As Evil As You Think
Tables are evil, right? Yes and no. For tabular data, they’re not, of course. That’s what tables are for in the first place. CSS can do an excellent job of styling a properly formatted table, and the table structure provides good scaffolding for JavaScript calls. But what is addressed here is using tables for non-tabular data (i.e. for the layout). Yes, that’s right: using tables for layout.

Perfect Drop-Down Log-In Box Like Twitter Using jQuery
This shows you how to create a Twitter-style drop-down log-in form using jQuery. It’s really easy, it saves space on the page and visitors feel comfortable with the awesome toggle form.

Make a Select’s Options Printable
When printing a Web page with select elements on it, the select drop-down prints just as it looks on the Web. This of course is practically useless on the printed page. One option for handling this is to follow every select HTML element with an unordered list that duplicates the content. Hide the unordered list in your main CSS file and reveal it with your print style sheet. This is a reasonable approach, except that it’s a big ol’ pain in the butt to deal with all the time. Let’s rely on jQuery to do the heavy lifting instead.

Twitter-Like Log-In With jQuery and CSS
This post explains how to get the Twitter-like hide and show effect for logging in using jQuery and CSS.” Very simple: just five lines of JavaScript for the hide() and show() events and a little CSS.

Clean and Pure CSS Form Design
This tutorial illustrates how to design a pure CSS form without using HTML tables.

CSSG Collection: Free Comment Styles
This is the second CSSG collection from CSS Globe.

Have a Field Day with HTML5 Forms
Here is a look at how to style a beautiful HTML5 form using some advanced CSS and the latest CSS3 techniques. You will definitely want to re-style your forms after having read this article.

Editable/Printable Invoice
Create editable and printable invoices using CSS and some JavaScript. This is version 2 from Vinh Pham.

How to Mask Passwords Like the iPhone
Many smartphones, including the iPhone, show the last character that you typed in a password field with a delay of a second or two. You can see that last character but not the entire password. But browsers don’t do what these mobile devices do. Here is a solution, with some fancy JavaScript and behind-the-scenes trickery.

Make Web Forms Suck Less With Labels
We’ve been filling out Web forms for years, and we all gripe that they could be better. Even with generous padding, the fields are too small. But hardly anyone has improved the most under-rated interaction of them all: checkboxes and radio buttons.

FancyForm: JavaScript checkbox replacement
FancyForm is a powerful and flexible checkbox-replacement script that changes the appearance and function of HTML form elements. It is accessible and easy to use, and it degrades gracefully on older non-supported browsers.

jQuery checkbox v.1.3.0 Beta 1
A lightweight custom-styled checkbox implementation for jQuery 1.2.x and 1.3.x.

Disabled labels and the Trilemma plug-in
The form above on the left makes use of the disabled attribute, but the default browser settings for disabled inputs don’t contrast as much as one would like. To better distinguish at a glance between which inputs are disabled and enabled, the labels of disabled inputs in the form on the right are styled with a faint gray color.

Fluid Search Box
Creating a fluid search box when you have only a single element next to it is trivial. What you should do is wrap the input in an element and use padding to create space for the fixed element; then position the fixed element absolutely (or relatively) in the space created by the padding.

Last Click

Browser Pong
A whole new pong game using three browser windows for the ball and racquets. Clever!

Customize Footer Section with Three Columns

2010-03-08T15:57:00.009+05:00

Footer Section is important for bloggers because this section visibility attract visitor so in this Customize Footer Section with Three Columns in a very tutorial lets start.

1.Log in to your Dashboard

2.Go to Layout

3.Then Edit HTML

2.Click on "Expand Widget Templates"

3.Scroll down to where you see this

4.Replace the Code With:

<b:section class='footer' id='footer'/> of above code,with below code.
<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<p>
<hr align='center' color='#5d5d54' width='90%'/></p>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

5.Now find the </b:skin> tag in your template.

6.Immediately before above line, add the below lines of code:

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

7.Click on "Save Templates" and Done.

Professional Blogger Template "BTemplatr"

2010-03-08T01:06:00.000+05:00

Professional Blogger Template "BTemplatr" has 2 Columns, 3 Columns, Blue, Fixed width, Fresh, Green, Orange, Right sidebar, Rounded corners, Web 2.0 Ads ready, Gradients, Twitter

50 jQuery Tips and Tricks For Bloggers and Web

2010-03-06T13:16:00.004+05:00

jQuery is a lightweight cross-browser JavaScript library that emphasizes interaction between JavaScript and HTML. It was released in January 2006 at BarCamp NYC by John Resig. Used by over 27% of the 10,000 most visited websites, jQuery is the most popular JavaScript library in use today. Here some amazing use of jQuery Script for Bloggers and Web that is using now a day very popular.50 jQuery Tips and Tricks For Bloggers and Web.

Moving Boxes Carousel with jQuery
Many of the concepts presented in classic carousel tutorials are the same, so this tutorial will not throw a lot of source code at you. The big difference here is that there are buttons to change panels and the panels zoom in and out.

Sliding Boxes and Captions with jQuery
All of these sliding box animations work on the same basic idea. There is a div tag (.boxgrid in my css) that essentially acts as a window where two other items of your choosing “peek” through.

Accessible Charts & Graphs from Table Elements using HTML 5 Canvas and jQuery
This technique provides a simple method for generating bar, line, area, and pie charts from an HTML table, and allows you to configure them in a variety of ways.

Make a Mega Drop-Down Menu with jQuery
So how would we go about implementing Mega drop down menus? While it’d be great to do all of this in pure HTML and CSS, it’s impossible at the moment to get those nice half-second delays — and of course there’s a pesky problem with Internet Explorer 6, which only supports :hover on anchor elements. Instead, I’ve whipped up a solution using jQuery and a very nifty plugin called hoverIntent.

Creating a Filterable Portfolio with jQuery
If you have worked in your field for a while, there is a pretty good chance that you have a rather extensive portfolio. To make it a little easier to navigate, you will probably be tempted to break them into different categories. In this tutorial, I will show you how to make “filtering by category” a little more interesting with just a little bit of jQuery.

A fancy Apple.com-style search suggestion
“This example makes use of several techniques: MySQL (for the database), HTML/CSS for styling, PHP for retrieving the data and jQuery for the AJAX request. How about that for some nice way of combining powerful techniques to create something nice like this. You do need some basic knowledge about these techniques to fully understand this tutorial.”

Current Field Highlighting
As a matter of usability and aesthetics, it is a good thing to add some kind of visual feedback on web forms to indicate the currently active (or “focused“) field. In this tutorial, we’ll improve our current field highlighting, using jQuery.

Creating a Dynamic Poll with jQuery and PHP
“When you combine some neat functionality courtesy of PHP with the cleverness of jQuery you can produce some pretty cool results. In this tutorial we’ll create a poll using PHP and XHTML, then make use of some jQuery Ajax effects to eliminate the need for a page refresh, and to give it a nice little bit of animation.”

jQuery Infinite Carousel
This screencast explains how you can create a simple and nice scrolling carousel and how you can also make it automatically loop round by itself. For the latter see also Automatic Infinite Carousel.

De-Constructing Accordion and Hover Effects with jQuery
This video tutorial explains how the hover and accordeon effects on Tim Van Damme’s site can be achieved using jQuery.

Better form submission feedback with jQuery
Browsers fail to give users effective feedback when the user submits a form. Users respond by clicking the submit button over and over. The problem compounds when users find out they’ve been charged 5 times or when you receive 5 contact submissions. The solution is to replace the submit button with a friendly message letting the user know the form is working.

How to Make a Threadless Style T-Shirt Gallery
Here’s the gist: There’s a thumbnail which is a full sized image in a container div, which is smaller than the full sized image. The image is centered within it, but doesn’t show entirely because overflow:hidden is turned on. When the mouse hovers over the thumbnail, overflow:hidden gets turned off, and the entire image is displayed.

Create a gallery by using z-index and jQuery
In this tutorial you will learn to combine the CSS property ‘z-index’ and the power of jQuery to create a unique gallery which have a appearance of a pile of pictures. Also check out Enhancing the z-index Gallery with a Preloader.

Add a favicon near external links with jQuery
External links should always be marked distinctly in order to make it easy for readers to see them easily. You cann add a CSS class to all outgoing links using the pseudo-class a[href^=http]. A more dynamic solution is using the favicon.ico of the external site, if it is available of course.

Scrollable Timelines
Making use of the overflow and scrollLeft DOM property to scroll elements is a much more effective use of the CPU, over animating using CSS top/left. This tutorial demonstrates the same effect used in two completely different ways.

Automatically generate table of contents using jQuery
“Some time ago, I was debating with my friends on the topic: is there any use of generating table of contents automatically. The conclusion was that it can be useful in cases when the reading material is long enough and table of contents (TOC) has a fixed position on the screen. This tutorial will show you how to create such TOC in just a few lines of code.”

Reddit-style Voting With PHP, MySQL And jQuery
If you are a regular at Reddit, you must have noticed the way people vote there. You can either vote up or vote down. This tutorial will show you how to create such a voting system with jQuery, PHP and MySQL.

Making a Content Slider with jQuery UI
In this tutorial we’re going to be using the jQuery UI slider widget to create an attractive and functional content slider. We’ll have a container, which has a series of elements each containing different blocks of content. There will be too many of these elements to display at once, so we can use the slider to move the different content blocks in and out of view.

BBC Radio 1 Zoom Tabs
This tutorial explains how to achieve the effect on the latest BBC Radio 1 website, where the mouse rolls over the image block, tabs slide up and the image zooms a little to reveal more of the picture.

Creating A Slick Ajaxed Add-To-Basket With jQuery And PHP
This is a detailed tutorial which shows creating an unobtrusive Ajaxed shopping cart using jQuery & PHP and can guide you to Ajaxify any e-commerce software you may already be using or coding.

Create a Digg-style post sharing tool with jQuery
We are going to make a digg-style post sharing toolbox. It’s all pretty straight forward and need a little bit of planning. The way it works is different with digg’s. If you view the html source code of Digg’s, it has the sharebox html code in every single post. But, in this tutorial we have only one sharebox, and all the links are sharing the same template.

Using jQuery to play Media Files (MP3,WMA,etc,etc)
I’m going to show you the most productive way (I guess you could say that) of playing a MP3 ( You can also use WMA, and you file of choice) on your website.

Easy Retweet Button
Ever since I saw the Bit.ly JavaScript API I’ve been wanting to build a simple script for tracking the number of people visiting a blog post from Twitter. This past weekend I built a little script for doing just that – and in a completely unobtrusive manner. The script itself is completely standalone (no dependencies) and can be included in any page relatively painlessly. Additionally, since it’s just HTML, CSS, and JavaScript, it’s completely themeable and customizable to the style of your site.

Create an amazing music player using mouse gestures & hotkeys in jQuery
We will create an amazing music player coded in xHTML & jQuery that made use of mouse gestures and hotkeys. You can Click & Drag with mouse to interact with interface’s music player or use directional keys & spacebar instead of mouse.

Creating a Virtual jQuery Keyboard
This tutorial will explain how we can implement a simple virtual keyboard with some (well, okay, lots of!) help from jQuery.

jQuery Feed Menus

Automated image preloading for a snappy UI
We developed a solution that automates the age-old task of preloading images in web applications. It uses javascript and is packaged as a jQuery plugin, but the concept could easily be ported to other libraries or plain old Javascript as well.

Quick Tip: Resizing Images Based On Browser Window Size
In fluid layouts it is easy to format the text to adjust nicely when the window is resized, but the images are not as fluid-friendly. This Quick Tip shows you how to swap between two image sizes based on the current size of the browser, div, or whatever you decide to make the deciding factor. For those looking for a real life example, Last.fm uses this technique on their artist pages.

Exactly Twitter like Follow and Remove buttons with jQuery and Ajax
This post updated exactly Twitter like follow and remove buttons with fadeOut and fadeIn effect.

Using Form Labels as Input Values with jQuery and CSS
I nice little additive to web forms is to put the input labels inside of the inputs box as the starting value. By using jQuery to bring the label in as the value we can archive the desired effect without impacting accessibility, since the label elements are still there. Then we can take it a step further by dynamically adding a class to the input and use CSS to style the form only if JavaScript is enabled. The search box at the top of this page is an example of this technique.

Pretty checkboxes with jQuery

jQuery and Ajax Best Demos Part-2
A small list of jQuery and Ajax demos.

A jQuery inline form validation, because validation is a mess Të Position Absolute
When it comes to form validation, it’s hard to have a versatile solution that works with every form. Figuring out how to display errors is not a simple task. This is something I tried to remedy with this script. When an error needs to be displayed, the script creates a div and positions it in the top right corner of the input. This way you don’t have to worry about your HTML form structure. The rounded corner and shadow are done with CSS3 and degrade well in non compliant browsers. There is no images needed.

How to create a sliding image/reveal content with jquery
Someone asked me about this effect a while ago and i thought i should make a tutorial about this.

The youlove.us scrolling background effect explained
The technique is actually a lot simpler than it looks, it’s based around scrolling a very tall gradient image behind some transparent PNG images. The header image (with our logo, strapline and the laptop) has a transparent background and solid text, while the main page is actually an image with the heading text as transparent cut outs.

Creating a Keyboard with CSS and jQuery
Sometimes it’s just fun to play around with the programming languages we know and see what we can create. I thought it might be nice to create a little online keyboard with CSS, and then make it work with jQuery. The keyboard includes “action” keys (caps lock, shift, and delete) which dynamically changes the keyboard when clicked. I’ll show you how to build it today.

Portfolio Layout Idea Using jQuery

Creating the iPhone unlock screen using xHTML, CSS and jQuery
The iPhone: Everybody knows what it is, many people “played around” with the gadget and most people love it. I also own one of these amazing smartphones, and the looks of the software is really, really sleek and innovative (Just like we’re used from Apple). I wanted to transfer (some) of these amazing designs to a webpage to re-create the same look and feel for webbrowsers. Today, I’m going to show you how to create The iPhone unlock screen in xHTML, CSS and jQuery.

jQuery File Tree
jQuery File Tree is a configurable, AJAX file browser plugin for jQuery. You can create a customized, fully-interactive file tree with as little as one line of JavaScript code.

Create an Amazon Books Widget with jQuery and XML
It makes sense to forgo database tables and server-side code when you need to store a limited amount of non-sensitive data. Accessing this data can be a snap with jQuery because the library was built to traverse XML documents with ease. With some custom JavaScript and jQuery magic you can create some interesting widgets. A good way to demonstrate this functionality is by building a browsable Amazon.com books widget.

Creating a table with dynamically highlighted columns like Crazy Egg\’s pricing table
I like Crazy Egg’s pricing table on their Pricing & Signup page. When you click on “Sign Up” for an option, that plan’s column highlights, the other plans vanish, and a signup form takes their place. There is a number of impressive things happening within this small area. I wanted to try and recreate the behavior step by step, and share the power of combining CSS, JavaScript, and images in clever ways.

Make Your Header Responses To Mouse Movements with jParallax
jParallax turns a selected element into a window, or viewport, and all its children into absolutely positioned layers that can be seen through the viewport. These layers move in response to the mouse, and, depending on their dimensions (and options for layer initialisation), they move by different amounts, in a parallaxy kind of way.

Submit multiple forms with jQuery and Ajax.
How to submit multiple forms with jQuery and ajax.

Using jQuery To Manipulate and Filter Data
When a webpage is designed to display large tables of data, a great amount of consideration should be dedicated to allowing the user to sort through the data in a structured manner. In this article, I will go over four techniques: hover effects, zebra rows, filtering, and sorting.

Building a jQuery Image Scroller
In this tutorial, we’re going to be building an image scroller, making use of jQuery’s excellent animation features and generally having some fun with code. Image scrollers are of course nothing new; versions of them come out all the time. Many of them however are user-initiated; meaning that in order for the currently displayed content to change, the visitor must click a button or perform some other action. This scroller will be different in that it will be completely autonomous and will begin scrolling once the page loads.

Horizontal Scroll Menu with jQuery Tutorial
In this tutorial you will learn how to create a scroll menu. In the final result you will be able to scroll up and down according to mouse-y axis and we’ll use jQuery.color to animate the background-color changes.

SpriteMenu
This is a method of putting together a nice-looking menu in a very quick and easy way. It uses a technique known as CSS Sprites. Instead of trying to manage huge amounts of images, everything is packed into just one file, which means the browser will only have to download one file instead of making multiple requests, and its just a lot easier to manage. The menu is displayed by manipulating the background-position property to display individual sprites in the image. There are no drop-downs attached to the menu, but it shouldn’t be hard to add them in which I may do in the future.

Slicker Show and Hide

jMar
We’re going to tell the script to loop through all of the comments on the page. If the member link on the current comment matches the member link in the profile, then it must be an author comment. The script will then apply an additional class to the comment, allowing you to style it separately.

web2ajax
FaceBook Like – jQuery and autosuggest Search Engine

“Outside the Box” Navigation with jQuery
Just about every website uses the regular navigation concepts we’re all used to. After awhile this can get pretty boring, especially for designers who thrive on creativity. While mimicking the OS X dock and stacks isn’t new, it’s certainly not common

Animate Image Filling Up Using jQuery

Sexy Drop Down Menu w/ jQuery & CSS
Studies show that top navigations tend to get the most visual attention when a user first visits a site. Having organized and intuitive navigation is key × and while most drop down menus may look aesthetically pleasing, developing them to degrade gracefully is also essential. In this tutorial I would like to go over how to create a sexy drop down menu that can also degrade gracefully.

Creating a polaroid photo viewer with CSS3 and jQuery
Placing pictures on simple polaroids on a webpage simply didn’t do it for me. I wanted to drag them around, rotate them and still have a fun time. That’s were CSS and jQuery come in play. By combining the CSS3 Box Shadow and Rotate properties, this effect is relatively easy to create. When dragging a polaroid around, you’ll see the shadow. When it’s placed down, it’s rotated to the left or the right (random).

Use jQuery with Google Analytics to Track Clicks on Outgoing Links From Your Site.
Add outbound link tracking to a new or existing site. Provided that your links to other sites have the REL attribute set, you can track them very easily with some help from jQuery.

Super CSS Selector Support with jQuery
CSS provides a wide array of selectors to specify which elements should be subject to a particular style. CSS 2.1 gives web designers even more granularity when targeting specific elements. This is great in theory. But browser support for these selectors has lagged behind, and IE6 support is limited to only the most basic selectors. This has led to most folks working in the real world stashing the more advanced selectors away for rainy-day experimentation, or idle dreams about the eventual time when we can use these tools.

Blogger Deluxe Template:iTech Blog

2010-03-06T01:52:00.000+05:00

Blogger Deluxe Template:iTech Blog Properties:2 Columns, Blue, Fixed width, Right sidebar, White
Categories:Neutral

Textured Grunge Style Blogger Template

2010-03-06T01:49:00.001+05:00

Grunge Style Blogger Template Properties:3 Columns, Adapted from Wordpress, Brown, Fixed width, Green, Right sidebar
Categories:Grunge, Textured

Beautiful Header Template : Tek Advanced

2010-03-06T01:45:00.001+05:00

Properties:2 Columns, Adapted from Wordpress, Blue, Brown, Fixed width, Green, Right sidebar
Categories:Business, Grunge, Internet

New,Latest and Stylish Blogger Template is "I DO"

2010-03-06T01:41:00.003+05:00

This is very beautiful template which has some qualities 2 Columns, Adapted from Wordpress, Fixed width, Orange, Red, Right sidebar, White Floral, St. Valentine

49 Amazing Wordpress Theme

2010-03-02T17:32:00.002+05:00

In this post there are 49 Wordpress theme that is all time beautiful and most downloading templates in Wordpress amongst are all time most downloaded themes.

Vistered Little 1.6 [download]

Mistylook 3.2 [download]

WP-Andreas01 1.5 [download]

Water 1.1 [download]

Japanese Cherry Blossom 1.0 [download]

Chaoticsoul 1.0 [download]

Cordobo Green Park 0.9.2 Beta 12 [download]

Mesozoic 2.0 [download]

Sky3c 2.0 [download]

Andyblue ver 1.3 [download]

Ocean Mist 1.2 [download]

Freshy 1.0 [download]

Mandigo 1.14 [download]

Foliage Mod 1.02 [download]

QWLIM! 0.3 [download]

Waterlily 2.5 [download]

Blue Horizon 3.0 [download]

Tiga 1.0.2 [download]

Fallseason 1.0 [download]

3k2redux klein [download]

Black Minimalism 1.0 [download]

Glued Ideas – Subtile 0.39 [download]

Grey Gets Green [download]

Brajeshwar [download]

I feel dirty 1.0 [download]

Andreas04 2.0 [download]

Hemingway 0.19 [download]

Wucoco – 3 Column [download]

DFire 1.0 [download]

TerraFirma 3.3.1 [download]

Light 1.0 [download]

Orange Crush 2.16 [download]

Neo-Sapien 0.5 [download]

3k2redux klee [download]

Dark Blix 1.5 [download]

Mambopress 2.3 [download]

Silver Lexus [download]

Unsleepable [download]

Into The Light [download]

Broad Leaf [download]

CITRUS 06 [download]

Beach House [download]

Isulong SEPOH 1.2 [download]

Natural Nouveau [download]

Hemingway Reloaded 1.0 [download]

D3SIGN 4UCK 1 [download]

1024px [download]

Anthosia 3c [download]

BlackPhoto 1.0 [download]

via by hongkiat.com

Latest Tips and Tricks for Improving Blog in 2010

2010-03-02T16:48:00.006+05:00

Latest Tips and Tricks for Improving Blog in 2010 and make happy blogging around the world.

Advertising and Promotion

Join CMF Ads. Yes, as the lead developer I'm biased, but I wouldn't recommend CMF Ads if I didn't believe in it. Rapidly approaching its first anniversary (which is also my fifth wedding anniversary... should be quite a day!), CMF Ads is a low cost, no-nonsense ad network. Add your blog, add the widget, use the forums, accept ads and earn a few dollars, pay just $0.20 for 50 clicks to your blog. It's well worth using. (Note - although some of the remaining points in this section can be applied to CMF Ads, they can be used elsewhere too. This isn't purely a list of tips for CMF Ads.)
Get a decent, memorable ad image. There is no point placing ads on other blogs unless your ad image gives people a compelling reason to click it. A tiny screenshot of your blog or a photo of yourself is not usually the best thing to include on an ad. A photo of you might be an acceptable ad for a personal blog, but will potential visitors know who they're looking at? Include a small amount of text - your pitch - and get people clicking your ads. Frankly, a crappy ad image will produce crappy results. Look to what you can do to improve your ads before blaming other people (such as the sites you advertise on, or the networks you advertise with) for things that only you can sort out.
Find your advertising value. One good thing about ad networks is that you can often buy ads quite cheaply, whereas a private ad on a blog will typically set you back at least $10 per month. However, if you want to earn money from ad networks, you may find that you earn quite slowly due to the need to set a low price. Think you can set a high price and rake it in? Think again. Most small blogs should aim for a low cost ad. If you have a larger blog, that's fine - but measure your ad price against blogs in your niche that are similarly sized. Don't expect $250 per month when your blog is no bigger than the guy who charges $25 just down the road (in online terms, obviously). And don't look at an expensive ad on another site and expect that everyone will be willing to pay for it.
Position your ads carefully. Is the highest priced ad, or the one that you value the most, at the top or the bottom of your blog? Did you just join a new ad network and stuff the widget at the bottom of the page, below a bunch of widgets that do nothing for your blog except slowing it down? I've seen so many blogs with a 256 credit Entrecard widget at the bottom, with a $0.05 CMF Ads widget above it, and a FREE Project Wonderful ad at the top... it's crazy.
Shop around. Don't settle on the first ad price you come across. Check different networks as well as private ad rates. You may get a better deal if you spend a little longer looking, instead of buying the most obvious ad (which may turn out to be the most expensive).
Beware of empty ad slots. It's fine to have an empty ad slot here and there, but when you see a whole row of them - especially across many different ad widgets - it suggests the blog may not be worth advertising on. If this is your blog, then reduce the number of empty slots or you may not get any ads at all. It is very unusual for a blog to put up 30 ads and get them all filled very quickly unless it is a popular blog with reasonable rates.
Don't promote your blog until it is polished. Nobody expects a brand new blogger to make a groundbreaking blog from the very beginning. But while a blog can be very lonely if you have no readers, and you may have an urge to tell everyone about what you're up to, resist the temptation until you have something to share. It's fine if you use a pre-made template, write a few solid posts, and then share your blog with your close friends. But don't go telling people about your awesome new blog if there are no posts and you're still in the middle of moving things around.
Avoid spamming people. By far the most annoying thing about promotion is when people think they can just post their link anywhere and everywhere. There are various ways of promoting your blog - it's best to try them one at a time, and use them sparingly. Don't just drop your link all over the web - you'll just be seen as a spammer.
Link to previous posts. I'll admit, I've been a bit lazy with this post in that I haven't included links to previous posts - and there are plenty of places where I could. However, I wanted to keep the post pure as it's a long list. In most of my posts though, I try to link to earlier posts that may be relevant to what I'm writing about at the time. It's a great way to cross-promote your content within your blog and get people clicking from one post to another.
Watch out for bargains. Contests, giveaways, special offers - these are great opportunities for you to promote your blog on the cheap. Winning a contest is all about luck, and it's usually quick and easy to put your name down, so why not?

Blogging Personalities

Be yourself. Why be anyone else? People will be able to relate to you much more easily. And it's so much easier than trying to lie!
Tell people who you are. Don't feel that you have to reveal your date of birth and marital status - but do open up to people a little. What kind of person are you? Why do you blog? Who would you like to meet? What's unique about you? Give people a way to connect with you.
Collaborate with like-minded bloggers. Have you met other bloggers who have similar views or goals? Could you get together and work towards a common goal? Whether you're writing a guest post, starting a project, working on a group blog or simply bouncing a few ideas around, a team can achieve so much more than you can on your own.
Have a voice. If you are a drone who writes generic, boring posts with no personality, don't be surprised if people aren't compelled to interact with you. Go beyond the basics of blogging - don't just follow other people's advice - show people who you are.
Accept that we can't all get along. It just doesn't matter if people disagree with you. Someone always will. Don't try to make friends with everyone - just do the best you can, and if it's not good enough for some people, shrug and move on.
Engage your community. Give people a reason to care about what you have to say. I choose not to reply to every comment individually, but I do follow up on some comments in future posts. I exchange emails and post in forums too.
Accept interviews. Email interviews can be a good way to connect with bloggers at any level. I've been interviewed a few times by people who have shown a genuine interest in my blog. It shows you're approachable, and also gives some insights into your character that you might not think to mention when writing your posts.
Share your mistakes. Are we all expected to be on top form and in high spirits every day of the week? Right now, I'm exhausted but trying to get most of this post written so I have achieved something tonight. We're not perfect - sometimes it's good to remind our readers that we're human and we do make mistakes.
Take some risks. Does your blog sit happily within your comfort zone, with easy predictable posts that don't really say anything out of the ordinary? Take a new stance - try a new angle - or perhaps a new writing style. Invite commenters to be interviewed on your site if they disagree with you. It helps to keep things interesting.
Influence others. Are you doing things that other people don't think of? Could you start a movement or lead by example? Whether it's intentional or not, influencers are people who are always thinking of new things to try out, and who sometimes just want to experiment to see how things go. Find a successful path, and others will follow.

Comments

Only put your link in the URL field. Don't leave a link to your blog in the body of your comment. Don't make it look like a signature or try and hide it under a full stop (this one is a really spammy thing to do). Use the URL field for your link, and leave it at that.
Ignore whether a blog is "dofollow" or not. It doesn't matter. If people want to click through to your blog, they will do so. Dofollow / Nofollow is to do with search engines, but you're better off commenting on blogs that interest you, not blogs that simply offer a "dofollow" link.
Your comment is like a mini-advertisement for your blog. Write a great comment, and people will be much more likely to check out your blog. Write something that doesn't really add anything to the discussion, and other readers will ignore you - especially if your comment is one in a long line of 100.
Don't worry about being "first". What is this obsession with writing the first comment? And with saying "First!" when you do so? Stop it! Just write something useful. We know you can (probably) count, it isn't something you need to prove.
You're more likely to be noticed on a small blog. Sure, more people read the big blogs, but more people comment, too. Your comment is far more likely to be read and responded to on a small blog. It may take longer to make connections this way, but I think the connections will be far more valuable.
Don't approve spam comments! I see so many comments on other blogs that are clearly spam, it makes me wonder if people let them through to make their blog look busy. Chances are, if someone by the name of "Reseller Hosting" is telling you that your latest post is "the best yet" and to "keep on" writing great posts... well, it might be worth Googling the body of the comment to see if it's shown up on 100 other blogs. If so... trash it.
Long comments may be better as a blog post. But how easy is it to follow the resulting discussion? That's really your call. I think it's best to start with a discussion in the blog comments. Then, if it escalates into a much larger debate, try writing a blog post to sum up your thoughts. I don't agree with disabling comments to force people to write posts instead of commenting though.
Don't force people to jump through hoops. Well, not too many, anyway. Spam is an ongoing problem, but if I have to register an account or your word verification image is a nightmare to read, I probably won't bother to leave you a comment.
A critical comment is not necessarily a "troll". While I do understand that a persistently negative commenter can spoil things for everyone else, criticism is often posted with good intentions. Do I like your blog? Well, you asked the question and I wanted to be honest, so I'll say no - but I will tell you why. Don't take offence at that - take the comments on board, and accept that criticism can be useful. Nothing but praise is probably less helpful.
A forced comment is worse than no comment at all. Don't tell a blogger that you "just stopped by" every time you do so. It'll flood their comments. Save your breath for when there's something you actually want to comment on. Your words will be more valuable. And don't even get me started on "Nice post!"...

Content

A narrow niche is not much fun to write for. How many times can you write about a really tiny topic before it gets boring? Try to choose a broader topic - not so broad that you're overwhelmed by the sheer volume of potential topics, but broad enough that you can write more than a dozen posts on it.
Don't choose one topic then write about something totally different. If your topic is boring or there aren't enough posts for you to write, either start a new blog or change the existing one. If I started publishing my thoughts about the latest videogames at Top Ten Blog Tips, wouldn't you get a bit confused? I would!
Write about things that actually interest you. Whether it's a topic that sits squarely in your niche, or it's only loosely related, make sure you're writing posts that you want to write. What's the point in blogging if you hate doing it? How likely is it that your blog will last longer than a few months?
Have an opinion. Does it matter what two other bloggers think about the latest WordPress feature if you aren't adding any thoughts of your own? In fact, why even bother reporting what's in the latest WordPress release if you can't be bothered to include your views on the latest changes? (Not that I use WordPress... it's just an example.)
Avoid those silly link spam posts. Mr Linky, Music Monday, and so on - you know, the posts where there's barely anything to read except for a huge list of 100 links at the bottom. "Add your link here, and pass it on!" Guess what? The first person on the list is getting loads of free links - you're getting very few indeed. Also, some sites will brand your blog as a link farm - which effectively kills any positive results you might otherwise get from these links.
Paid posts are so transparent. If I come to your blog and every post contains a sneaky link to a site, e.g. "I went to the dentist today, by the way have you heard of this Las Vegas hotel?", then I'm not coming back. OK, so it's usually a bit more relevant than that, but it's far too common to see a fairly uninteresting post that twists and turns and just happens to hit a rather obscure point - which means the paid link can be included at that point. You want to make money? Fine - just don't claim to be blogging "for the love of it" if all you write are paid reviews. And don't complain if you have hardly any readers or commenters. You'd do a lot better to run the paid reviews on one blog, and have a second blog that's totally free of any such links.
If you're going to copy content, at least write something about it. "Hey I just found this news story... check it out" - it's incredible how many of these people try to claim that they're not copying content when it's so obvious that they are. Too many sites are posting the same content as it is - if you have the same content as every other site, why would anyone visit your site over the next one?
Forget about writing daily. Your content will suffer. You'll burn out. You might quit blogging. And you'll overwhelm your readers. It is good to get a decent amount of content on your site over the first 6 months, but even then, why post daily if you're not writing decent posts? I've heard some people suggesting that it's good to write one GREAT post a week, amongst your other posts. Why not just write the GREAT post and ditch the rest - or work on the rest until they're as good as your best post, too?
Site-specific posts can be OK in small doses. Specifically, a post that talks about how your site is progressing, your stats, a weekly round-up, that kind of post can be acceptable. But I would avoid writing posts that are totally off-topic unless you have a personal blog, where anything goes. On any other blog, it's not really relevant.
Strong titles are absolutely vital. A vital title? I like that! If your post title does not give people a compelling reason to read the post, why would they click it? Search engines, blogging networks and feed readers usually show the post title far more prominently than the content of the post - you may not even have the option to view the content until you click through. With so many potential posts to read, readers will gravitate towards the best titles. Bland titles just don't stand out.

Design

Get a custom design. I know, it can be expensive, but it is worth it. A custom design stands out and allows you to move out of the circle of bloggers who use a template that anyone else can use, too. That's not to say their blogs aren't worth reading, but I've always found a custom design to be much more appealing.
Clear your clutter. Too many blogs have every widget under the sun. It's messy, it slows down your blog, and a lot of them don't really add value for your readers. Ditch the sidebar junk and make your blog cleaner. Empty space isn't a bad thing!
Keep your sidebar tidy. Chances are, you'll probably have a few widgets that you can't do without. (This doesn't mean it's always OK to add "just one more" if you already have 20.) Those that you do have should be organised in a way that makes them look fairly neat. They don't have to be tightly packed nor do you have to lump them all in one large area, but they should look coordinated - and like you didn't just throw them on the page without any thought. If everything has its place, you may be able to justify slightly more widgets than if everything is in a mess.
Test your site in different browsers. Firefox, Internet Explorer, Opera, Chrome, Safari - five major browsers that it's worth testing your site in. Try viewing your site on a mobile phone if you can. And don't forget to view your site on older browsers, too - so not just the latest version of each browser. There are tools to help you with this if you search around (try searching for IETester or BrowserShots). It's better to find the issues before your visitors do.
Always have a spare, clean browser for testing purposes. Your main browser is probably full of history - cookies and the like. This means you may not notice if a popup ad creeps onto your blog unexpectedly. Or, you might have a few tabs open and think it's from another site. Plus, some of these popups are stealthy - once they've shown, they will remember not to pop up on your next visit (unless you don't come back for a few days or weeks). Don't just test for design issues in other browsers - also test what your site looks like for a first-time visitor who has none of your cookies loaded into their browser, and who isn't logged in.
Improve your load time. This isn't just to do with clutter looking a bit messy. Does your blog have dozens of images and scripts loading on every page? Keep an eye on how long they take to load, and consider removing things that load incredibly slowly all the time. Pingdom Tools is an excellent place to test how fast (or how slow) your site loads.
Don't display too much on your home page. Show too much and it'll overwhelm your readers. Consider limiting the number of posts on your home page - you don't have to show everything at once. And you shouldn't try to if you have more than a handful of posts.
Get a second opinion. You may love the way your blog looks, but others may disagree. This doesn't mean you should change your design completely if one person complains, but if the majority of your readers find it hard on the eyes, you may want to have a rethink.
Optimise your images. Instead of uploading a full-size image and resizing it in the post editor, use an image editor to save the image at a respectable size before uploading it. Anything larger than 100KB is probably too big - and even that's pushing it. 50KB or less is better, but that may be difficult to achieve for some high-quality images. Also, don't use BMP on the web - stick to PNG, JPG and GIF.
Important information should not be animated. In general, animation should be avoided or at least used very sparingly. If I can't keep up with your scrolling banners and have to wait for them to come round again so I can finish reading, that's not a good thing.

Guest Posts

Use guest posts to show an alternative viewpoint or style. Don't just choose anyone to write for your blog - look for people who write a little differently from you. This can be a great way to add some variety to your blog.
Don't use guest posts as your "day off". Always have your own content ready if a guest post falls through. I've had people who send guest posts to me for publishing, some who promise to write if I'm interested and they send me their post within a week, and those who promise to write but never do so. Don't worry too much about whether the guest writer comes up with the goods or not - after all, it's your blog, and you should always have new posts waiting in the wings.
Don't flood your blog with guest posts. Unless it's a group blog, many people read the blogs that they do because they like reading from a certain writer. If I wanted to read someone else's posts all day long, I'd go to their blog. Use guest posts sparingly.
Use guest posts as a launchpad for future posts. There are various ways to come up with new content for your blog, and guest posts might yield some good ideas for you. This isn't just beneficial for you, it also helps the author of the guest post and may bring them additional readers - so they might just write for you again.
Aim high with your own guest posts. Want to write a post for an A-list blog? Well, why not try sending the post over? Don't worry if they don't accept the post - you can always ask somebody else.
Don't copy your guest posts to your own blog. I like to have a list of guest posts available for people to read, but I always link to the original posts, rather than duplicating the content on my own site. It helps to keep the comments in one place.
Always proof-read your own guest posts. Don't expect the publisher to edit out your mistakes. Do it yourself. You won't be able to edit the post once it's up, unlike the posts on your own blog.
Write a solid introduction. This goes for whether you're writing your own guest post for another blog, or you're publishing someone else's post written for your own blog. You don't want to go in cold. Ensure that people realise that it's a guest post!
When commenting, be careful who you thank. It's a bit silly if someone writes a guest post for my blog and someone comes over to say "Great post Ben!" Even if it says "Posted by Ben" at the top, it does quite clearly state that it's a guest post in the first paragraph. This is a very common problem on ProBlogger.
Promote the post. Whether you wrote it for another blog or someone else wrote it for your blog, promoting a guest post is a bit different to promoting your own post on your own blog. The author of the post or the owner of the blog may promote the post for you. Don't forget to promote it too.

Networking

Be receptive to new people. Sometimes I get the feeling that certain people would rather stick to their current social circle than consider inviting anyone new in. If you want to make connections and get your blog noticed by more people, I think you have to be willing to meet new people.
Networking does not mean spamming. Don't just think you can plaster your link all over every forum and social networking site and that you'll suddenly become an overnight superstar. If you come across as a spammer, most people won't give you the time of day.
Patience is a virtue. Did you just publish your latest post? Great! Did anyone read it? Well, how long has it been? 1 hour? Many people will need a few days to find and digest your post - don't expect everyone to be all over it within 5 minutes.
Look for ways to cross-promote. Join a blogging forum, talk about blogging. Join a music forum, talk about music. What if you have a music blog? You can join both forums!
Passive interest can be very valuable. This means joining a forum and adding a link to your signature, or including a link in your email signature. If people want to check out your blog, they can do so. No need to push it on them.
Beware of time wasters. If a site promises to bring you loads of traffic but you have to work like mad to get anything at all, you may want to think about whether that site is a worthwhile use of your time. It's probably not.
You can network offline, too. Why not bring up your blog in conversation, if it's relevant to do so? I have friends and family who read my blog, whether I like it or not!
The most loyal readers can come from unusual places. You may be so busy trying to get people to visit your blog that you missed some of the best ways to network. Try different sites - draw your own conclusions - and don't write off a potential networking opportunity before you've tried it out.
Read other blogs. It's a great way to see what others are saying, and you can get into some good discussions, too. Add a comment if you have something to say.
Don't overdo it. If you're networking more than you're blogging, you may need to adjust the balance. It's all too easy to get sucked into Twitter, Facebook, forums and the like, but there's a time and a place to close them and do something else.

Overcoming blogger's block

Look at your categories. If any of them are low on posts, try writing a post for that category. This may help you to write a new post and think of ideas for other posts.
Ask your readers for feedback. Is there anything they'd like to know? Or do they have any ideas for new posts that you could write? You may find some ideas here, too.
Write a follow-up to a popular post. Which posts went down well? Could you write a follow-up? Try it. Don't overdo it - "cashing in" can get boring quite quickly.
Take a break. If you're totally out of ideas, don't force yourself to write posts - chances are, they won't be very good. Take some time away from your blog and you'll come back with a fresh outlook.
Look at your focus. How focused is your blog? Is it about anything and everything? Is it too specific? See if there is anything you could do to improve your focus, or realign your priorities. Make sure you choose a topic you know and like.
Try a different posting style. Sick of your usual ways? Maybe it's time to shake things up a little with a different type of post. Break the mould and try something new.
Comment on other blogs. If you write a decent comment, you may find that it opens a few avenues for you. Is it something you could transform into a new post?
Do some networking. Engaging with other people, bloggers or otherwise, is a good opportunity to step away from trying to think of a new topic. You may find that something hits you when you least expect it.
Answer a comment. Did you get a comment on a previous post that you could reply to in a previous post? Instead of expecting people to go and read your reply in the comments section, bring it to a wider audience by writing a new post.
Post some constructive criticism. Is there a product or service you feel strongly about, either positively or negatively? Why not write a constructive review of it? Forget the paid links - and forget trying to dress it up. Keep it honest and relate it back to your niche, and you may find it attracts quite a bit of interest.

Planning

Write your headings first. Got a great idea for a post, but not sure how to write it? Start with the headings. It makes writing the post a lot easier.
Set a time when you'll be writing a post. That way, you can warn your family that you'll be unavailable at that time. Otherwise, you may get interrupted, or forget to write altogether.
Plan several posts at a time. This can be a really good way to write lots of content in a short amount of time. Write just the headings for several posts in a row - you may find you make better use of your writing time.
Get ahead. This allows you to take a break when you need to. It's better to get ahead when you can, than run out of posts and have nothing new to go up.
Schedule your upcoming posts. If you have a few new posts ready to be published, don't push them all out at once. Spread them out. Then you won't overwhelm your readers - and you won't forget to publish them!
Create some buzz around your upcoming posts. If you know what's coming up, you can mention to people that there are some great topics waiting in the wings. They may be more likely to subscribe if they can see what to expect in the near future.
Devise a strategy for quieter periods. When the Internet is quiet, that doesn't mean you have to be, too. But you could come up with themed posts to suit the seasons. Just steer clear of the supposedly-obligatory "Merry Christmas" posts that everyone else is writing. Relate the season back to your niche instead. You could also write different types of post at the weekend, or schedule guest posts on a certain day of the week. Be sure to keep things fresh though - don't get stuck in a rut.
Find a posting schedule that suits you. Is Wednesday your busiest day? Do you prefer to write at the weekend then publish your posts through the week? Experiment, and find what works best for you.
Turn "dead time" into usable time. Do you get the train to work? Why not plan your next post on your way? If you have quite a way to go, this can be a very effective use of your time.
Plan a series of posts. Planning is absolutely vital if you want to go beyond one post wonders and join a few posts together to make a series. You can go into much more depth if you write a series, but each part must be well thought out, and it's important to divide the series in a logical way. That's where planning really helps.

Post frequency

Forget about posting daily. You DO NOT need to post every single day to have a blog that people want to read. Whether it's a success is really down to your interpretation of what success means. If you attract 100 readers who love your content, that's a great achievement. If your blog isn't as big as the biggest blogs on the Internet, does it matter? Don't chase stats, don't feel you have to write more often than you feel able to, and don't write when you have no ideas. Take your time.
A consistent schedule works for some people. If you're more likely to keep up with your blog by sticking to a schedule, do it. Find a schedule that works for you. Tell your readers when to expect the next post. Set their expectations, and funnily enough, they'll know what to expect!
Irregular posting isn't a bad thing either. Contrary to popular belief, Twitter is not the only method that people are using to read blogs. Twitter moves so quickly, it's easy to miss a post if you're not online when the author shares it. And no, it's not as simple as "the good stuff will be retweeted" - an awful lot of great content is hardly shared at all, while a mediocre post from a big blog seems to be shared by everyone. People who want to keep up with a particular blog are quite likely to subscribe. If they subscribe, it doesn't really matter when you post, because they'll be notified as soon as you do.
Allow yourself some breathing room. If you're posting frequently, don't cram the posts so close together that a last minute post wouldn't fit in anywhere. This tip extends to your readers, too - I know a lot of big blogs post a lot of content, but it's far too much for me. I unsubscribed from most of the bigger blogs out there for this reason. They flooded my reader with posts. Even if a lot of the posts are good, it's too much to take in.
Post length and frequency are connected. This is a particularly important tip to remember if you decide to publish lots of posts every week. Some blogs can get away with publishing a high volume of content as their posts are quick and easy to read. I think you'll come unstuck if you try to write long, detailed posts too often. Your readers may find that it's impossible to keep up with you; and you may struggle to keep to that posting frequency. It's one thing to embark on a posting marathon for a week, or for a month - but a very frequent publishing schedule doesn't usually work well with "heavy" content.
Be sure to avoid burnout. This can be a problem if you write a lot of posts in a short space of time. On the other hand, you should be careful not to slow down to the point that you can't be bothered to write anything at all. It's all about balance.
Frequency becomes less important as your archive grows. This is partially a time factor, but it's mostly to do with how much content is on your site. I've changed my posting frequency at Top Ten Blog Tips a few times now, and while the regular readers might be happier if I posted a bit more often, new readers have plenty of past posts to browse through. I think that once you go beyond 50 posts, the importance of posting constantly decreases a great deal. Now, I'm sure there will be people thinking that nobody will visit if they don't update for ages. But if your blog has a domain name with strong keywords, and your posts have decent URLs (i.e. the post title appears in the URL, rather than ?p=1), your posts may start to attract a lot of search engine traffic. I've seen a lot of blogs that disappear after just a few months, and this is a huge shame - even if they didn't update all that often, a site can take several months before it starts to attract decent traffic from search engines. In the beginning, I had very, very little search engine traffic - right now it accounts for 70% of my traffic, and counting. I may not get massive views, but I do get some, and it's only picked up in the last few months. In fact, when I stopped posting for a couple of months, my search engine traffic slowly crept up. New people find my blog all the time. It's easier for people to find your blog if it's been running for a while - and easier still if you don't change the domain name every few months. In summary, don't worry about how often you post if you can keep your blog running for the first 6 months. You'll be fine!
But remember, a new post can work wonders. The funny thing about search engine traffic is that it can look like it's "bubbling under" for an extended period of time... and then you post something new. Generally, it will go up a bit. If your post is popular, it may spike a lot. The key here is that no matter what your posting frequency is, and especially if you decide to go AWOL for months at a time, never forget that even one post a month is enough to keep a steady flow of visitors checking out your site. On the other hand, don't bother promoting your site heavily if you don't have any new content. You may as well just let the traffic from search engines keep on rolling in. (But that's really a topic for the Advertising and Promotion section!)
Don't bump great posts down the page. If you just posted something that's attracting a lot of comments, let it run for a bit. There's nothing worse than posting something new just as the previous post was getting started, and potentially killing the comments (a lot of people only seem to read the first post on your home page - few people will read everything). It's especially daft to push your best posts down the page with something dull.
Some things are better as a footnote. If you change your posting frequency, or you've been away for a while, it's OK to comment on it - but only as a brief mention in another post. Don't waste a whole post saying "I'm away for now, but will be back next week. See you then!" - it's a pointless post.

this article originally from toptenblogtips.com

Free List of Latest 2010 Google Adsense Keywords for Bloggers or Web

2010-03-01T14:07:00.006+05:00

List of Latest 2010 Google Adsense Keywords for Bloggers or Web is new and Optimize your Google Adsense To Maximize Profits,Free and Discover the hidden wealth of high paying AdSense Keywords.

1. Purchase Structured Settlements 53.48
2. Mesothelioma Lawyers San Diego 51.47
3. Secured Loan Calculator 51.35
4. Structured Settlement Investments 50.45
5. Endowment Selling 50.35
6. Mesothelioma Patients 50.23
7. Mesothelioma attorney san diego 50.07
8. Austin Texas dwi lawyers 50.03
9. New York Mesothelioma Lawyers 50.01
10. Phoenix dui lawyers 50.01
11. Secured Loans 50.01
12. Insurance Auto 50.00
13. Phoenix dui attorney 50.00
14. car free insurance online quote 50.00
15. students debt consolidation loans 49.96
16. Pennsylvania mesothelioma lawyers 49.87
17. data recovery Denver 49.71
18. adverse credit remortgages 49.56
19. bad credit remortgages 49.47
20. data recovery service los angeles 49.37
21. Consolidating Students Loan 49.30
22. Students Loan Consolidation Rates 49.17
23. Boston dui lawyers 49.02
24. memphis car insurance 48.86
25. conference calling companies 48.64
26. dui attornes los angeles 48.60
27. georgia car accident lawyers 48.36
28. san diego dui defense 48.32
29. Phoenix arizona dui lawyers 48.28
30. Los angeles dwi attorneys 48.20
31. Student Consolidation Loans 48.15
32. free quote for car insurance 48.11
33. irs tax lawyers 48.08
34. nj auto insurance 48.08
35. dui san diego 48.01
36. Los Angeles Criminal Defense Attorney 48.00
37. Consolidating Private Student Loans 47.96
38. Personal Injury Lawyer Chicago 47.83
39. Personal Injury Attorney Pennsylvania 47.82
40. Auto Insurance 47.81
41. Lemon Law California 47.63
42. Students loan consolidation interest rates 47.59
43. Los Angeles Criminal Attorney 47.59
44. Arizona dui Attorney 47.45
45. Consolidation Student Loan 47.44
46. Structured Settlement Buyers 47.31
47. Culinary Schools California 47.10
48. Student Consolidation Loan 47.06
49. Instant Car Insurance Quote 47.00
50. Iva debt help 46.90
51. UK home owner loan 46.67
52. endowment policy sales 46.58
53. sell structured Insurance settlements 46.53
54. College Loan Consolidation 46.49
55. dui attorney sacramento 46.48
56. car insurance quotes 46.47
57. Philadelphia personal injury lawyers 46.37
58. remortgaging 46.20
59. irs tax attorney 46.19
60. Consolidation Student Loan 46.18
61. buyer Structured Settlement 46.17
62. california mesotheloma attorney 46.14
63. home mortgages for bad credit 46.02
64. selling structured settlements 45.96
65. phoenix dui lawyers 45.90
66. sell structured settlement payments 45.72
67. Donate your car 45.56
68. Student loan consolidation 45.46
69. Consolidate School Loans 45.45
70. Injury Lawyers 4 You 45.44
71. homeowner consolidation loans 45.42
72. Colorado Truck Accident Lawyers 45.41
73. Mesothelioma doctor 45.09
74. School Loan Consolidation 45.09
75. dui attorney San Francisco 44.95
76. ny car insurance 44.83
77. Mortgage refinance new jersey 44.77
78. Structured settlement payments 44.43
79. Car Insurance Texas 44.41
80. Virginia Car accidents Lawyers 44.35
81. Raid Data Recovery Services 44.33
82. College loan consolidation 44.28
83. compare car insurance rates 44.14
84. Break down covers 44.14
85. Remortgages Loan 44.05
86. Austin Criminal Attorney 44.14
87. Car Insurance Quotes online 44.14
88. Structured Settlement Consumer Info 44.14
89. Arizona dui lawyers 44.05
90. eloan mortgage 43.98
91. Consolidation of Student Loan 43.95
92. Student Loan Consolidation Calculator 43.94
93. Injury Lawyers 4 You 43.94
94. Managed Hosting Services 43.93
95. Bad Credit Home Equity 43.90
96. Los Angeles Criminal Attorneys 43.88
97. Home improvement loan rates 43.88
98. auto insurance in Michigan 43.79
99. dwi fort worth 43.78
100. Structured Settlement Companies 43.77

via by Earnpakistani

Neutral Template for Blogger Indicator

2010-02-26T23:17:00.001+05:00

This template has properties 2 Columns, Fixed width, Gray, Left sidebar, White

CSS Tab Navigation Scripts for Bloggers and Web Designers

2010-02-26T11:26:00.003+05:00

Tabbing navigation should not be confused with tabbed document interface In computing, tabbing navigation is the ability to navigate between focusable elements (such as hyperlinks and form controls) within a structured document or user interface (such as HTML) with the tab key of a computer keyboard. Usually, pressing Tab will focus on the next element, while pressing Shift + Tab will focus on the previous element. The order of focusing can be determined implicitly (based on physical order) or explicitly (based on tab index). In general, tabbing is cyclical, not linear, meaning that the tabbing will cycle to the first/last element when it moves away from the last/first element.

jQuery Coda-Slider

Nice sleek tabs that slides through each tab.

[demo]
Perspective Tabs

Simple mootools plug-in that allows for a large number of tabs to fit into a small space.

[demo]
jQuery idTabs

It makes adding tabs into a website super simple. But it can also open the door to endless possiblities.

[demo]
Tab Accordian

Tab navigation with sleek animation using Moo FX.

[demo]
DHTML Goodies Tab Panes

Tab navigation with a close [x] button on each tab.

[demo]
AJAX Tabs (Rails redux)

Using Ajax to load information that does not need to be retrieved every time the user pulls the record.

[demo]
Ajax Project – Tabbed Page Interface

There are quite a few Javascript implementations of tabbed interfaces out there on the web. How much better, though, to be able to change from pagetab to pagetab without a page refresh? Here’s an example of a tabbed interface using Ajax to load the new pages.

[demo]
JQuery Nested Tab Set

Nested tab set done with the ExtJS UI Library.

[demo]
Ajax Tab Reloaded

Taken the idea of the sliding door tabs and mixed them up with a little javascript and ajax to make them very dynamic on the client side.

[demo]
14 Free Vertical CSS Menus

Free nicely designed tabs from explodingboy.

[demo]
Control.Tabs

Control.Tabs attaches creates a tabbed interface from an unordered list of links/anchors that point to any elements on your page that have an id attribute.

[demo]
JavaScript tabs with jQuery

jQuery plugin that lets you create JavaScript tabs very easily. Examples of simple tabs, custom tabs, slide effects, fade effects and callbacks demos available.

[demo]
Yahoo TabView

Sample tabs based on Yahoo UI Library.

[demo]
DHTML Ajax Tabs Content Script

This is a versatile Ajax Tabs Content script that lets you display content pulled from external files inside a DIV and organized via CSS tabs. A fully unobtrusive, CSS and HTML based script, it supports practical features such as persistence of the active tab (ie: when page is reloaded), an "IFRAME" mode, a "slideshow" mode, ability to expand/contract arbitrary DIVs on the page at the same time, nested tabs, and much more.

[demo]
JavaScript Tabifier

Automatically create an HTML tab interface using plug-and-play JavaScript.

[demo]
Tabtastic

This library is a simple way to implement tabs on your page using CSS, a little JS, and semantic markup which degrades gracefully on browsers with CSS unavailable or disabled.

[demo]
KollerMedia Tabmenu

Tabs for images as icon, changes when mouseover.

[demo]
dhtmlxTabber

dhtmlxTabbar is a JavaScript tabbar control for creating dynamic tabbed-navigation interface. This Ajax-enabled UI component lets you add feature-rich and nice looking tabs to your site or web application.

[demo]
Centered Tabs with CSS

We’re constrained to either left- or right-hand navigation. But what if we need a bit more flexibility? What if we need to place our navigation in the center?

[demo]
CSS Tab Designer

[Windows only] CSS Tab Designer is a unique and easy to use software to help you design css-based lists and tabs visually and without any programming knowledge required!

[demo]
Light Weight Low Tech CSS Tabs

An example of light weight tabs by combining the Sliding Doors method with the Mountaintop corners idea.

[demo 1, 2]
Module Tabs – Carousel

Example of showing one page of content at at time in tabs. Each tab link scrolls to the page selected. Since all animation is turned off (animationSpeed = 0) then it just moves the desired content into view.

[demo]
Joshua Kaufman’s CSS Tab 2.0

Build CSS tabs without using any images or hacks and with as little CSS as possible.

[demo]
Tabbed Navigation using CSS

How to create low-bandwidth tab navigation on a web page using CSS.

[demo]
Duoh’s 2nd Level Tab Menu

[demo]
Nundroo CSS Navigation

[demo]
CSS Menu With Slider

This little example shows how to make really simple and yet very nice CSS Menu with slider.

[demo]
CSS drop down menu

Instead of the menu being triggered by placing your mouse of the menu label, it is trigger by moving your cursor over the down arrow on the right side of the menu label.

[demo]
Fancy Menu

Custom navigation bar with some cute Javascript effects that will certainly impress your friends.

[demo]
Creative Pony Sliding Tab

Sliding Tabs is a mootools 1.11 plugin which adds a pretty neat effect. It’s a clone of something seen on Panic Software’s Coda site.

[demo]
JQuery Tab Animation

A sample that show how you can add tab transition animations to your existing Tab Panel Controls.

[demo]
Fancy Sliding Tab Menu

Included an idle state listener to bring all the tabs back to their normal state after a desired amount of time without mouse movement on the window.

[demo]
Sliding Door of CSS

Now that CSS is widely supported, we can crank up the quality and appearance of the tabs on our sites.

[demo]
Aplus ADxMenu

4 most basic examples of tab submenus.

[demo 1, 2, 3, 4]
Bulletproof Slants

[demo]
Core Design Magic Tabs

Nice tab plugin for Joomla.

[demo]
Brainjar Tabs

Using CSS to build a tabbed display. One where the user can click on individual tabs to view different content within the same space.

[demo]
qrayg CSS Menu

4 level deep list in both horizontal and vertical layout modes while maintaining hover persistence.

[demo]
Kalsey CSS Menu

[demo]
Accessible Image-Tab Rollovers

[demo]
HTML Dog CSS Tab

A popular form of navigation is tabbed navigation-a group of links that give the impression of being protrusions attached to different areas of unseen content. With CSS you don’t need to be restricted to rigid images for every tab-you can maintain complete control over appearance and text at a fraction of the file size of image-only alternatives.

[demo]
CSS Tabs Menu with Dropdowns

Create dropdowns when the top level menu item is hovered over.

[demo]
DOMTab

DOMtab is a JavaScript that turns a list of links connected to content sections into a tab interface. The script removes any "back to top" links in the section and automatically hides all but the first one when the page is loaded.

[demo]
Animated horizontal tabs

These sliding doors based blue tinted tabs "jump up" when selected, such as when the mouse rolls over each one. This is accomplished using a combination of relative positioning and padding on each tab.

[demo]
Inverted Shift Down Menu

This clean CSS horizontal menu contains tabs with text that shift downwards slightly when the mouse rolls over it.

[demo]
Inverted Shift Down Menu II

[demo]
Vista Aero Buttons Menu

This menu consists of a row of independent, Vista aero looking CSS buttons, and departs from the typical list based menu structure. Each button appears initially faded out slightly via CSS opacity, then brought back to full opacity during the "hover" state.

[demo]
DD Tab Menus

DD Tab Menu is a standards compliant, 2 level tab menu. Move your mouse over a tab, and a 2nd level content appears beneath it. The script uses CSS to control all of its appearance, and plain HTML to implement the entire menu tabs and contents.

[demo]
EasyCFM DHTML Tab

[demo]
Flexible Tab Navigation

The navigation bar shown here is achieved via 3 images, a bit of CSS and some JavaScript.

[demo]
jQuery UI/Tabs

[demo]
jQuery Thickbox

ThickBox is a webpage UI dialog widget written in JavaScript on top of the jQuery library. Its function is to show a single image, multiple images, inline content, iframed content, or content served through AJAX in a hybrid modal.

[demo]

via by Hongkiat.com

Black Drak Template "Snowblind"

2010-02-26T01:17:00.004+05:00

Black Drak 2 Columns, Adapted from Wordpress, Black, Fixed width, Gray, Right sidebar, White personal pages.

Food and Drink Blogger Template Culinary

2010-02-23T23:51:00.001+05:00

Culinary is a 2 Columns, Fixed width, Red, Right sidebar, White Food and Drink.

Art Blogger Templates Design Pile Pink

2010-02-23T23:42:00.002+05:00

This template has different properties 2 Columns, Adapted from Wordpress, Black, Fixed width, Gray, Pink, Premium, Right sidebar, White Art, Personal pages.

Chrome and Firefox 15 Extensions for Bloggers and Web Developers

2010-02-22T14:49:00.007+05:00

The browser is a leading web developer tools and the blogger, the extensions, an awesome way to empower them. Mozilla Firefox is currently the head with more than 5000 extensions, however, Google Chrome was stomped and now has about 3000.

An excellent example of the ability of complete are the following 15 extensions for Firefox and Chrome that can make life easier for Bloggers and Web Developers.

What is browser extensions?

Browser extensions, introduced in Chrome and Firefox, allow developers to add functionality to the browser and enhance the user interface in a way that is not directly related to the viewable content of Web pages. This class of extensibility includes add-on functionality that users might install to enhance their browsing experience.

1. Firebug

firebug Firebug is one of the most complete and powerful extensions for web development. Extremely useful for working with the code directly into the browser and see changes in real time.

Firefox: Download Firebug.

Chrome: Download Firebug.

Note: The version for Chrome is in beta, but already an extension as such, over the Firebug Lite version circulating for some time.

2. Speed Page / Speed Tracer

extensions are speed-tracer to assess the loading time of a site. Shows each of elements and their performance in the load. Very useful to decrease the load time and improve the user experience.

Firefox: Download Speed Page. Developed by Google, is an extension that works on Firebug.

Chrome: Speed Tracer. Extension also developed by Google.

3. Web Developer

A complete web-developer toolkit for working with HTML, CSS, standards, forms, images. It may be more than you need but work daily with this. Ideal for web designers.

Firefox: Download web developer.

Chrome: Download Pendulum.

4. SEO

seo-firefox extensions to help with the optimization and monitoring of a website in search engines. Statistical information by domain, position on Google, keywords, Web site performance, among many other important SEO parameters.

Firefox: Download SeoQuake SEO. Similar SENSEO.

Chrome: Download Chrome SEO. Similar SEO META Inspector.

5. ColorZilla / Eye Dropper

colorpicker ColorZilla is a is a color picker, I.E. you can get the color of an element with only take a click on it. Lets get the color code in different formats or show the rest of the surrounding color palette.

Firefox: Download ColorZilla.

Chrome: Download Eye Dropper.

6. IE Tab

IETab IE Tab is an extension that lets you view a website with your version of Internet Explorer, but within your own browser. With the advantage of having a button at hand and not waiting for the glorious full load IE.

Firefox: Download IE Tab

Chrome: Download IE Tab

7. Window Resizer

window-resize resizer allows the browser to test how a site looks at multiple resolutions. It gives you the same view on a notion that resolution natively, but a good indication of the design space.

Firefox: Download Window Resizer.

Chrome: Download Window Resizer.

8. MeasureIt

MeasureIt MeasureIt is a simple plug-in that allows you to measure the dimensions of any element in the browser. As its icon shows it works as a virtual rule.

Firefox: Download MeasureIt.

Chrome: Download MeasureIt.

9. Screengrap / Webpage screenshoot

screengrap Screengrab is an excellent tool to copy or save captures visible part of a page in the browser, the entire site or a specified area. Simple and very effective with their homework.

Firefox: Download Screengrab.

Chrome: Download webpage screenshoot.

10. Link Checker

Link Checker link-checker can verify the status and type of links on a website. Perfect for finding broken links.

Firefox: Download Link Checker.

Chrome: Download Chrome Link Checker.

11. Greasemonkey

Greasemonkey Greasemonkey is a Firefox extension reference and allows loading scripts and styles on any website and enhance our browsing experience. There are thousands of scripts for virtually all use, for example, retrieve feedburner subscribers.

Firefox: Download Greasemonkey.

Chrome: Not necessary. The latest version includes native support for greasemnkey scripts.

12. AdBlock

Adblock AdBlock is an extension that allows you to block advertising for most websites. Allows the developer to clean up the interface with which you work, for the blogger avoids unproductive impressions of the ads themselves.

Firefox: Download AdBlock Plus.

Chrome: Download Browser Button for AdBlock and AdBlock.

13. Twitter

Twitter catalog it not for Twitter extensions as necessary, but certainly they are popular among bloggers and developers. Allow read and post Twitter messages from a window and agile discrete reading.

Firefox: Download Echofon.

Chrome: Download Chromed Bird.

14. BuiltWith

BuiltWith lets you know that CMS or script that made a website, showing an icon in the browser address bar.

Firefox: Download BuiltWith.

Chrome: Download BuiltWith.

15. Flags

Chrome-firefox-flag shows the flag of the country where it is hosted a website or blog.

Firefox: Download Flagfox.

Chrome: Download Chrome Flags.

2 Columns Blogger Template Mac Paper

2010-02-21T12:16:00.002+05:00

2 Columns Blogger Template Mac Paper is best for Computers, Personal pages, Software blog.This template properties is 2 Columns, Adapted from Wordpress, Blue, Fixed width, Right sidebar, White.

New Template for Mobile Blog:iMobile

2010-02-21T12:09:00.002+05:00

Properties: 2 Columns, Adapted from Wordpress, Fixed width, Right sidebar, White,Template for Mobile Blog.

Latest Web 2.0 Blogger Template Minicard

2010-02-21T12:04:00.003+05:00

Properties:1 Column, Adapted from Wordpress, Blue, Elegant, Fixed width, Fresh, Green, Orange, Premium, Rounded corners, Web 2.0

Share Your Articles on Google Buzz Another Good Social Nework For Blogger

2010-02-18T14:08:00.001+05:00

Google came Buzz, a new attempt by Google to be part of the interactions in real time and to link their services with each other. Surely at this time not so many Google users Buzz as social networks par excellence, but from now, you can provide a button to share your articles on Google Buzz.

Step 1 : Login Blogspot.com

Step 2 : Go to Layout then Edit HTML

Step 3: Check on "Expand Widget Templates"

Step 4: Find(Ctrl+v) this Code :

class='post-footer-line post-footer-line-3'>

Step 5 : Just add the following code below

Step 6 : Save Template and Done