Archive for the ‘Web Development’ Category

WordPress Plugin: FV Code Highlighter

Tuesday, February 10th, 2009

I was thinking to do some gamesitescript templating tutorial, so I search for a code highlighting plugin better than default code tag and I found several plugins but I encounter some compatibility issues with wordpress 2.7. One plugin standout from the rest, and works great with wordpress 2.7. The plugin I'm referring to is FV Code Highlighter by Frank Verhoeven.

FV Code Highlighter works very similar to most the other syntax highlighting scripts, but I like how the plugin uses the default dreamweaver tag color and the background color.

As of the moment, the plugin is in early stage of development and only support the following programming language PHP, HTML, CSS and XML.

Example

PHP CODE:

<?php
// get host name from URL
preg_match('@^(?:http://)?([^/]+)@i',
"http://www.wickedhippo.com/games/16/girls.html", $matches);
$host = $matches[1];
// get last two segments of host name
preg_match('/[^.]+\.[^.]+$/', $host, $matches);
echo "domain name is: {$matches[0]}\n";
?>

CSS CODE:

@import url("style.css");
h2, .eligio {
display: block;
font-size: 13px;
color: #000;
padding: 18px 10px 17px 10px;
line-height: 18px;
border: 1px solid #e2e2e2;
text-align: left;
overflow: auto;
}
@media screen, print {
    pre { margin: 0px 10px 10px; }
    h1 { font-size: 14px; padding-top: 10px; }
}

Visit FV Code Higlighter

WordPress Plugin: Organize and manage page order display via AJAX interface.

Sunday, February 1st, 2009

I was looking for a way to organize/customize the behavior of my top navigational menu and found one plugin that works on wordpress version 2.7. The name of the plugin is pageMash.

pageMash plugin can control/re-arrange the order of your pages with the simple ajax drag-and-drop administrative interface with an option to toggle the page to be hidden from output.

pageMash Admin

pageMash Admin

Basic SEO Tips For Drupal

Tuesday, October 14th, 2008
  1. First thing you need to do is clean urls of your Drupal web site. To clean urls of your Drupal web site follow this. Login to your Drupal web site admin panel. Navigate to:
    Administer -> Site configuration -> Clean Urls -> Enable -> Save Configuration.
  2. Next thing you need is SEO friendly urls. Drupal has some great modules which let you rename your web sites urls to any thing you wish. First module is “path” module. The page module is installed with the Drupal installation. But it is not enabled by default. So enable the path module from Adminstrator -> Site building -> Modules.
    Path module is recommended only if you have few pages on your web site. Because every time to create a webpage, you need to manually assign a name for that web page. Suppose you have hundreds of webpages and everyday you create many pages, than renaming each page can be irritating. So, you need a module which can rename the webpage urls in some predefined SEO pattern. The Pathauto module automatically generates path aliases for various kinds of content (nodes, categories, users) without requiring the user to manually specify the path alias. The Pathauto module require “Path” module to be enabled. So, Enable Path and Pathauto module and do some simple settings of Pathauto modules in admin panel. Download Pathauto module from here:

    http://drupal.org/project/pathauto

    To configure Pathauto, navigate to:
    Administer > Site Configurations > Pathauto

    Recommended Setting for Pathauto:

    • Use dash ( - ) as default separator.
    • Don’t check the box for “Create index alias” which will result in Drupal generating additional pages that would be considered duplicate content on your site.
    • Under Node Path Settings, change the default tokens to /[title-raw]
      By doing so, your drupal websites url will be: http://www.example.com/title of the page. E.g. http://www.wowparadisephilippines.com/captivating-capiz.html
    • For the Category Path Settings, change the default to [catpath-raw]
  3. We all know how important is meta tags for SEO. Next very useful SEO module for Drupal site is Meta Tags or Nodewords. This module allows users to add meta tags, eg keywords or description. When you create a page, you will get option to add meta tags and description of your page. Make sure that the keywords you use are included in the body content of your site. Download Meta Tags module from here: http://drupal.org/project/nodewordsTo configure Meta Tags module, navigate to: Administer -> Content Management -> Meta Tags. Here you can specify global keywords that will display on every page.
  4. Having an XML site map of your site submitted to Google is one of the fastest ways to get your site deeply indexed by Google. Drupal ‘s XML Sitemap module, formally known as Google Sitemap. This module automatically generate an xml sitemap that conforms to the proper specifications.

    To configure the xml sitemap, navigate to Administer -> Site Configuration -> XML Sitemap. You can leave the default setting as is. Your sitemap will be located at http://www.websitename.com/sitemap.xml.

    Other useful Drupal Modules are:

    1. Service links Modules: Add Digg, del.icio.us, reddit, Technorati etc. links.
      You can Download this module from here: http://drupal.org/project/service_links
    2. Send - > It add “tell a friend” functionality to any node type.