Tutorials

Create your own blog with my FREE Drupal installation

Have you ever wanted to start your very own blog but did not know how? Now you can! I will help you set it up for you and for free! One of the main reasons a lot of people do not start their blog is because they find it difficult set up. And when they hear terms like FTP, Modules, Themes, CPanel, Databases, and so on, they are completely discouraged to start their blog.

Many would be bloggers shy away from even attempting to start their blogs, again, because of the difficulty involved in setting it up. If you find yourself in this situation, you will be glad to hear about my FREE Drupal Blog Installation Service. Find out how to get your own FREE blog.

Firefox 4 slow? Make Firefox 4 faster

Firefox 4, the latest version of Mozilla Firefox, was too slow for me. The browser looked good in design, so I upgraded it(regreted it), but in terms of browsing, it was slow, especially when opening new tabs, and got slower when I had several tabs opened.

Here how to make Firefox 4 faster:

  1. Open a new tab in Firefox 4, type about:config. If you get a warning, just click the button.
  2. Then type network.http.pipelining in the Filter bar.
  3. Double click on network.http.pipelining, this will make the value to True.
  4. Same with network.http.pipelining.maxrequests, double click on it, now enter a value of 8 or 10.

Customizing a specific node in Drupal

Here is a quick tutorial about customizing a single node in Drupal. There are many reasons you want to customize a node, could be a sponsors page, a product you are promoting, a splash page, just a few examples. You can see a working example of a node already customized here.

Our goal here is to remove the top part of the page, the left and side parts of the page. You can also remove bottom part of the page if you like. The node can be fully customized. At the end, you are left with just the page content.

I used the fusion theme in this example, you can achieve the same thing with any other theme.

1 - First create a page/story, or if you have one already, find its node ID(node/NODENUMBER)

How to add the Facebook Like button to your theme

It's been a while since I wrote a post here on my blog. I have been busy lately with some personal projects.

Let's get started. With the increasing popularity of Facebook social plugins, such as the Like button, many people wonder how to add the Like button to their theme. In this quick tutorial, I will show you how to add it in your Zen theme.

1. Open your Zen theme folder and locate the node.tpl.php. I am using version 2.0 of Zen, and I have my themes saved at sites/all/themes/zen/templates/

2. Once you find the template, find the following code
<?php print $links; ?>
Add the following, right below it(Type it!):

How to add "Tweet This" to a node

Ever wanted to add a "Tweet This" to your nodes? Here is how I did it at somoscanada.com. This short tutorial is for people using Drupal.

Open the file node.tpl.php, located under your active theme(sites > all > themes).

At line 96 approximately, add this code(you need to type it!), just before "<?php if ($terms): ?>">. And I am using the Zen theme:

Replace http://somoscanada.com to your domain.

I am using URL Alias(Path module), that's why you see "echo $node->path", it prints the node alias. If you are not using the Path module, then replace that with "php print $node->nid", it prints node/ID.

Remove Bing as your default search engine in the address bar in Firefox

Firefox is my favorite browser, i use it a lot for searching using the address bar, i would just type what i am looking for and i would get the results using Google Search.

Firefox uses Google as the default search engine. But recently, this changed, instead of Google search, i get Bing, the new(just the name) search engine from Microsoft.

If you are in the same scenario as me, let me show you how to change or remove Bing as the default search engine in the address bar.

Here's how. I am using quotes just for highlighting.

Open Firefox, in the address bar, type "about:config", if it does not work, add a space(push the Space Bar) after config "about:config ", then hit enter.

Watermark a picture using Picasa

Open Picasa, click on a picture, to select multiple pictures, hold down the CTR key and click on another picture, any picture for that matter.

Now at the top left corner of your program, click on "File", select "Export Picture to Folder", check the option "Add a watermark:", type your message in the box, the text you enter here will appear on your image(s).

That's it, make sure you remember where you are saving your photos. Go ahead, upload them in Facebook or Twitpic. You do not need special software to watermark your photos.

A quick tutorial of Magento E-commerce installation on Wamp Server

Magento is an ecommerce platform, for selling goods and services online.

Before we start the installation, make sure you have php_mcrypt and php_curl enabled, we need these extensions working and also, ensure your database is already created, I named mine 'magento', of course.

Download the Full Magento Package here, extract it to your www folder.

In your browser address bar, type in '127.0.0.1', NOT 'localhost', otherwise, you will get some Cookie issues, which will not allow you to login to your Magento administration page after the installation.

Add a map in your Blog using Google Elements

Make your web site live and interactive by using Google Elements. Google Elements has several small scripts that you can use to make your blog more interactive, even attractive. Add a Calendar, a Custom Search and Spreadsheets in your web site.

Adding a map in your blog is very easy. Go to Google Elements, enter an address, then copy and paste the snippet in your page. Here is an example:

Create a region and use it to place a banner - Using the Zen classic theme

I will show you how to create a header region and use it to place a banner or add any content to it. We will use the Zen Classic theme in this tutorial.

Open the zen_classic.info file and add this at the begging or at the end of your Regions section. Note that the name of the region we are using is headertwo, you can name it whatever you like, no spaces underscore and uppercase are fine:

regions[headertwo] = header two

Now open your zen-classic.css style sheet and add the next CSS to the very end of it, the CSS will hold the region we are creating:

.headerContainer {
display: inline;
position: absolute;
margin: 0 0.5em;
}

We need to modify the the page.tpl.php template, open it and add this: