Blogger Solutions

Top 10 PPC Ads Network For Earning Online By Blogging.

Top 10 PPC Ads Network For Earning Online By Blogging.

1- Google adsense

Maximize revenue from your online content.Google AdSense is a free program that enables website publishers of all sizes to display relevant Google ads and earn.

2- Yahoo Publisher Network

Simply display ads that are relevant to the content of your site and earn money from qualified clicks.* No investment is required and setup is quick and easy.

3-Adbrite

Adbrite allows you to generate more revenue from your ad space.

Customize ads to match your site
Approve and reject ads for your site
Works alongside other ad programs

4-Bidvertiser

Join BidVertiser now and we will turn your advertising space into cash!
Simply display the BidVertiser text ads on your website and let advertisers bid against each other!

5- Clicksor

Clicksor offers webmasters the opportunity to earn more income by simply underlining a selection of clickable text (inline text links) or displaying targeted contextual ads (various sizes of banners) on their Web sites or blogs.Generate revenue today and receive your payment in 15 days. Join our contextual advertising affiliate program today!

6- Adonion

Exclusive AdOnion’s Money Makers!
Specifc Ad zone purchases at your desire rates through our marketplace
Review our advertiser’s list and request ads to run on your site

6-Adoptim

Adding AdOptim’s suite of web marketing solutions to your site significantly increases your income and visitor satisfaction levels. Register for our no-fee service, and Monetize Your Audience today to receive “effortless income”.
• Highest returns on the market
• Earn up to $ 0.50 per click
• Get paid twice monthly

7- 90 Degree Media

Make money online by selling your available advertising inventory at top dollar.At 90 Degree Media, we actively search for and deliver the highest paying and most effective CPC and CPM ads, maximizing our publisher’s earning potential

10-Adtoll

If you own a website and want to make money then AdToll is your answer! We provide the ability for you to sell ads on your site and make money. All that is needed from you is a website and the ability to alter the HTML.

11- 1Kontera

Kontera delivers a high-quality user experience while delivering significant revenue from its fast growing network of advertisers.

Effective Ways To Gaining More Backlinks For High Traffic.

Effective Ways To Gaining More Backlinks For High Traffic.

1-Remember targeted traffic is vital-->>>
Some site owners have developed their own methods for linking Web sites back subsidiary created by them. They have built other sites and back them related to the primary site which also links to these sites.
This is known as a wheel here. The wheel link can be as large as you can but do not forget the time consuming and there must be a synergy between the various sites - you want and need targeted traffic and visitors not as such a loss weight from a gourmet recipe site full of many high-calorie recipes

2-It's a learning curve - Do not worry--->>>
When I started my Internet marketing business, I do not understand the concept of linking back. I knew about submitting articles to directories which I did, but my main goal was to become known in my niche and get traffic to my site. I then had a lightbulb moment and realized that by submitting articles I was actually achieve both and improve my search rankings as well - it's amazing how you can be stupid sometimes !
Admittedly, I felt a bit silly but hey, we learn from our mistakes we do.

3-The old favorite!---->>>>
Besides the article marketing, there are other ways to get backlinks to your website. One way is subject to the forum. Forum posting will help you get backlinks, for commenting and offering helpful advice to visitors who have read and devour these positions will over time come and visit your site because you have offered assistance useful and interesting to your answers that neither they nor the others on the forum In other words you become a bit of a reliable source, you have helped others - get what I mean?

4-Get on the forums in your niche now---->>>
Forum commenting on and viewing takes time but it is easy and you will soon discover that although you can consider yourself a bit of a novice, you will soon find there are others out there that are far higher to Internet marketing you.
For you to post on a forum, you would be required to register as a member - it's easy There are two ways to benefit from forum posting. The first is to use the signature file.

The signature file provides a place to put your link and always appear at the bottom of each post you make. The second way is to put a link in the message itself now a word of warning here many forums do not allow this and will ban you - so the golden rule, read the rules for each site you sign and comply with their rules and stay within the regulations.

A key to success through connecting back on the forum is to contribute useful information while making a post. So you are not considered as an opportunist and you become a trusted source useful.

5-Become a regular blog commentator ---->>>>>
Blog commenting is a way to gain backlinks from other sites. When posting a comment on a blog that is related to your niche, you can get backlinks from there. Comments on blogs are often tempered by the webmaster, so that your comments should be useful for the blog only heaven because it simply "useful info - thanks" is just taking the micky, be creative.

Some webmasters contact the site administrators directly, requesting backlinks from them in exchange for a link from their site. Although this method sometimes works, it is not always reliable, because not every site administrator will be to maintain their site and therefore your return link

Be careful & remember "targeted" another way to win back links is through link exchanges. With link exchanges, you get your links on the website of others while you do the same for them by placing their links on your own site.

The downside of this is that you can have lots of links from unrelated websites that search engines do not really like - so I'd be careful with that.

You can also use press releases as a way to build back links. Press releases can provide the same effect as article submissions when used properly, but keep in mind a press release must be current and new worthy so. The major difference with the articles is that press releases should be in the form of hot news. When subjected to PR directories, they return a link to your website and it's even better if the release is taken from other sites yet, you will have a link back from them as well.

So there you have some simple, free of charge (other than your time) methods to get you started on your link building strategies, just to try and remember its not necessarily the size of its to do so systematically and regularly.

11 Latest Money Payment Icon Set For Blogger And Web Designer.

11 Latest Money Payment Icon Set Blogger Web Designer.

Author Website: http://www.webiconset.com
License: CC Attribution No Derivatives
Icons in this pack: 11 icons
Maximum Size Available:64x64 px

Download .ICO Format

Download .PNG Format

Download .ICNS Format

iPhone Unique Icons Set For blogger And Wed Designer.

iPhone Unique Icons Set For blogger And Wed Designer.

Author Website: http://e-young.deviantart.com/
License: Free
Icons in this pack: 22 icons
Maximum Size Available:64x64 px

Download .ICO Format

Download .PNG format

Download .ICNS Format

Download Adobe CS5 Glass Icons ! Attractive Collection

Download Adobe CS5 Glass Icons ! Attractive Collection

Author Website:     http://artdesigner.lv

License:                  CC Attribution

Icons in this pack:   15 icons

Maximum Size Available:256x256 px

Download .ICO Format

Download .PNG Fromat

Download .ICNS Format

Download Smashing RSS Feeds Icons ! Nice Collection

Download Smashing RSS Feeds ! Nice Collection
Preview--->>>

License:                                   Free for non commercial use.
Icons in this pack:                         8 icons
Maximum Size Available:              256x256 px

Download .ICO Format

Download .PNG Format

Download .ICNS Format

Google Updated Blogger New Look 2012

Hi Freinds here today i saw that google updated new look of blogger 2012 .

Profit To Using New Look of Blogger ---->>>

* Fast Loading in Simple Internet Connection So that many people can use this.

* Fast Posting in One click .

* Fast Image loading if you add new image in your post.

* It have good look to previous version.

* Multi tasking .

I think new versoin of blogger very user comfortable and very fast service .

Special HTML 5 And CSS3 Cheat Sheets Collection For Web Designers

Special HTML 5 And CSS3 Cheat Sheets Collection For Web Designers

HTML 5 Cheat Sheets

HTML 5 Visual Cheat Sheet

HTML 5 Cheat Sheet

HTML 5 Canvas Cheat Sheet

HTML5 id/class Name Cheat Sheet

CSS3 Cheat Sheets

CSS3 Cheat Sheet

CSS Properties Index

Although this is not exactly a cheat sheet, it is a very easy-to-browse index for every CSS level (makes comparisons easier) with links to the original W3C pages.

How to add 'StumbleUpon' Tab Button to Blogger.

How to add 'StumbleUpon' Tab Button to Blogger.

.

Follow simple and easy step to adding this button to blogger---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Now find this code <p><data:post.body/></p> by CTRL+F key.

* Copy below code and paste after <p><data:post.body/></p>

<a expr:href='&quot;http://www.stumbleupon.com/submit?&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank'><b>Stumble it !</b></a>

* After above step click to save your blogger template and you are done CHEERS

9 Amazing Online Image Editors ! Nice

Amazing Cool Online Image Editors ! Nice----<>>>>>

Photoshop: As the name suggest, it is lightweight version of the heavyweight brethren desktop Photoshop. But there are still some rough around the edge which is quite expected, but it is smart enough to let you do some menials tasks like cropping, resizing images and if you are new around design industry, you can try out its effects, though they may not be that much perfect. This is perfect tool for those who wish to have a small version of Photoshop online to do some repetitive tasks without opening Photoshop again and again.

Splashup: if you go by its interface, you may be in for a surprise. It looks almost a carbon copy of Photoshop and the best part of it is that you will not be missing much of its effects. Apart from offering some image editing facilities, this online image editor also comes loaded with wide range of tools. You can have layers, filters and Splashup is extremely powerful at multiple image editing without making your browsers unresponsive. And do not forget to pull images directly from facebook, Picasa, Flickers to this extraordinary online image editor.

Picnik: This is a less powerful online image editor and it is basically built around the concept of enabling users making small changes in images. Nevertheless, this is still a nifty little online image editor quite capable of taking some extra loads as well. It is great at creating filters, doing some basic editing tasks but you should not look for layers here, it is conspicuously absent here. It is good at getting connected to Myspace, Picasa, Facebook with Picnik.

FotoFlexer: It is another basic online image editor like Picnik and it is probably developed with the concept of offering a fast and easy to use interface for doing some basic touchups and editing. And without any shred of doubt, I can say that, it is really good at it. However, to be very honest, this tool really needs some serious makeover if it is to survive the competition.

Aviary: It is all-in-one kind of tool. It got everything that you can fancy about and its effects are no way less perfect than its desktop counterparts. It is quite capable of doing some complex tasks like grouping, taking layers, filters and other advanced options. It is a perfect online image editing tool for anyone who wants to have everything online.

Pixlr: It is my favorite though it has been wronged as another attempt at imitating Photoshop. Since the interface is quite similar to that of desktop Photoshop, you can jump at it without looking over your shoulders. Its features are not crude and there are different options to play around. It is really superb at image editing and what else you want from an online image editor except this?

flauntR – Now if you are lazy like me who find it irksome to go through the same techniques hundred times a day to generate a desired effect, flauntR is probably the best online image editor available. This online image editor comes preloaded with massive collections of cool effects and it takes some clicks and all the effects will be applied. It is that easy. But it has its drawbacks. Advanced editing is almost impossible with this tool unless you go crazy with the existing set of tools. However, its tools are good enough for doing some basic tasks like doing minor tweaks here and there in the images. This online image editing tool has integration with almost all major image sharing website or online community.

Sumo Paint: It is another Photoshop lookalike tool but definitely it is not a run of the mill product by any stretch of imagination. And its collection of tools is quite impressive. Its interface is intuitive and impressive at the same time.

MyImager.com – This is one such online image editor I would hate to have in my collection. Its interface is awkward and it takes some doing to come to term with this. But despite its awkwardness, some people do fall in love with this awkward online image editor and so, I have left with no choice but to include it.

Download 99 Essential Brush Strokes! Photoshop

99 Essential Brush Strokes Preview--->>>>>

Download the Photoshop Brushes--->>>>

Small (675 pixels) | Photoshop 7+
Download from Website

Medium (1250 pixels) | Photoshop 7+
Download from Website

How to Design Pepsi Logo Effect By Adobe Photoshop CS5.

How to Design Pepsi Logo Effect By Adobe Photoshop CS5.

* Go to Adobe Photoshop Cs5 .

* Now open new dacument and fill width 600 and Height 340 with white color.

* Open a new layer. Use the Pen Tool to draw the path below:

* Right-click the path you just created and choose Fill Path. Change Use to Color and enter #d82a39 as the color for the path.

* Delete the path you created in Step 3.

* Open a new layer. Again, use the Pen Tool to draw the path below: --->>>>

* Repeat Step 4 but this time enter #002e5f as the color for the path.

* Delete the path you created in Step 6.

* Select the three layers you have created so far, right-click the layers and select Merge Layers.

* With the merged layer selected, go to 3D > New Shape from Layer > Sphere.

* Use the rotate options to rotate the sphere until it appears just like the actual logo does.

* Open a new layer. Use the Pen Tool to draw the shape below:

* Fill this path with #e2a799.

* Change the Blending Mode of the current layer from Normal to Screen, and change the Fill to 60%.

* Go to Filter > Blur > Gaussian Blur, change the radius to 10px and click OK.

* Repeat Steps 11-14 for another shape placed on the left of the shape you created in Step 11.

* Repeat Steps 11-14 on the blue portion of the logo, but fill these shapes with #b7caea instead. Your image should look like this by now:

The logo is ready, but we are now going to add little water bubbles onto the sphere to give it a some cool effect.

* Open a new layer. Set the Foreground color to 20% gray.

* Select t.he Brush Tool and make the following changes for the Brush Tool Settings:--->>>

* Now apply the brush onto the logo until you are satisfied with the bubbles.

* Open Layer Style and make the following changes:--->>>

* Now you Have done Cheers

Design photo album with jQuery Chop Slider ! Wow

Design photo album with jQuery Chop Slider ! Wow

Today I will tell you about new impressive jQuery slider – Chop. This slider have already had quite 200 different transition effects. Here are many 2D and 3D effects. Plus, here are you can find even few NonCss3 effects (to old IE browsers) and five effects for mobile browsers (for cellphones). Plus, we can create our own new transitions (if you want).

