Snippets: Adding Custom Post Type with Categories to Wordpress

add_action('init', 'snippet_register_post_type');
    
    function snippet_register_post_type() {
    register_post_type('mobile', array(
        'labels' => array(
            'name' => 'Mobile',
            'singular_name' => 'Mobile',
            'add_new' => 'Add new Mobile',
            'edit_item' => 'Edit Mobile',
            'new_item' => 'New Mobile',
            'view_item' => 'View Mobile',
        ),
    'public' => true,
    'supports' => array(
        'title',
        'thumbnail',
        'editor'
    ),
    'has_archive' => true,
    'hierarchical' => true,
    'taxonomies' => array('category') // Syntax for adding Categories
    ));
    }

http://codex.wordpress.org/Post_Types

GuideGuide Photoshop Extension for Creating Grid

While, searching for psd template to use for my client website design mockup, I found much useful and easy to use plugin for photoshop. GuideGuide is a straight forward addons for creating grids for your website layout. I found it useful because you don't need to recreate or adjust the guides everytime you have a new client which require to have a different layout width than the usual 940px base grid.

How to use?
First, you need to download first the add on and install using adobe manager
Second, Go to the Window > Extensions > GuideGuide and you will find a GG icon on your right side of photoshop.
Lastly, Setup the desire setting i.e Number of Columns , Gutter Size etc.

Free: Malinis Tumblr Theme

I'm still don't have the idea on How to sell a Premium Tumblr Theme directly in their Tumblr Themes Collection.

One of my greatest dream is to create a passive income in creating themes in addition to my Freelance Web Design and Development Service.

As of know, I have only options to create free themes but still this is not included in their library so I think I have to post it myself to get a review from a real Tumblr user. I hope you find it useful for those looking for a Clean Style Tumblr Theme.

Add Shadow Effect Text Effects in your Website or Blog

After you learn on how to Add a custom fonts on your Website the next thing you might want to learn is adding effects on your text.

This Text effects CSS Styling is more light size than having an image with text effect embedded or uploaded in your site as a logo or a special heading.

You can view the official post in W3.org on How to make CSS Text Shadow Styling or you can go to this Cool Text Shadows Post.

To add it in your Blogger Site, just Go to Blogger Template Designer > Advance > Add CSS and target your desire HTML Tag.

For Example:
  

COOL TEXT EFFECTS TO YOUR BLOG

Add This code to target your Site Title

h1 {font-size: 30px; text-shadow: 2px 2px 0px #eee, 3px 3px 0px #707070;}

Of Course, change the values of your desired effects.

Make your title in 3d Effects

3D Effects

CODE

h1 {color: #c1d6ff; font-size: 30px; text-shadow: 0px 1px 0px #b6ceff, 0px 2px 0px #99bbff, 0px 3px 0px #4381fc,0px 4px 0px #377aff, 0px 5px 0px #216bfe, 0px 6px 0px #0f5fff, 0px 5px 0px #014de5, 0px 6px 0px #002672, 0px 7px 2px #00133a;}