CSS text-indent: An Excellent Trick To Style Your HTML Form

You probably know what the text-indent property does in CSS. It’s a common CSS property allowing webmasters to indent paragraphs and hide text for image-based links. Text-indent does this great; however, it doesn’t just hide and indent text. It does more.

Continue Reading

How To Wrap Google Adsense In Wordpress Posts Correctly

It’s easy to add Google Adsense code in the top, the bottom of WordPress posts by edit your WordPress theme posts file. However, sometime you need to wrap Google Adsense code in WordPress posts, and you can not do as the same way as add it on top, bottom. This article will explain you how to do that.

Continue Reading

WordPress Theme from Scratch – Day 3: HTML to WordPress

This tutorial is in the series of “WordPress Theme from Scratch” that helps you build a WordPress theme by yourself from nothing. Previous tutorial in this series helped we convert a mockup in PSD to HTML and today, we will continue to go to last tutorial: build WordPress theme from the HTML file.

Continue Reading

The Right Way To Build WordPress As A Community News

WordPress is getting popular now and everyone is switching to use WordPress because we can build anything with WordPress: WordPress as a magazine, WordPress as a bulletin board, Video site ….. Today, I would like to put all my love for WordPress into this tutorial to explain how to build WordPress as a Community News, … but in a right way.

Continue Reading

The Nice Way To Mention Your Recent Articles in WordPress SideBar

People asked me how I mention my recent articles in WordPress sidebar by display post thumbnails and titles with a well-styled. Today, I would like to response their request. This way is being used in some blogs. I’m not sure if they are using the same method as mine, but at least we will get the same result.

Continue Reading

WordPress Theme from Scratch – Day 2: PSD to HTML

This tutorial is in the series of “WordPress Theme from Scratch” that help you build a WordPress theme by yourself from nothing. We already learned how to create a mock up for WordPress theme in Photoshop last week. Today, we will continue to make HTML file from that psd layout.

Continue Reading

Learning jQuery: Optimize Using Modal Window or Dialog Box in JQuery UI

This post is in the Learning jQuery series. Let’s enjoy a post today by learning how to maximize the Modal Windows or Dialog Box in jQuery UI. This post explains how to use this Dialog Box on the right way.
Continue Reading

WordPress Theme from Scratch – Day 1: PSD

This tutorial is in the series of “WordPress Theme from Scratch” that help you build a WordPress theme by yourself from nothing. On 1st day, we will start working with Photoshop. In this tutorial, we will learn how to create a cool WordPress layout in Photoshop.

Continue Reading

Incredible Drop Down Menu Solution With CSS Only

There are plenty of drop-down menus using javascript and CSS already available, but most of them are either too basic (with CSS) or too complicated (with Javascript). That’s why I publish this drop down menu solution which is using CSS only, but it has a smooth drop effect and the css sprites that changes the toggle icon jQuery-likely. Honestly, this is the most completed menu solution using CSS which comes along with awesome effects.

Continue Reading

Bubble Effect with CSS

You might be familiar with the plugin jQuery Dock which allows developers to create a menu like Apple Dock. Today, you will create a similar menu with bubble effect by using CSS only. Although it doesn’t have as smooth of an effect as jQuery Dock, it’s helpful for those that just want to make a cool menu by using pure CSS. This tutorial includes two methods: CSS sprites (basic) and the image swapping (advanced).

Continue Reading