Here are links to demo and downloadable package:--->>>>

DEMO DOWNLOAD THIS

Now Cheers

Super CSS3 Slideout Menu For web Designer.

Super CSS3 Slideout Menu For web Designer.

This is our fifth CSS3 menu. This will nice slideout menu with fading images (animated with transition effects). Make attention, that all these new effects (transitions) will work only in most fresh browsers like FF, Chrome, Safary browsers (possible in Opera too). But not in IE (transitions still not available here). I just added few hacks for IE – so menu will work here too (but not so smooth). Anyway – lets test our new menu.

Here are final result (what we will creating):--->>>>>

DEMO DOWNLOAD THIS MENU

Now Cheers

How to Design Special Trendy Badge By Photoshop.

How to Design Special Trendy Badge By Photoshop.

In this tutorial, we will learn how to create an attractive badge with the use of various textures and blending options in Photoshop.

Tutorial Details--->>>

Program: Photoshop CS5

Estimated Completion Time: 40 Minutes

Tutorial Assets

The following assets were used during the production of this tutorial:

Metallic grunge textures

Fabric textures

Now before we start, let’s have a look at our final result. Click on the demo button to view in full size.

Let’s have a look at our final result of this Trendy badge.---->>>>

FOR FULL TUTORIAL VISIT THIS LINK--->>>> http://websoulz.com/learn-how-to-create-an-attractive-and-trendy-badge-in-photoshop/

21 Special "CSS Button Designs" Guideline and Tutorials.

21 Special "CSS Button Designs" Guideline and Tutorials.

Submit button should look same everywhere

Link : Visit Tutorial »

Description : When someone works on a website design, it is important that the look will remain same in all browsers. But creating a consistent interface for users is a constant struggle for every application designer. Building consistency on the web is especially tough because the visual rendering differences across browsers and operating systems are wildly different and almost arbitrary in what can and cannot be done. This technique will show you how to make submit buttons that appear the same across all browsers.

How to make sexy buttons with CSS

Link : Visit Tutorial »

Description : This tutorial will teach you how to create pretty looking textual buttons (with alternate pressed state) using CSS.
Since you will want your buttons to be flexible, you'll have to make the background image expand with the relevant size of the button's text, using the sliding doors technique.

Scalable CSS Buttons Using PNG and Background Colors

Link : Visit Tutorial »

Description : Create dynamic CSS buttons using PNG, transparency and background colors that degrades nicely and supports full scalability. With full scalability it means it should resize in all directions according to the font size and content.

Sexy CSS Hover Button

Visit Tutorial »Link :

Description : In this tutorial, to start with, you will need to make an image in two different states (state number one will be the natural state and state number two will be the hover state) and bring the button altogether with CSS.

Make fancy buttons using CSS sliding doors

Link : Visit Tutorial »

Description : Yet another variant on the amazing sliding doors tecnique.This is a very easy to follow, with a very polished end product.

Beautiful CSS buttons with icon set

Link : Visit Tutorial »

Description : If you love clean love clean design and in general simple solutions to design nice and attractive elements for my websites, this tutorial illustrates how to design nice clean buttons using some lines of HTML, CSS code and proxal icon set.

CSS Sliding Door using only 1 image

Link : Visit Tutorial »

Description : In this tutorial, you will be shown how to code the navigation bar using only 1 image, making it user friendly and uses less CSS code.

CSS Oval buttons

Visit Tutorial »
Description : These buttons use the sliding doors technique of CSS, plus two sliced background images with "on" and "off" states.

Roll Over Button

Link : Visit Tutorial »
Description : In this XHTML CSS tutorial you’ll learn how to create a button for a web page using Photoshop, XHTML and CSS. More specifically, you’ll learn how to create a button whose hover state image is preloaded. The advantage to this technique is that upon hovering over your button, the user won’t have to wait for its hover state image to appear; there’ll be no ‘graphic-less’ moment while the image loads, all without a single line of JavaScript.

CSS Overlapping Arrow Buttons

Link : Visit Tutorial »

Description : In this seemingly tricky technique, the author shows you how easy it actually is to create overlapping CSS arrow buttons. Great tut.

Simple Round CSS Links ( Wii Buttons )

Link : Visit Tutorial »

Description : In this tutorial you will create your own Wii (styled) Buttons with only 2 tags, 1 image and one CSS file.

Liquid & Color Adjustable CSS Buttons

