techcrank.com

How to Decrease the Loading Time of Your Blog- DIY

Shubham — Sat, 10 Apr 2010 18:28:42 +0000

Well it is said that content rules the Web, though it does but it isn’t the only thing you should care about. Making a successful quality blog is not an easy task. One of the most important factor is the loading time of your blog. In this article let’s have a look at the various things which you should do to increase the speed of you blog.

Reduce the size of your Sliced Images-

Web designer should take care of its background images and the images used in the site. They should be of optimum size. You can use Puny PNG tool to do this, it is very effective in reducing image size without any quality loss. So whenever you make an image file do compress it.

Manage the external Requests-

One of the most important factors of slow loading of your blog is external requests. External blog requests slow the loading time of your blog. Don’t use any unnecessary widget in your blog. Some of the things like facebook fan page, Digg and Social networking icons like tweetmeme can slow down your blog. So choose wisely and don’t duplicate any of them. This will surely decrease your loading time.

Use a Good Hosting Service-

Well Hosting service is really important factor of your blog’s loading time. If you are hosting your site at good hosts, you will get good speedy blog. Well i have used Wp-web host and ipage hosting. Well also heard a lot about hostgator too.

Use Caching technique-

Caching time is a popular technique used by the Webmasters to increase their speed. You can use Wp-Super Cache to do the work for you. It is easy to install and configure. Wp-super cache create static web pages of your blog so that it can load faster. You can use it to minimize the server load and activate the Mysql Query Cache.

In order to activate Mysql Query Cache-

1. Find Mysql configuration file my.cnf

2. Change the setting of query cache type value to 1.

3. Find the query cache size and change it to 20M.

4. Also change the query cache limit and change the value to 2M.

Use Minify to Compress the JS and CSS-

Minify is a tool to compress multiple JavaScript and CSS. It removes comments and unnecessary space and comments from the CSS and JavaScript. It also provide GZ encoding and optimal client-side cache headers. You can have a look at how minify works.

Before
After

Optimize Your Database Table-

Optimizing your database table can be very efficient in terms of load time. If your database table is big in size then you should optimize it every week. Well it works very good, I use Wp-Optimize plugin to optimize my database table. Besides optimizing Database it also provides features like post revisions and cleaning spam comments.

Well you can use the free Pingdom tool to evaluate speed reports.

Any tip you want to share, feel free to add your comment.

How to Embed Flash Header in Thesis- WordPress Tutorial

Shubham — Thu, 08 Apr 2010 18:32:36 +0000

Well those days are gone when people hesitated to use flash in their websites. Flash headers are getting very popular these days, due to its reduced size and animation features. Flash headers can be used in the theme to give it a cool look. Well inserting a flash header in thesis theme is very easy. In this post I will show you how to exactly do it.Inserting the flash into thesis header is very easy. I am assuming that you have the flash file you want to use in the header. Now place the flash swf file in the root folder directory or wherever you want to place it. Now in your thesis options open custom file editor. Copy and paste the code below to add your header function. This will create a header function as flash_header. Edit the path of the URL to the path of the desired swf.

