fast loading css social widget for blogger

hi every one you know social networking is a great way to gain traffic for your blog and and it increase you SEO and you get 1000 of backlinks for your blog. Today i,m going to tell you that how to add beautiful and fast loading css social widget . it is user friendly and it is compatible with major browsers i,m writing about its compatibility in next paragraph

Browsers compatibility:

browsers compatibility  is a main issues of new widgets but this widget work with these browsers

• Google chrome 14 and 14+
• firefox 4 and +
• safari 4 and +
• opera 10 and +
• I.E 8 and +

you can also watch live demo of our social widget and then you can easily take decision of adding it .

Tweet

Optimize blogger comments archives and labels for better seo

Seo is one of the best And important part of bloggers life because your blog is nothing without Seo. Seo means search engine optimization with which your blog can entered into search engines result. Same like this meta tags are also important for blog.  today i,m going to tell you that how to optimized your comments, archives, And labels in blogger blog .every blogger must know about seo and about their customization .
Now i,m going to tell you that how to optimize archives, labels and comments.

How To Optimize Comments :

Comments are very Good and best way to increase your blog ranking if you have good comments then it help you to increase your blogs rank but if those comments are not good and irrelevant then it totally destroy you ranking in search engines . So, the best way to optimized your comments for search engines The you must keep your comments external links No-follow . Follow me to make your comments links no-follow.

• Goto blogger 
• Edit html and find

Tweet

PaperCut, really cool social icons.

Again from the hand of Ulises Arvizu of “Maquiladora de Sueños” (with new blog design), bring you another freebie for readers , there are four illustrations / icons to blog subscription services like Feedburner (RSS), Twitter, Facebook, and Email.

These are PNG24 format with transparency in two sizes, 100 and 250 pixels.

License

• Released under Creative Commons Attribution 2.5 License.
• Personal or commercial use is allowed but not selling.
• When distributing, please link to this article and not to the file or to another post or server.

Download

Tweet

Tips For A Better SEO-Friendly Image

When it comes to SEO, webmasters and bloggers have a tendency to undermine the importance of image optimization, perhaps even way too much that they completely forget about it – intentionally.

Some would even say that optimizing images isn’t that much worth all the trouble because it doesn’t really give that much in return. But then if you really value SEO, wouldn’t you do everything you can to help your site generate more traffic?

Now if you said ‘yes’ to the above question then you should have no problem following thesesimple but very helpful tips on how to make your content images SEO friendly.

Alt tags – This is basically the very first thing that should pop in to your mind when it comes to optimizing images for SEO. Search engines (or search engine spiders) are virtually blind; all the efforts you put into making all those gorgeous images on your site are all for naught if they don’t have any alt tags. Search engines pretty much ignore images without alt tags.

Image filename/title – Name your images with relevant keywords and separate them with dashes rather than underscores. First letter capitalization won’t matter.

Image filessize – We’re talking about both in terms of the dimension and the byte size (kb/Mb). An image that can slow down your site’s  loading speed can have a negative impact on your SEO, so make sure you make all the necessary adjustments to your images in both aspects. There’s no specific size that you need to follow but as a general rule, you will want to keep it to a minimum, so as not to decrease your page’s load time.

NOTE: On alt tags and filenames, don’t overdo it! Don’t cram in too many keywords in them. For filename/title, probably best limit it to five words only.

Also, if you got lots of images that need alt tags, don’t fret. There are plugins that you can use to automatically do all the work of putting alt tags on your images for you.

Tweet

Replace Newer, Older And Home Links With Images

Currently or by default, your blog readers navigate between each of your blog posts by clicking on the hyperlinked texts below it that say something like “Previous” and “Next” or “Older” and “Newer” accompanied with a “Home” in the middle. Here’s a very simple and easy customizing tip that’ll show you how to use a set of images instead.

• Log in to your Blogger dashboard and head over to the Template page.

• Click on Edit HTML and then be sure to put a check on the Expand Widget Templates box by clicking on it.

• Using Ctrl+F, search for the following codes and replace them with the corresponding<img> tag:

Search for <data:newerPageTitle/> and replace it with:

<img src='http://bandofgirls.googlepages.com/Newer_post_icon.png'/>

Search for <data:olderPageTitle/> and replace it with:

<img src='http://bandofgirls.googlepages.com/home_icon.png'/>     

NOTE: If you happen to be using a custom built template then there’s a chance that you might not be able to find the above codes. In other words, this tutorial might not be applicable.

You can use other images instead of the one in this tutorial. All you have to do is replace the above image URLs with those of the images you want to use.

Have a great day, everyone!

Tweet

Disabling Blogger Lightbox

The lightbox is one of a website’s best tools for displaying your photos, images, and graphics, and Blogger has its own lightbox plugin for posting photos.

While this plugin is very useful for image-heavy blogs, some site owners don’t like the idea of using it on their site, or they may already have installed a custom plugin which might conflict with the default lightbox. So here’s a quick blogging.org/2011/11/how-to-disable-official-blogger.html” target=”_blank”>technique I’ve learned from Harish of Way2Blogging on how you can disable the Blogger Lightbox.

• Login to Blogger > Dashboard > Click on More Options dropdown menu > Settings.

• Select Post and Comments > Showcase images with Lightbox? > set it to NO.

• Save settings.

Tweet

How to Provide Background for Each Blogger Post

A good background gives your site personality and uniqueness aside from making it look good, which can help attract more visitors. So how can you add a background to your Blogger post? Well, here’s a good find courtesy of Rohit Malik of HackedBits who shows you how to do this.

Below are the steps to follow:

• Look for the right image for your post. You may search from Google for copyright-free images or use your own.

• Upload your photo to a free web host site such as Photobucket.com. Copy its link.

• Now put the code in the post template.

• Login to your Blogger and on the Dashboard, click Settings.

• On Settings tab, click on Formatting.

• Scroll down in the Formatting tab to the Post Template.

• Copy and paste the code below at the top of the box:

<div style="background:url(LINK_OF_PICTURE) no-repeat;">
Paste </div> at the bottom of the box

• Save Settings.

• Click on Posting found at the top. The Post Editor will open up, with the code inside it.

• Change ‘LINK_OF_PICTURE‘ with your link to your chosen background image, which is the one you have uploaded on a free hosted site. Delete “no-repeat” in the code line if you wish to not repeat the image.

• Key in your post before </div> at the bottom, name a Title then hit Publish.

Liked It ? Please Share

Tweet