Link : Visit Tutorial »

Description : When working on a large site with multiple buttons, it can be quite tedious to make all the buttons in Photoshop. Making future adjustments on the verbiage and colors can be also time consuming.
By having dynamic buttons, this scenario is much easier to handle, and by having liquid and color adjustable buttons with CSS, we are able to change the verbiage and colors with ease.

Pure CSS Buttons

Link : Visit Tutorial »

Description : This is simple and effective way to have buttons that scale (width-wise) without any weird browser-specific CSS (apart from IE6/7) or JavaScript implementations. Just using pure CSS goodness.

Form Buttons with Only CSS and Zero Javascript

Link : Visit Tutorial »

Description : In this tut you will shown how to style submit button without any JavaScript and how to make a nice rollover effect.

Pressed Button State With CSS

Link : Visit Tutorial »
Description : The active anchor state is the state an anchor (a link) is in when you click on it. The moment you click on a link, it becomes active. You will use the “hover” or “visited” states in this tutorial, but the active state can come in very handy when you’ve got custom styled buttons.

Image Rollovers with CSS

Link : Visit Tutorial »
Description : Without the hassle of annoying javascripts, you will create an image rollover for a button (again using the “Slide door Technique”), which is very efficient for anyone trying to make their site load faster, and keep everything clean and easy.

Bold CSS Buttons

Link : Visit Tutorial »
Description : These big, bold CSS buttons are constructed using a rounded edge button image sliced into two pieces, then put back together using CSS. The button text style reacts on the "hover" state.

Recreating the button

Link : Visit Tutorial »
Description : The buttons are designed to look very similar to basic HTML input buttons. But they can handle multiple interactions with one basic design. The buttons you’re using are imageless, and they’re created entirely using HTML and CSS, plus some JavaScript to manage the behaviour.

Fast Rollovers Without Preload

Link : Visit Tutorial »

Description : When using CSS image rollovers, two, three, or more images must be loaded (and often be preloaded for best results). We've got one image for each state (normal, hover, active, visited etc). Putting all states into one image makes dynamic changes faster and requires no preload.

Styling the Button Element with CSS Sliding Doors

Link : Visit Tutorial »
Description : A great and thoroughly in-depth tutorial, that covers everything from the buttons html and css all the way to using the sliding door technique and cross browser compatabilty.

Using Sliding Doors with WordPress Navigation

Link : Visit Tutorial »
Description : A nice tutorial showing you how to easily incorporate the sliding doors technique within WordPress.

Create Link Buttons with simple CSS and HTML

Link : Visit Tutorial »
Description : Create these simple buttons with just one image, two tags, and some CSS code.

I hope you like this post CHEERS

How to create "Double Border Table " Using HTML.! Two columns

How to create "Double Border Table " Using HTML.! Two columns

Below is the HTML table code--->>>>

<TABLE BORDER=2>
<TR> <TH>COLUMN1</TH>              <TH>COLUMN2</TH> </TR>
<TR> <TD>Anil Singh</TD>      <TD>1493</TD> </TR>
<TR> <TD>Rahul Singh</TD>     <TD>3829</TD> </TR>
<TR> <TD>Vimlesh singh</TD>      <TD>8372</TD> </TR>
<TR> <TD>Pankaj Mishra</TD> <TD>4827</TD> </TR>
</TABLE>

Here is Table preview ---->>>>

COLUMN1	COLUMN2
Anil Singh	1493
Rahul Singh	3829
Vimlesh singh	8372
Pankaj Mishra	4827

* Now you have done

CHEERSS

23 Best Jquery Tooltip Plugins with Guideline

23 Best Jquery Tooltip Plugins with Guideline

1. jQuery Ajax Tooltip

Our application is very person centric, so we wanted an easy way to pop up a “tooltip” with more information about a person whenever you see a person’s name. For example, here are some search results. When you hover over a name, more information appears.

2. TipTip jQuery Plugin

This plugin is yet another product from my development work on Build It With Me. I wanted a sweet & simple custom tooltip, but nothing I found seemed to be smart enough for what I needed. I needed a custom tooltip that behaved just like the browser tooltip, and that is exactly what TipTip does!

3. Dynamic tooltip

Very cool tooltip! It’s very well made because it consists of cool transition effects and it also has a transparency and a drop shadow effect.

4. qTip

qTip is an advanced tooltip plugin for the ever popular jQuery JavaScript framework.

5. Build a Better Tooltip with jQuery Awesomeness

