How to Change The Font Of WordPress 3.2 HTML Editor [Quick Tips]

If you are using WordPress and have recently upgraded to the latest 3.2.x version, you will notice that the font for the HTML editor has changed. In most WordPress upgrade, changes are good, but in this case, the changed font is not web friendly and is straining to the eyes.

wp-new-editor-font

One of the way to change it is to directly edit the wp-admin.css file under the “wp-admin -> css” folder. This is not a good solution because the next time you upgrade your WordPress, your files will be overwritten.
[Read more...]

How to Create Basic CSS-Powered Web Sites

basicCSS-logosmallWhether you know it or not, you’re taking advantage of CSS just about any time you open a web browser. It’s the template system used by nearly every modern website to give pages their layout and appearance. Some of you may be thinking “I’ve made websites before and it was easy, I never needed any CSS.” and that’s true. You don’t need CSS to make a nice looking and functional site, but chances are good that your site could have been smaller, cleaner, more consistent, and better looking had you chosen CSS from the start. Today we’re going to show you the very basics of what CSS can do. This guide won’t bring you from a beginner to Award Winning Web Designer, but it will help you understand how CSS works and how it can same you a LOT of time and effort.
[Read more...]

How to Use CSS3 Pie to Modernize Internet Explorer

CSS3 Pie logoOne of the biggest dilemmas facing web developers is the incompatibility of various Internet Explorer versions with current web standards. Although Microsoft has promised CSS3 and even HTML5 support for IE9, Windows users, especially businesses, may continue to use IE8, IE7, or even the dreaded IE6 for years to come.

As a result, coding a site with exclusive CSS3 features will only alienate a large portion of your website’s visitors, and obligating them to download a standards-compliant browser, like Mozilla Firefox or Google Chrome, will only come across as arrogant.

A possible solution to the problem is to use a modernizer, which is a script or application that uses a variety of tricks to make your site appear as it should in all browsers. CSS3 Pie is javascript-based modernizer that helps Internet Explorer recognize cool CSS3 features such as rounded corners, soft drop shadows, and gradient fills. It is quick, easy, and works most of the time with very little tweaking.
[Read more...]

Transform Gedit Into A Web Developer IDE

gedit-logogedit is the default text-editor in Gnome based distro. To many, it may seems like a normal text-editor with no special functions (just like notepad in Windows), but for those regular users, they will swear by it and marvel at how powerful and versatile it can be. With its plugins system, it can easily transform itself from a basic text-editor to complicated and powerful programming IDE. Here’s how you can do it.

Note: For this tutorial, I will focus mainly on HTML, PHP and CSS since that are the web programming languages I used. You can modify it to suit your needs.
[Read more...]

How to Style Up Your Quotes in Blogger

blogger-blockquotesVirtually all blogging platforms, including Blogger, have the “quote text” function. This is useful when you want to highlight sections from other texts or where you need to highlight information from within your own article. Quoted text can be customised to look different from the main body of your article and these differences make it stand out.

In this article I will describe how to use the “quote text” function in Blogger blogs as well as how to customise its look.
[Read more...]

Embedding Google Font to Your WP Blog

google-font-mainHow many of you actually tested your website design on different browsers and computers before you launch the site? I bet few of you do. Do you know that what looks good on one OS (for example, Mac) can really look bad on another, such as Windows? The main reason is because the fonts used in the Mac system is not available in the Windows OS. Substitute font is used by the computer (without the font) and this can really screw up your web design. A good way to overcome this is to use a web font that is supported by most browsers, so that your site will look essentially the same regardless which browser or computer you are using.

During the I/O developer conference in June 2010, Google introduced the Google Font – a series of open source font, that you can embed and use on your site. All the fonts are hosted on the Google server, so any browsers can utilise it without much effort. At the moment, there are 18 different fonts (as of this post) that you can choose from and I am sure more will be added to the library in the future.
[Read more...]

3 Useful WP Plugins to Add a Floating Social Sharing Bar Beside Your Content

wpsidebar-sharebar1-smallFans of Mashable will notice the floating social sharing bar that they are using at the side of their content. As you scroll down the page, the social sharing bar will move along and acts as a constant reminder to get you to share the content. If you are thinking of implementing such cool trick to your site, here are three plugins that you should not miss out.
[Read more...]

How to Add Image Thumbnails to Related Posts in WordPress

wpthumb-mainQ: Your site is very helpful to me. Could you please tell me how to embed that related posts like in your site in mine? I have tried a lot of alternatives, can you please tell me how you add that related posts with thumbnails?

If you are frequently browsing the Web, you will notice that many blogs are showing image thumbnails for the Related Posts section, just like what we did in Make Tech Easier. In WordPress, there are several ways that this can be done. Let’s check it out.
[Read more...]

8 Places to Find Free Web Templates

templates-internetPerhaps you want to dabble in web design. Perhaps you want a place to sell your crafts online. Perhaps the lady in the house next door really wants to post pictures of her cat. There are a lot of reasons to want a website, but not everyone is willing or able to design something nice from scratch. For those of us without the time or inclination to build our own, there are templates. Lots of them. Often, they’re even free. Today we’ll check out 8 of the best places to get free HTML/CSS (and sometimes Flash) templates.
[Read more...]