function flash_header() {
?>


Now copy the CSS to remove the text header. The CSS will remove the text in the header.
.custom #header #logo { text-indent: -9999px; height:3px;}
.custom #header #tagline { text-indent: -9999px; }

That’s it! You’re Done.
Feel free to comment on the Flash headers and queries related to flash on it.

130+ Amazing High Quality Apple Mac Wallpapers (HD)

Shubham — Wed, 10 Mar 2010 20:49:21 +0000

A list of more than 130 High Quality HD Wallpapers. Apple products are simply amazing and so these are Wallpapers are. A great list of Wallpapers to keep your desktop look cool. The perfect Wallpapers for your desktop, just for the Apple addicts. Apple MAC desktop Wallpapers are just so perfect for your desktops. We know desktop wallpapers are constantly changed, so here’s a huge list of 130+ wallpapers.

These are my collection of Apple MAC Wallpapers. Fell free to add your comment..

Top 5 Ultimate Internet Explorer Designing Hacks

Shubham — Tue, 09 Mar 2010 15:15:27 +0000

Every Web Designer hates Internet explorer, I too hate Internet explorer for many reasons (especially IE6). HTML 5 and CSS3 are the most powerful techniques of creating a good design but IE can’t handle them. Few tricks can do some work to give a good look in Internet explorer. The hacks like creating rounded corners, embedding HTML5, text and box shadow, Opacity are been given here.

Internet Explorer hacks

Here are few tweaks for Internet Explorer to make your Blog look on Internet explorer:

HTML5 For IE

HTML5 is very powerful, it is the major advancement of HTM: the core markup language of the World Wide Web. most of the browsers handle HTML 5 very good but for IE it can be pretty difficult. It simply ignores the markup. The html5.js can do the work for you. Embedding it can be pretty easy. You can hotlink/add the script anywhere in as shown in example below.

Text Shadow In IE 6 With CSS

Due to recent implementation of text shadow in Firefox 3.5, it has been in use by every web designer. But this doesn’t work with Internet Explorer. IE-only filter property can create text-shadow quite well. As filter isn’t a standard CSS property so it should be isolated from different codes.

Implementation of CSS shadow effect in IE can be done as below:

p.shadowed {
  text-shadow: #0000ff 0px 0px 3px; /* Modern browsers */
  filter: glow(color=#0000ff,strength=3); /* IE */
}

CSS Box Shadow in Internet Explorer

Box shadow can be done in IE with simple codes. It is the coolest trick for creating HTML elements without using alpha channel png images. Saves load time and makes looks very impressive. A real impressive look.

.shadowed{
    box-shadow: 10px 10px 5px #888;
}

But for IE you still can’t get the shadow with the above property. You will have to use filter proprietary property. To implement it, here’s what you have to do.

.shadowed {
    filter:
        progid:DXImageTransform.Microsoft.DropShadow(color=#969696, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#C2C2C2, offx=1, offy=1)
        progid:DXImageTransform.Microsoft.DropShadow(color=#EFEFEF, offx=1, offy=1);
}

Rounded Corner’s in Internet Explorer

Rounded corner’s is an way to get a good looking smooth corners. They are very popular in Web 2.0 because of its easy implementation without the use of images. For those who don’t know here’s an example-

.round{
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

For IE rounded corners can be implemented by adding a JavaScript. DD roundies is a small JavaScript which can round HTML elements the way you need. The code can be explained as -

You can download the JS file from here.

Opacity in Internet Explorer

It is one of the coolest feature used by web designers. Again for IE opacity can be given by filter CSS property that can help to attain opacity. The example can be shown as-

.element{
    opacity:.7; /* Standard CSS */
    filter:alpha(opacity=70); /* IE patch */
}

These are some of the cool hacks in Internet Explorer that can make your design compatible with IE. If you have any question’s feel free to comment.

20+ Color Tool For Web Designers/Webmasters and CSS Geeks

Shubham — Fri, 05 Mar 2010 18:30:38 +0000

Choosing the core color of your project can be a easy task but finding the right combinations to match the core color can be difficult. Here’s a list of 20+ tools to choose the matching colors and even suggest the matching color palette when you aren’t sure what are you looking for. The list contains the best color tools web services on the internet which every web designers must know.

ColourLovers-

Color Scheme Genrator-

ColorJack-

Adobe Kuler-

Color Schemer-

Colr.org-

4096 Color Wheel-

Web 2.0 Color Palette-

Color Palette Generator-

Color Hunter-

Genopal-

Color Harmony -

Color Blender -

Color Schemer Online v2 -

Accessibility Color Wheel -

ColorDB -

Veerle’s Topp Daily Color Scheme -

Color Palette Generator -

Colorspire -

ColourMod Konfabulator -

ColorMunki -

You can share this post if you like it, do let us know what do you think about online Color tools.

Every Windows Keyboard Shortcuts Covered- Tweak

Shubham — Fri, 05 Mar 2010 07:56:29 +0000

Windows keyboard shortcuts are a very easy way to get your work done faster and also more efficient. If you are a windows user and has a lot of Windows usage then these shortcuts are on your list to check. Here is a list of more than 100+ keyboard shortcuts to make your life easier and more faster.

The General keyboard Commands Revised -

CTRL+C (Copy)

CTRL+X (Cut)

CTRL+V (Paste)

CTRL+Z (Undo)

DELETE (Delete)

CTRL+INSERT (same as Copy Command)

SHIFT+INSERT (same as Paste command)

CTRL+ALT+DELETE (Opens Task Manager)

WINDOWS+TAB (switch between the open Windows)

SHIFT+DELETE (Delete the selected item permanently without placing the item in the Recycle Bin)

CTRL while dragging an item (Copy the selected item)

CTRL+SHIFT while dragging an item (Create a shortcut to the selected item)

F2 key (Rename the selected item)

CTRL+RIGHT ARROW (Move the insertion point to the beginning of the next word)

CTRL+LEFT ARROW (Move the insertion point to the beginning of the previous word)

CTRL+DOWN ARROW (Move the insertion point to the beginning of the next paragraph)

CTRL+UP ARROW (Move the insertion point to the beginning of the previous paragraph)

CTRL+SHIFT with any of the arrow keys (Highlight a block of text)

SHIFT with any of the arrow keys (Select more than one item in a window or on the desktop, or select text in a document)

CTRL+A (Select all)

CTRL+W (Close the Open Window)

F3 key (Search for a file or a folder)

ALT+ENTER (View the properties for the selected item)

ALT+F4 (Close the active item, or quit the active program)

ALT+ENTER (Display the properties of the selected object)

ALT+SPACEBAR (Open the shortcut menu for the active window)

CTRL+F4 (Close the active document in programs that enable you to have multiple documents open simultaneously)

ALT+TAB (Switch between the open items)

ALT+ESC (Cycle through items in the order that they had been opened)

F6 key (Cycle through the screen elements in a window or on the desktop)

F4 key (Display the Address bar list in My Computer or Windows Explorer)

SHIFT+F10 (Display the shortcut menu for the selected item)

ALT+SPACEBAR (Display the System menu for the active window)

CTRL+ESC (Display the Start menu)

ALT+Underlined letter in a menu name (Display the corresponding menu)

Underlined letter in a command name on an open menu (Perform the corresponding command)

F10 key (Activate the menu bar in the active program)

RIGHT ARROW (Open the next menu to the right, or open a submenu)

LEFT ARROW (Open the next menu to the left, or close a submenu)

F5 key (Update the active window)

BACKSPACE (View the folder one level up in My Computer or Windows Explorer)

ESC (Cancel the current task)

SHIFT when you insert a CD-ROM into the CD-ROM drive (Prevent the CD-ROM from automatically playing)

Microsoft Utility Keyboard Shortcuts-

Windows Logo (Display or hide the Start menu)

Windows Logo+BREAK (Display the System Properties dialog box)

Windows Logo+D (Display the desktop)

Windows Logo+M (Minimize all of the windows)

Windows Logo+SHIFT+M (Restore the minimized windows)

Windows Logo+E (Open My Computer)

Windows Logo+F (Search for a file or a folder)

CTRL+Windows Logo+F (Search for computers)

Windows Logo+F1 (Display Windows Help)

Windows Logo+ L (Log Off The Computer)

Windows Logo+R (Open the Run dialog box)

Windows Logo+U (Open Utility Manager)

Windows logo+Break (open System Properties)

PRINT SCREEN SYSRQ Button (Takes a snapshot of open Window)

WINDOWS+R (open’s Run)

Dialog Box Keyboard Shortcuts-

CTRL+TAB (Move forward through the tabs)

CTRL+SHIFT+TAB (Move backward through the tabs)

TAB (Move forward through the options)

SHIFT+TAB (Move backward through the options)

ALT+Underlined letter (Perform the corresponding command or select the corresponding option)

ENTER (Perform the command for the active option or button)

SPACEBAR (Select or clear the check box if the active option is a check box)

Arrow keys (Select a button if the active option is a group of option buttons)

F1 key (Display Help)

F4 key (Display the items in the active list)

BACKSPACE (Open a folder one level up if a folder is selected in the Save As or Open dialog box)

Accessibility Keyboard Shortcuts -

Right SHIFT for eight seconds (Switch FilterKeys either on or off)

Left ALT+left SHIFT+PRINT SCREEN (Switch High Contrast either on or off)

Left ALT+left SHIFT+NUM LOCK (Switch the MouseKeys either on or off)

SHIFT five times (Switch the StickyKeys either on or off)

NUM LOCK for five seconds (Switch the ToggleKeys either on or off)

Windows Logo +U (Open Utility Manager)

Windows Explorer Keyboard Shortcuts -

END (Display the bottom of the active window)

HOME (Display the top of the active window)

NUM LOCK+Asterisk sign (*) (Display all of the subfolders that are under the selected folder)

NUM LOCK+Plus sign (+) (Display the contents of the selected folder)

NUM LOCK+Minus sign (-) (Collapse the selected folder)

LEFT ARROW (Collapse the current selection if it is expanded, or select the parent folder)

RIGHT ARROW (Display the current selection if it is collapsed, or select the first subfolder)

Internet Explorer Keyboard Shortcuts-

CTRL+B (Open the Organize Favorites dialog box)

CTRL+E (Open the Search bar)

CTRL+F (Start the Find utility)

CTRL+H (Open the History bar)

CTRL+I (Open the Favorites bar)

CTRL+L (Open the Open dialog box)

CTRL+N (Start another instance of the browser with the same Web address)

CTRL+O (Open the Open dialog box, the same as CTRL+L)

CTRL+P (Open the Print dialog box)

CTRL+R (Update the current Web page)

CTRL+W (Close the current window)

ALT+D (Select the Address Bar)

CTRL+SHIFT+PLUS (Resizes the Page)

CTRL+ENTER (open’s a quick .com URL)

Remote Desktop Keyboard Shortcuts-

CTRL+ALT+END (Open the m*cro$oft Windows NT Security dialog box)

ALT+PAGE UP (Switch between programs from left to right)

ALT+PAGE DOWN (Switch between programs from right to left)

ALT+INSERT (Cycle through the programs in most recently used order)

ALT+HOME (Display the Start menu)

CTRL+ALT+BREAK (Switch the client computer between a window and a full screen)

ALT+DELETE (Display the Windows menu)

CTRL+ALT+Minus sign (-) (Place a snapshot of the active window in the client on the Terminal server clipboard and provide the same functionality as pressing PRINT SCREEN on a local computer.)

CTRL+ALT+Plus sign (+) (Place a snapshot of the entire client window area on the Terminal server clipboard and provide the same functionality as pressing ALT+PRINT SCREEN on a local computer.)

Main Window Keyboard Shortcuts (Microsoft Management Console (MMC))-

CTRL+O (Open a saved console)

CTRL+N (Open a new console)

CTRL+S (Save the open console)

CTRL+M (Add or remove a console item)

CTRL+W (Open a new window)

F5 key (Update the content of all console windows)

ALT+SPACEBAR (Display the MMC window menu)

ALT+F4 (Close the console)

ALT+A (Display the Action menu)

ALT+V (Display the View menu)

ALT+F (Display the File menu)

ALT+O (Display the Favorites menu)

Character Map keyboard Shortcuts-

After you double-click a character on the grid of characters, you can move through the grid by using the keyboard shortcuts:

RIGHT ARROW (Move to the right or to the beginning of the next line)

LEFT ARROW (Move to the left or to the end of the previous line)

UP ARROW (Move up one row)

DOWN ARROW (Move down one row)

PAGE UP (Move up one screen at a time)

PAGE DOWN (Move down one screen at a time)

HOME (Move to the beginning of the line)

END (Move to the end of the line)

CTRL+HOME (Move to the first character)

CTRL+END (Move to the last character)

SPACEBAR (Switch between Enlarged and Nor mal mode when a character is selected)

If there is any nifty shortcut that I just might have missed, just add your comment.

How To Access Blocked Sites on Your Network

Shubham — Fri, 05 Mar 2010 03:34:31 +0000

Want to access the blocked sites in your network? Here’s a list of 100+ Working Proxy Websites to connect to a targeted website with a different IP; thus hiding hiding your actual origin. There are many reasons Internet users use proxy sites for, some use to access blocked websites by their college or workplace, some use it to test their scripts for different countries. I used them to test geo-location ads, and block low paying Ad URLs. Surf to blocked sites like facebook, myspace, orkut, gmail, twitter etc.

Here’s my collection of 100+ working proxies to access the blocked websites:

1. http://www.hidemyass.com

2. http://www.anonymizer.com

3. http://www.wujie.net

4. http://www.ultrareach.net

5. http://surfshield.net

6. http://www.guardster.com/subscription/proxy_free.php

7. http://anonymouse.ws/anonwww.html

8. http://www.browser-x.com

9. http://www.spysurfing.com

10. http://www.xerohour.org/hideme

11. http://www.proxyz.be

12. http://www.sc0rian.com/prox

13. https://www.proxify.us

14. http://kproxy.com/index.jsp

15. http://www.brawl-hall.com/pages/proxy.php

16. http://www.proxify.net

17. http://proxy.computersteroids.com/index0.php

18. http://www.unipeak.com

19. http://flyproxy.com

20. http://alienproxy.com

21. http://proxify.com/

22. http://www.unfilter.net

23. http://www.proxymouse.com

24. http://www.surfonym.com/cgi-bin/nph-proxy

25. http://www.superproxy.be/browse.pl

26. http://www.websiteguru.com/mrnewguy

27. http://www.letsproxy.com

28. http://www.fsurf.com

29. http://indianproxy.com

30. http://www.letmeby.com

31. http://Boredatschool.net

32. http://www.ibypass.org

33. http://www.ipzap.com/

34. https://proxify.biz

35. http://kproxy.com/index.jsp

36. http://www.attackcensorship.com/attack-censorship.html

37. http://mrnewguy.com

38. http://www.evilsprouts.co.uk/defilter

39. http://www.proxify.info

40. http://www.torify.com

41. http://www.switchproxy.com

42. http://www.proxifree.com

43. http://www.secure-tunnel.com/

44. http://www.proxify.cn

45. http://www.arnit.net/utilities/webproxy/new

46. http://www.proxify.co.uk

47. http://www.betaproxy.com

48. http://www.proxify.org

49. http://www.proxychoice.com

50. http://www.proxysnail.com

51. http://www.anonypost.com

52. http://www.thestrongestlinks.com

53. http://www.hujiko.com

54. http://www.anonproxy.info

55. http://www.peoplesproxy.com

56. http://www.freeproxy.us

57. http://www.proxyweb.net

58. http://www.nopath.com

59. http://urlencoded.com

60. http://www.pole.ws

61. http://www.browseany.com

62. http://www.spiderproxy.com

63. http://www.clickcop.com

64. http://www.sneakysurf.com

65. http://www.mywebtunnel.com

66. http://www.thewebtunnel.com

67. http://www.3proxy.com

68. http://www.yourfreeproxy.com

69. http://www.proxy7.com

70. http://www.fireprox.com

71. http://www.stupidcensorship.com

72. http://www.letsproxy.com

73. http://www.sneak2.com

74. http://www.cecid.com

75. http://www.freeproxy.ca

76. http://www.ibypass.org

77. http://www.goproxing.com

78. http://www.projectbypass.com/

79. http://www.ipsecret.com

80. http://www.nomorelimits.net

81. http://www.proxify.de

82. http://www.bywhat.com

83. http://www.snoopblocker.com

84. http://www.anonymizer.ru

85. http://www.proxyking.net/

86. http://www.perlproxy.com

87. http://www.proxylord.com

88. http://tntproxy.com

89. http://satanproxy.com

90. http://zombieinvasion.info

91. http://demonproxy.com

92. http://www.myfreeproxy.com

93. http://www.gezcem.com/nph-proxy.pl.old

94. http://mpleger.de

95. http://www.the-cloak.com/login.html

96. https://www.mastercloak.com

97. http://secure88.com

98. http://netplore.info

99. http://www.proxut.com/

100. http://myusproxy.info/

101. https://www.megaproxy.com/freesurf/

102. http://www.boomproxy.com/

103. http://www.sre8.com/

Disclaimer

Some of these website’s get down due to ban of their IP addresses and may go offline for week. I am not encouraging you to use these bypass sites for using banned sites in your college, place etc. Use them with cautions, whatsoever you have done I will not be responsible for it.

Share it if you like this article and do add your comment.

8 Best Helpful Online Code Editors

Shubham — Fri, 26 Feb 2010 22:21:27 +0000

As a web developer, your main objective is turn your ideas into codes. Well implementation is a difficult task. Online code editors are getting popular these days. These editors can help you with the codes from any computer having an internet access, or even a tablet. Coding is simple and more fun, no need of to carry your software’s where ever you go.

Here is a list of online code editors to make your job easier:

Kodingen

Kodingen is a great online editor tool, it is one of the most powerful tools I have ever worked on. You can create files, folders, connect to your ftp drives, use mysql databases and code. It doesn’t requires registration, though you can register to you its advanced features as SVN repositories, collaborative work, bugtracking tools etc. The most liked thing about the editor is that it supports most programming languages, syntax highlighting, line numbering and much more. A must use tool.

http://kodingen.com/

PractiCode

Practicode is a basic code editor with limited functions. It handles CSS , HTML and Visual Basic Scripts. But its the perfect tool, when you are in a hurry. You can also preview output in a new window.

http://www.landofcode.com/online-code-editor.php

EditPad

Editpad is another online code editor. It is simple and minimal. It is just a plain code editor with no project manager like the kodingen. No syntax highlighting. But work awesome with low bandwidth connections.

http://www.editpad.org/

9ne

9ne (pronounced “nine”) is a online text editor. It can assist you in code editing (specifically HTML, CSS and JavaScript). With syntax highlighting modes (Evoked with M+X XML MODE and M+X JAVASCRIPT MODE respectively).

http://robrohan.com/projects/9ne/

Jsvi

Vi is one of the the most powerful and fast text editor, the best thing is you’ll find it everywhere: GNU/linux distros, MAC and Web servers. And yeah it’s online now, you can find it with JSVI implementation. Many thinks are just the same in the web version.

http://gpl.internetconnection.net/vi/

Jsbin

Jsbin is an online text editor, specially made for JavaScript handling. The interface is really clean and easy. Before implementation it to your project you can preview it and export the code using the text file. If you are a plugin developer, this tool is all you need. It supports implementation of jQuery and Mootools so you can test your plugins too.

http://jsbin.com/

Bespin

Bespin is a web based online code editor with HTML5 standards. Its very powerful and have lots of options. It is limited to registered users, you’ll have to create an account to use the service. It can be added to any kind of projects by just adding the two files in your header.

https://bespin.mozilla.com/

DarkCopy

It is a simple full screen online code editor for distraction free writing. It provides a dark environment for your code so that you can only concentrate only on writing. Switching between the screen modes is easy with a click.

http://darkcopy.com/

If you have something to share or say, add your comment. Happy Editing.!

Bubble Effect With CSS – Thesis Array

Shubham — Wed, 10 Feb 2010 20:17:04 +0000

From the past few weeks I haven’t posted anything. Well all I can say is that I was busy the past weeks, but not on what I expected. This is my first post on WordPress Theme Customization. Well today, I will explain you how to create a dock( though not smooth like Mac) for your theme using CSS. You can easily integrate it into your theme for a cool bubble effect. Using CSS you can simply create the bubble effect in few steps.

First of all prepare your images for sprites, or download the image from here and add the sprites to the custom/images directory in thesis theme i.e copy the downloaded image in the images folder.

Well I used Flash CS3 to create sprites. If you are creating your own images, the sprites should be pixel precise. Well have a look at the sprites:

First we will create get_bubble function and we will add the code to the custom_functions.php for thesis theme.

function get_bubble (){
?>


Full RSS Feed


Feed via email


Follow me on Twitter


I am on Facebook



Copy the codes into your custom_functions.php. Edit the links in the function. If you want to place it elsewhere just edit the hook.
Now adding CSS into custom.css, just copy the codes into your custom.css to create the bubble effect.
#bubble {list-style: none;margin: 0px;padding-top: 25px;padding-left: 22px;}
#bubble li {display: inline-block; margin: 0px;padding: 0px;}
#bubble li a.icon {background: url('images/sprites.png') no-repeat;border: none;display: block;width: 65px;height: 65px;text-indent: -9999px;}
#bubble li a.feed {background-position: -79px -3px;}
#bubble li a.feed:hover {background-position: -2px -1px;}
#bubble li a.email {background-position: -81px -72px;}
#bubble li a.email:hover {background-position: -2px -72px;}
#bubble li a.twitter {background-position: -84px -142px;}
#bubble li a.twitter:hover {background-position: -2px -141px;}
#bubble li a.facebook {background-position: -84px -212px;}
#bubble li a.facebook:hover {background-position: -2px -211px;}

This is the CSS code you need to add for the default background image of links in your custom.css. You can edit it to get the perfect look for your blog.
Adding It to Another Theme:
Adding it to another theme is easy. Just open theme editor and copy the codes into the php file where you want to place it. For example I used sidebar.php


Full RSS Feed


Feed via email


Follow me on Twitter


I am on Facebook



Now copy the above CSS into your style.css. You’re Done.! You can add more links in your function. Well you can add extra style to your CSS to get a different look.
If you have suggestions or any problems placing it, comment us. And we will reply back.

Test Your Cross Browsing Compatibility

Shubham — Wed, 13 Jan 2010 14:04:02 +0000

Every Web designer knows that browser differences can create plenty of problems. Finding and fixing out problems is very difficult when you are not equipped with right tools. I faced many problems with Internet explorer and as I did all my work with Mozilla Firefox(every one does), debugging the css was very difficult and time consuming. I Googled some interesting resources for making your browser testing more easier.

Browsershots

Browsershots is a popular free service that will provide screen shots of a page from just about any browser from all of the common operating systems. All you have to do is enter your URL and select the browsers and operating systems that you want to test. Browsershots will then enter your information into the queue, and in a few minutes you should have the screen shots.

There is a paid option that will give you priority over the free requests. When the service is busy it can take a while to get the free screen shots, but you can pay $15 per month for priority processing.

BrowserCam

Browsercam

BrowserCam provides several different services for browser testing. There is a browser capture option that will give you screen shots from any browser and any operating system. There is also a device capture option for working with Blackberry and PDAs. The Remote Access service will test JavaScript DHTML, forms and other dynamic functionality on any platform.

BroswerCam is a paid service with options for daily, monthly, or yearly. They also offer a free trial that will allow you to test the screen capture service by getting up to 200 screen captures within the 24-hour trial.

IE NetRenderer

Netrenderer

IE NetRenderer is a free tool that’s great for testing websites in Internet Explorer, typically the most troublesome browser. With IE NetRenderer all you have to do is choose a version of IE and enter the URL that you want to test, and you’ll instantly get a screen shot of the page being tested.

BrowserCamp

Browsrcamp

BrowserCamp allows you to test the compatibility of your design with Mac OS X browsers. You can quickly enter the URL that you want to test and get a full length screen shot at several different screen widths. Additionally, for full testing you can pay $3 for a two-day subscription, or $99 for a one-year subscription, with a few options in between.

IE Tester from DebugBar

IEtester

IE Tester from DebugBar s a free web browser that allows you to have the rendering and JavaScript engines of IE8 beta 2, IE7 IE 6 and IE5.5 on Vista and XP, as well as the installed IE in the same process.

CrossBrowserTesting

Crossbrowsing

CrossBrowserTesting.com will allow you to test your website, including AJAX and JavaScript. The service is free for less than 5 minutes per session, or you can buy credits for additional minutes. There are no monthly subscription fees, just pay for what you use.

ieCapture

IEcapture

ieCapture is a free tool for getting screen shots from websites in Internet Explorer. It’s very simple, just enter a URL and in a moment your screen shot will appear.

iPhoney

iphoney

iPhoney is a free iPhone web simulator for designers. To use iPhoney you’ll have to download the program, but there is no cost.

Thanks to all the wonderful tools that made my work easier. Well If you have something to share, do add you comment.