Browsers will automatically display a tooltip when you provide a title attribute. Internet Explorer will also use the alt attribute. But, in this tutorial I’m going to show you how to quickly write a jQuery plugin that will replace the typical browser tooltip with something a little flashier.

6. Simple tooltips

A simple jQuery tooltip plugin

7. jQuery plugin: Tooltip

8. Sticky Tooltip script

This script adds a rich HTML tooltip to elements that’s revealed when the mouse rolls over them, in which the tooltip follows the cursor around as it moves about within the element. The tooltip can be “stickied”, or kept visible on the screen by right clicking on pressing “s” should the user wish to interact with some content within the tooltip, such as click a link inside it. The contents for each tooltip are simply defined as regular HTML on the page, making them very easy to define and customize. Throw in a subtle fade in effect, and you’ve got yourself a tooltip that can do more than just show extra information, but serve it as well!

9. jQuery Horizontal Tooltips Menu Tutorials

Last week, we have gone through How to make a Lava Lamp Menu Tutorial, now, we’re doing something a little bit similar – Tooltips menu.

10. BeautyTips 0.9

11. Prototip

Prototip allows you to easily create both simple and complex tooltips using the Prototype javascript framework.

12. jQuery plugin EZPZ Tooltip

There are a ton of tooltip plugins for jQuery out there, but I couldn’t find one that works with the way I think. To me, it’s a simple concept: You hover over a target element, then some content shows up. It should be flexible enough to customize the look and feel without requiring the bloat of any CSS or images. Hover targets should be mapped to their content counterparts by convention. I think I’ve built just that with the EZPZ Tooltip.

13. JavaScript DHTML Tooltips

Presenting dyn-web’s JavaScript DHTML Tooltips with unobtrusive event handling and easy setup. The code offers a variety of options for source and type of tooltip content and flexible control of positioning, formatting and display. The JavaScript is object based, avoids the use of global variables and provides accessibility and device independent features.

14. vTip

vTip is designed to quickly provide very lightweight (706b js, 272b CSS, 270b image) tooltips to users of jQuery. The zip includes everything you need (including an example page), as well as jQuery for the examples to work.

15. jQuery (mb)Tooltip 1.6

Nice tooltip for yor page!

16. jGrowl

jGrowl is a jQuery plugin that raises unobtrusive messages within the browser, similar to the way that OS X’s Growl Framework works.

17. Easiest Tooltip and Image Preview Using jQuery

I love jQuery and the way it makes developer’s life easier. Although it took me a while to accept it and I still prefer to write my own stuff, I can’t deny its advantages. Recently I had a project that demanded a rollover image preview. You know, one of those tooltip-like bubble popups that appears when you roll over link or a thumbnail. Since we were already using jQuery on that project I decided to take it easy and investigate what can be done with that extraordinary library. So I came up with a script so simple it hurts! The best thing yet is that it can be applied for a variety of purposes. Today I will show you 3 examples of using the same very, very simple script.

18. Cut & Paste Inline HTML Tooltip script

Inline HTML Tooltip lets you define rich HTML tooltips that are embedded directly inside your webpage and that appear when the mouse rolls over links on your page. The tooltip appears directly beneath the anchor link, and adjusts its position dynamically based on whether the mouse is too close to the window’s edges.

19. Rich HTML Balloon Tooltip

This is a balloon style tooltip that can be applied to any link(s) on the page. What sets it apart is where it gets the tooltip messages- from ordinary DIV elements on the page containing the desired tooltip content. This fact means you can easily define tooltips with rich HTML and images inside them. In other words, any content can now easily become a tooltip message, whether you’re manually defining the tooltips, or dynamically generating them using server side languages.

20. tipsy – Facebook-style tooltip plugin for jQuery

Tipsy is a jQuery plugin for creating a Facebook-like tooltips effect based on an anchor tag’s title attribute.

21. Create a Digg-style post sharing tool with jQuery

I was surfing website and searching for inspirations and I stumbled upon digg.com. I discovered a small utility on every single post, the share link. Yes, I want to implement that, it looks cool, practical and useful! So, this tute, 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.

22. Create a Simple CSS + Javascript Tooltip with jQuery

It’s always a joy to understand how things work. Well, at least I do. Alright, this time, I want to share with you all, how to create a simple jQuery tooltip. In this website, I’m using a script I grabed it online, and it uses onmouseover and onmouseout. It’s really messy and annoying me. So, it’s jQuery comes to rescue. The way it works is fairly simple, I use the Anchor tag REL and TITLE attributes to identify a tooltip and its content.

23. clueTip: A jQuery Tooltip Plugin

