New Softwares And tools

System tools ,Internet Tools haking tools Web Design tools and More.........

Hacking tips and tricks

Hacking, windows, facebook and computer tricks. Learn to do cool tricks with your ....

This is default featured slide 3 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 4 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.This theme is Bloggerized by Lasantha Bandara - Premiumbloggertemplates.com.

Showing posts with label Web Designs. Show all posts
Showing posts with label Web Designs. Show all posts

Saturday, February 23, 2013

$1.49 .COMs domains GoDaddy

GoDaddy: $1.49 .COMs + $9.99 Additional .COMs coupon
$1.49 after Coupon
Enter code: cjcfw149

Shop Now ►   GoDaddy
12.0% Cash Back
Coupon Restrictions:
(Not applicable to ICANN fees, taxes, sale priced domains and transfers, bulk domains and transfers, premium domains, Search Engine Visibility advertising budget, or gift cards.)

$2.95 for .com Domains on GoDaddy


$2.95 for .com Domains on GoDaddy
gofg2005ha

Pay less than 3$ for a GoDaddy .com domain, or transfer your own domain. Limited for one per customer.


Wednesday, February 20, 2013

Top 5 Firefox Extensions for Webmasters


The Mozilla Firefox web browser can be pimped out with a number of extensions to make many webmaster tasks a lot easier. This page contains a list of what I consider to be the best five extensions suited to creating and uploading web pages. I use all of these regularly in my work and all of them are compatible with Firefox 7.0.1.
I compiled this list after plowing through literally hundreds of potentials at the official Firefox Add-ons site. Unfortunately, many add-ons are either substandard or outdated which makes finding good ones a frustrating experience to say the least.


Now for those who don't know, 'extension' refers to a kind of tool that can be installed into Firefox which you run from the browser UI. The default installation of Firefox is specifically designed to be lean and mean providing only that which is necessary to surf the internet making for a faster browsing experience. However, Firefox is highly 'extensible' which means that third-party developers (people not directly associated with Mozilla) can create stuff that you can install into Firefox to allow it to do all kinds of extra things.
Back in the day, there were originally two kinds of extras you could install into Firefox: Extensions (tools) and Themes (custom Firefox skins). Later versions of Firefox began to consolidate these under the single heading of Add-ons. You can see which Add-ons you have currently installed (if any) by clicking on Tools » Add-ons.
Alright, enough with the preamble. Let's make with the goodies, shall we? :)



Web Developer Toolbar
 
HOME PAGE:    http://www.chrispederick.com/.../webdeveloper/
This extension by Chris Pederick will easily put Firefox into overdrive by endowing it with a dashboard of over 50 options providing all kinds of highly useful information and various handy tools for analyzing web pages. This is immensely useful for webmasters who are in the midst of designing, redesigning or debugging their web pages.
Features include visually outlining any HTML element, editing CSS files with real-time preview results, disabling Javascript, hiding images, finding images with no alt attributes, validating source code, displaying a virtual ruler you can use to measure web page elements and much, much more.
This extension is an absolute MUST-HAVE and is the first one I run to install after updating Firefox. The creator of this extension is also very conscientious about keeping it compatible with the latest release of Firefox so you never have to wait for this baby to 'catch up'.
Using a resizable box ruler to measure anything on a web page...
firefox_ext_webdeveloper (30K)
 
firefox_ext_webdeveloper2 (34K)


NOTES:
  • To put a Web Developer button in the Firefox Navigation toolbar to allow you to easily toggle it on and off:

    1. Right-click on the Navigation toolbar and then click on Customize.
    2. Drag and drop the 'Web Developer' button to the Navigation toolbar.
  • You can also toggle the Web Developer toolbar on and off by clicking View » Toolbars » Web Developer Toolbar.
  • Most of the functions are pretty straightforward and self-explanatory. In fact, it is way beyond the scope of this web page to describe them all in detail. Just check them out and see what happens. :)

Firebug
 
HOME PAGE:    http://getfirebug.com/
Here's another absolute must-have web page inspector which —with all due respect— isn't quite as intuitive or easy to use as Web Developer but I've personally found it indispensable for debugging Javascripts. This extension will help you quickly and easily zero in on Javascript errors and will tell you exactly what went wrong (as opposed to the vague, snippy Javascript error messages issued by Internet Explorer, e.g., 'Object expected'). Quite frankly, I don't know what I'd do without this extension (probably spend a lot of time weeping over my keyboard).
   Using Firebug to show the file name, line number and the exact nature of a Javascript error...
firefox_ext_firebug (5K)


NOTES:
  • After installation, Firebug will display as a little gray bug icon in the top right corner of Firefox. To enable Javascript debugging, simply go to the website you wish to enable debugging on and then click on the gray Firebug which will open the Firebug console. (Click again to close the console.) The icon will turn orange indicating that Firebug is active for this site. To make sure you have Javascript debugging enabled, you can click on the dropdown arrow beside 'Console' and then click to check Show Javascript Errors. The console can then be minimized by clicking on the red Minimize Firebug button at the far right of the Console toolbar.
  • With Javascript debugging enabled (see above), Firebug will notify you when the current page contains Javascript errors by displaying a red circled 'X' in the bottom right corner of Firefox followed by the number of errors. To view the error messages, click on the number of errors notification to open the Firebug console. The error messages will be listed in the console along with which web document contains the errors, which lines of code in that document are producing the errors and the respective line numbers.

FireFTP
 
DOWNLOAD PAGE:    http://fireftp.mozdev.org/
When you signup with a web host, you'll typically be given access to a 'control panel' which usually contains a somewhat clunky user interface called File Manager which you can use to upload files to your website online. However, a much preferred method of uploading files to your website is to use an FTP program which is a software that specializes in managing processes in the File Transfer Protocol (or in layman's terms, specializes in uploading/downloading files on the internet).
FireFTP is an excellent free FTP program that installs easily as a Firefox extension. After installing you can start it up by clicking on Tools » Web Developer » FireFTP which will then present you with a fully functional and fully featured FTP program running right in your web browser.
Among other standard FTP program features, FireFTP allows you to create and save multiple FTP accounts for your various websites, establish default startup directories and, best of all, has a fantastic 'Keep directories in sync while navigating' feature that allows you to synchronize the display of your online website directories with the offine version of your website stored on your hard drive (or vice-versa). This means that in the FireFTP user interface, whenever you change directories in the offline panel (left), the online panel (right) will automatically change to the same directory. I love this feature as it eliminates the possibility of uploading web pages to the wrong directory. (By the way, you do have an offline version of your website stored on your hard drive, right?)
FireFTP User Interface
firefox_ext_fireftp (16K)


NOTES:
  • How to Create an an FTP Account — After installing and starting up FireFTP, you'll have to create an FTP account in the FireFTP program in order to access your web page files online. (This assumes that you already have a webhosting account.) To create an FTP account in FireFTP, you'll need three pieces of information:

    1. Your username
    2. Your password
    3. Your hostname (This could be either an IP address that looks something like this: 12.456.89.00 or a readable hostname that looks something like servername.hostname.com)

    Your web host should immediately provide you with all these essential details when you sign up. Now with this information in hand, follow these steps to create an account in FireFTP:

    1. Click on the dropdown menu in the top left of FireFTP and select Create an account...
    2. In the Account Name box, type in whatever name you wish to call this account (the name of your website, for example).
    3. In the Host box, type in the hostname provided to you by your web host (see above).
    4. In the Login box, type in your username provided to you by your web host.
    5. In the Password box, type in the password provided to you by your web host.
    6. Click OK to apply the settings and create your account.

    With an FTP account created, just click on the Connect button to access a directory listing of your web page files online which will appear on the right side of the FireFTP interface. You can then use the panel on the left side to navigate to your web page files offline. Select a file by clicking on it and then click on the 'Upload' arrow between the two panels to upload the file to your website.

Rainbow Color Tools
 
DOWNLOAD PAGE:    https://addons.mozilla.org/.../rainbow-color-tools/
When working on web designs, I frequently forget exactly what color codes I used for specific elements which then sends me rummaging through my CSS code to retrieve them. To save time, I use color pickers which are tools which perform much like eye-dropper tools in photo editors in which you can hover anywhere over a web page and then grab the color directly below the cursor. There are surprisingly a lot of color picker Firefox extensions but the one I found to be the most intuitive is the Rainbow Color Tools extension created by Heather Arthur.

This extension also amazingly analyzes any web page, extracts the predominant color scheme and gives you a readout of all the colors used in the scheme which you can then copy to clipboard or save as a reference in the extension's built-in customizable color library. And now that you've successfully stolen, er, uhhh, (*ahem*) borrowed some nice complementary colors from your travels around the net, you can use Rainbow to easily test drive those colors on your own web pages by dragging-and-dropping them from the color library onto any HTML element on your page.

If you're in the process of designing (or redesigning a website) this extension is another must-have.

Using Rainbow to grab a web page element background color...
firefox_ext_rainbow (4K)


NOTES:
  • How to copy a color from a web page — After installing, you'll see a little rainbow icon at the top right of Firefox. Clicking on this icon will display a color picker square and a pointer which you can move around anywhere on the current web page to display the color directly below the cursor. When you find the color you want, left-click to copy the hexadecimal color code of your selected color to the Windows clipboard. Then just return to your web editor and paste the color code in.
  • How to analyze a web page's color scheme — Click on the dropdown menu beside the rainbow icon in the top right and click on Website Analyzer.


Lightshot (Screenshot tool)
 
HOME PAGE:    https://addons.mozilla.org/en-US/firefox/addon/lightshot/
Of great use to bloggers —or anybody writing any kind of online review— is a good screenshot tool. This is another popular choice amongst Firefox extension developers for some reason so you've got a lot to choose from. The one I finally settled on is Lightshot largely because of its ease of use and the fact that it can take a screenshot of a click-and-drag customizable area which saves a lot of time when it comes to cropping the image afterwards.

If you don't have a program to crop your screenshot, you can check out my list of free graphics editors OR you can just use Lightshot itself to automatically send your screenshot to Pixlr, a full-featured online image editor.

I found this extension immensely useful and, in fact, it was used to take most of the screenshots you see on this very page.

Using Lightshot to select any area on your computer screen and take a screenshot...
firefox_ext_lightshot (11K)


NOTES:
  • After installing, a little plume icon will appear in the top right of the Firefox browser next to the address bar. To take a screenshot, click on this icon and then click-and-drag anywhere on your computer screen to draw a resizable area to create a screenshot from. Afterward, a toolbar will appear below your screenshot giving you various options of what to do with it, e.g., copy to clipboard, edit online, print, save, etc.


Monday, February 18, 2013

How to submit your blog to search engines’ directory


 
Many new and aspiring bloggers who start their blogs in a hurry seeking success in the career don’t know that we must have to get our blog or website in the search engines directory. The submission helps to index your blog to Google, Bing and Yahoo when the crawlers next time crawl on your blog. 

Confirm whether your blog is indexed:
Before we submit our blog, we must check whether our blog is indexed on search engines or not. In order to do this, go to the search engines and type in the search box
”site:your website domain”
The same query will be used for all search engines.
The search engine will show every post and page it has indexed till now. If the search engine produces no result, then go ahead with the submission.


Submit your Blog to Google:
Google is the best search engine and it is very important that you submit your blog on Google, set aside the other search engines. In order to do this, go toGoogle’s site submission pageindex1
As you can see in the above image, you will have to submit your blog’s URL (homepage) and enter the captcha to confirm you are not a robot.
Submit your Blog to Yahoo!:
In 2012, Yahoo has changed its submission policy. Now we have to submit the blog only at Bing’s directory and the blog will automatically be submitted in Yahoo’s Directory. Saves much of the important time Smile
Submit your Blog to Bing:
The third Powerful Search Engine, Bing is the latest to surface in the current Search Engine dog fight. Submitting your blog on Bing’s directory means you have submitted your blog on Yahoo’s directory too. Submission is similar compared with the method of submission on Google.

In order to submit your blog, Go to Bing’s submission page.
index2
After entering your blog’s URL and captcha, you will have submitted your blog on Yahoo and Bing’s directory.
The Process of submitting the blog is relatively simple and short compared with some other blogging related issues. We hope this helped you and you enjoyed it.

Top 5 Tips To Improve Alexa Rank



alexa rank
After sharing some awesome blogger template with you today I am going to share some of the tips to improve your blog’s alexa rank. The common thing in SEO optimization and in page rank is content. Content is the king and if you are publishing good content then you don't have to work on Alexa rank and page rank because they will automatically increase day by day. Alexa rank updates daily and in page rank it take some months to update page rank. So, lets start the tutorial :)


Our blog's alexa rank

What is Alexa Rank ?

Alexa is owned by the amazon.com which used to rank the website using website’s traffic, look, performance and backlinks.

1. Content is king

Blog/website’s content plays the key role in the alexa ranking. Always publish fresh and unique content. Never publish copied content because it will decrease your alexa rank and your AdSense account will got disabled.

2. Use Alexa Rank toolbar

The newbie blogger might not know that alexa rank is getting updated daily so to check the change in the alexa rank is better install alexa rank toolbar in to the your browser. Alexa rank is the best way to monitor the status of the blog and website.

3. Promote your website

The Another best way to improve your alexa rank is to publish guest content on other’s blogs. There are many bloggers who accepts the guest post and they will offer the rich back link for your blog so guest posts will help you to build the rich backlink.

4. Be Consistent

A best blog is not the one which contains the huge content, it is the with consistent effective writings. You should not publish article when its ready, you should have time table to publish your article it helps alexa to improve your rank and it will make your website SEO friendly. And Publish regularly and people will realize that you are best in your blog’s niche.

5. Add alexa rank widget

You should add the alexa rank widget in to your blog/website. You have to show off your alexa rank to your visitor so visitors will realize that your website content is great and it will subscribe to your website. Hence your subscribers will increase.

How to Get FREE .COM Domain with FREE 1 Year Hosting & Website Builder:


free .com domain
Its a being a killer offer of all time. Wow! How about getting a Free .COM Domain with Free 1 year Hosting and Website Builder? It simply amazing and sounds pretty good. Yes Today Blogging Ways will gives you its First free Giveaway to complete the dream of that people who cant afford these sites domain and Hosting prices in their life. All you have to do is register through a link below and Complete the sign up process and then choose your domain name and start building your website live in action. So now without wasting much more time lets know How to do it for free just below.

What do you need to get this offer?

A Google account and Credit Card No. Note- Credit Card number requires only to register your site with privacy protection, no charges is being taken from it. Its absolutely $0.

How to Get FREE .COM Domain with FREE 1 Year Hosting & Website Builder:


  • First of Visit Go site Click here and skip

  • and then Connect through Gmail

  • Set one password of your choice & now Submit the page

  • After it, choose/register the new domain or use existing domain name

  • Add your details

  • And you are all done! Now start building your Website live with free Website Builder. Enjoy lots of cool templates there. Cheers!

Don't forgot to thanks us by subscribing to our Blog at here. Enjoy..