The clueTip plugin allows you to easily show a fancy tooltip when the user’s mouse hovers over (or, optionally, clicks on) any element you designate in your script. If the element includes a title attribute, its text becomes the heading of the clueTip.

18 Best Free Premium Gallery wordpress Themes.

18 Best Free Premium Gallery wordpress Themes.

1. Photoria

Demo || Download

2. Imbalance

Demo || Download

3. CSS Gallery

Demo || Download

4. Urban

Demo || Download

5. Unstandard WordPress Theme

Demo || Download

6. Blissful Blog

Demo || Download

7. Swiss Design

Demo || Download

8. Portfolium

Demo || Download

9. Shaken Grid

Demo || Download

10. Revolt

Demo || Download

11. Free Photo Gallery

Demo || Download

12. Gallery

Demo || Download

13. Magadine – Magazine wordpress theme

Demo || Download

14. Free Portfolio WordPress Theme: Creative by Nature

Demo || Download

15. Free Gallery WordPress Theme – Shaken Grid

Demo || Download

16. Photo Clip

Demo || Download

17. Fotofolio WordPress Theme – For your online portfolio

Demo || Download

18. Snapshot

Demo || Download

How to Draw/create a Pirate Character in Photoshop

How to Draw/create a Pirate Character in Photoshop

Character design might be one of the most fun things that you can do in Photoshop. Today, we will demonstrate how to draw a pirate character in Photoshop.

Tutorial Source --->>>> http://psd.tutsplus.com/tutorials/drawing/draw-a-pirate-character-in-photoshop/

I hope you like this tutorail be happy

How to Draw an Audi A1 Digital Car Painting in Photoshop

How to Draw an Audi A1 Digital Car Painting in Photoshop

This tutorial describes how to create a photo-realistic rendering of a car, in this case an Audi A1. This tutorial relies heavily on paths and should take about two hours to complete depending on skill level.

Tutorial source -->>>> http://photoshoptutorials.ws/photoshop-tutorials/drawing/how-to-create-an-audi-a1-digital-car-painting-in-photoshop.html

I HOPE YOU LIKE THIS PHOTOSHOP TUTORIAL

30 Amazing Marketing tips for blogger ! Must Read

30 Amazing Marketing tips for blogger ! Must Read

Decide on a stand alone domain name www.myblog.com or directory of existing site www.mysite.com/blog. Sub domain is also an option blog.mysite.com. Avoid hosted services that do not allow you to use your own domain name!
Obtain and install customizable blog software – WordPress and Moveable Type are my favorites.
Customize blog look and feel templates – aka design.
Research keywords and develop a glossary – Keyword Discovery, WordTracker, SitePoint, SEOBook Keyword Research.
Optimize the blog:
- Template optimization – RSS subscription options, social bookmark links, HTML code, Unique title tags, URLs, Sitemap
- Add helper plugins specific to WordPress or MT
- Create keyword rich categories (reference your keyword glossary)
Enable automatic trackback and ping functionality.
Create Feedburner Pro account and enable feed tracking.
Setup a Google account for Sitemap, validate and prep for future submission.
Identify authoritative blogs, web sites and hubs for outbound resource links and blogroll.
Format archived posts, related posts.
Enable statistics for tracking – Google Analytics, ClickTracks.
Submit RSS feed and Blog URL to prominent RSS and Blog directories / search engines.
Engage in an ongoing link building campaign.
If podcast or video content are available, submit to Podcast and Vlog directories.
Submit blog url to paid directories with categories for blogs – Yahoo, BOTW, bCentral, WOW, JoeAnt.
Optimize and distribute a press release announcing blog.
Request feedback or reviews of your blog in relevant forums, discussion threads. If you have a resourceful post that will help others, point to it.
Research and comment on relevant industry related blogs and blogs with significant centers of influence.
Post regularly. If it’s a news oriented blog, 3-5 times per day. If it’s an authoritative blog, 3-5 times per week, but each post must be unique and high value.
Monitor inbound links, traffic, comments and mentions of your blog – Google Alerts, Technorati, Blogpulse, Yahoo News, Ask Blogs and Feeds.
Always respond to comments on your blog and when you detect a mention of your blog on another blog, thank that blogger in the comments of the post.
Make contact with related bloggers on AND offline if possible.
When making blog posts always cite the source with a link and don’t be afraid to mention popular bloggers by name. Use keywords in the blog post title, in the body of the post and use anchor text when you link to previous posts you’ve made.
Use social networking services, forums and discussion threads to connect with other bloggers. If they like your stuff, they will link to you.
Remember when web sites were a new concept and the sage advice to print your web address everywhere you print your phone number? The same advice applies for your blog.
=============
If your blog’s goal is to promote you as an authority, interview other prominent bloggers in your industry. Your own credibility will improve by association.
Build out your online networks through services such as MyBlogLog, Twitter and Facebook and leverage them to promote particularly useful content on your blog.
Once your blog has 1000 or more subscribers, show your Feedburner badge
Host images with Flickr making sure to include an anchor text link in the image description back to the post where the image is used.
Use your blog to gain press/media credentials at relevant industry conferences and use the event to create content, connections and increase your knowledge.

How To Repair "PNG Transparency" Problem in IE6

How To Repair "PNG Transparency" Problem in Internet Explorer

Follow simple and esay step to solve this problem in blogger ---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit "HTML"

* Now find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<script language="JavaScript">
function correctPNG() // correctly handle PNG transparency in Win IE 5.5 & 6.
{
   var arVersion = navigator.appVersion.split("MSIE")
   var version = parseFloat(arVersion[1])
   if ((version >= 5.5) && (document.body.filters)) 
   {
      for(var i=0; i<document.images.length; i++)
      {
         var img = document.images[i]
         var imgName = img.src.toUpperCase()
         if (imgName.substring(imgName.length-3, imgName.length) == "PNG")
         {
            var imgID = (img.id) ? "id='" + img.id + "' " : ""
            var imgClass = (img.className) ? "class='" + img.className + "' " : ""
            var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' "
            var imgStyle = "display:inline-block;" + img.style.cssText 
            if (img.align == "left") imgStyle = "float:left;" + imgStyle
            if (img.align == "right") imgStyle = "float:right;" + imgStyle
            if (img.parentElement.href) imgStyle = "cursor:hand;" + imgStyle
            var strNewHTML = "<span " + imgID + imgClass + imgTitle
            + " style="" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
            + "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
            + "(src='" + img.src + "', sizingMethod='scale');"></span>" 
            img.outerHTML = strNewHTML
            i = i-1
         }
      }
   }    
}
window.attachEvent("onload", correctPNG);
</script>

* Now click to save your blogger Template and you are done ok.

How To Add jQuery Hide and Show Text Effect to Blogger.

How To Add jQuery Hide and Show Text Effect to Blogger.

If you want to add hide and show effect to your blog, follow the steps below.

* First go to your blogger Dashboard.

* Now click in design tab and now you are here --->>> Page Element.

* Click on 'Add a Gadget' on the sidebar.

* Select 'HTML/Javascript' and add the javascript code given below and click save.

<script src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
  $('#butShowHide').click(function()
  {
      $('#pShowHide').toggle();
  });
});
</script>
<p id="pShowHide" style="display:none">Insert Your Content Here</p>
<button id="butShowHide">Show/Hide</button>

Note : Remember to replace 'Insert Your Content Here' with your real content.

How To Add MooTools Link Fading To Blogspot.

How To Add MooTools Link Fading To Blogspot.

* First go to your blogger Dashbard.

* Now click in design tab and edit HTML.

* After above step find this code </head> by CTRL+F key.

* Copy below code and paste before </head>

<script type='text/javascript'>window.onload = function() {var paras = document.getElementById(&#39;content&#39;).getElementsByTagName(&#39;p&#39;);if(paras.length) {paras[0].className = paras[0].className + &#39; intro&#39;;}};</script> <style type='text/css'>#link1  { color:#f00; }#link2  { color:#00f; }#link3  { color:#000; }</style><script src='http://ajax.googleapis.com/ajax/libs/mootools/1.2.3/mootools.js' type='text/javascript'/><script type='text/javascript'>window.addEvent(&#39;domready&#39;,function() {$each($(&#39;.fade&#39;), function(el) { var original = el.getStyle(&#39;color&#39;); var morph = new Fx.Morph(el,{ &#39;duration&#39;:&#39;300&#39;, &#39;link&#39;:&#39;cancel&#39; }); el.addEvents({  &#39;mouseenter&#39; : function() { morph.start({ &#39;color&#39;:&#39;#ffffff&#39; }) },  &#39;mouseleave&#39; : function() { morph.start({ &#39;color&#39;: original }) } });});});</script>

* Now click to save your blogger Template.

* Now when you add Links add it as below example-->>>

<a id="link1" href="javascript:;" class="fade">Link Fade 1</a>

<a id="link2" href="javascript:;" class="fade">Link Fade 2</a>

<a id="link3" href="javascript:;" class="fade">Link Fade 3</a>