Here is the jQuery code that is required:

 

$(document).ready(function () {
$(‘#nav li’).hover(
function () {
//show submenu
$(“ul”, this).slideDown(100); },
function () {
//hide submenu
$(“ul”, this).slideUp(100); } );
});
$(document).ready(function() {
$().piroBox_ext({
piro_speed : 700,
bg_alpha : 0.5,
piro_scroll : true
});
});

Here is the CSS code that is required:

/* submenu, it’s hidden by default display:none; */
.nav li ul { display:none; position:absolute; top:68px; left:30px; margin:0 0 0 -1px; list-style:none; background-color:#0CF; -moz-border-radius: 8px; border-radius: 8px; padding-top:8px; padding-bottom:8px; width:200px; opacity:0.96; }
.nav li ul li { padding-bottom:0px; width:170px; float:left; border-top:1px solid #fff; display:block; font-size:15px; margin-top:5px; margin-left:15px; background:none; padding-left:0px; ; }
.nav li ul li a { text-decoration:none; }
.nav li ul li a:hover { color:#FFF; }
#devNav { position:absolute; left:150px;}

Here is the HTML code that is required:

<ul class=”nav” id=”nav”>
<li><a href=”‘mainNav.php”>Main Navigation Item</a>
<ul class=”subnav”>
<li><a href=”‘submenu1.php”>Sub Menu Item 1</a></li>
<li><a href=”submenu2.php”>Sub Menu Item 2</a></li>
</ul>
</li></ul>

I hope that this simple jQuery slider helps you out in any of your project and as always please feel free to leave any comments or questions in the area below.

Here is the PHP code that you will need if you wish to make your website black to protest as well, just add the following snippet before your main template file for your CMS or your main header file

<?php
 header('HTTP/1.1 503 Service Temporarily Unavailable');
 header('Status: 503 Service Temporarily Unavailable');
 header('Retry-After: 7200'); // in seconds
?>

After this code you can add any HTML to show users that you are temporarily off. The code above will only let the search engines robots know that you are temporarily down but that you will be back in 7200 seconds. You can change this to your desired time or you can also add a specific date.

As always please leave any comments / concerns or questions online.

Here is the css that you will need to attach:

#slideshow { position:relative; height:323px; z-index:-9999; max-height:323px; }
#slideshow IMG { position:absolute; top:0; left:0; z-index:8; }
#slideshow IMG.active { z-index:10; }
#slideshow IMG.last-active { z-index:9; }

Here is the code for a simple jQuery slider, add this to a .js file and attach it to the page where you will have your slider. However you have to be sure to attach the main jQuery file before this one. I have created this from scratch and used it in many client websites. All you have to do is to put the images on a div with an id and class of ‘slideshow’.

var mainInterval;
var started = false;
var count = 0;

$(function(){
    $('.slideshow img:gt(0)').hide();

	function init() {
		if ( started == false ) {
			mainInterval = setInterval(function(){
			  $('.slideshow :first-child').fadeOut()
				 .next('img').fadeIn()
				 .end().appendTo('.slideshow');},
			  5000);
		}
	}

	$('#nextSlideShow').click(function() {
		count++;
		clearInterval(mainInterval);
		init();
		$('.slideshow :first-child').fadeOut()
			 .next('img').fadeIn()
			 .end().appendTo('.slideshow');
	});

	$('#backSlideShow').click( function() {
		count--;
		clearInterval(mainInterval);
		init();
		$('.slideshow :first-child').fadeOut()
			.next('img').fadeIn()
			.end().appendTo('.slideshow');
	});

	// Stop The Slide Show
	$('#stopSlideShow').click(function() {
		clearInterval(mainInterval);
		started = false;
	});
	init();
});

Here is a sample of how the HTML will look like:

<div id="slideshow">
     <img src="./images/free-simple-slider.jpg" alt="jQuery Slider First Image" />
     <img src="./images/working-this.jpg" alt="Slider Image 2" />
     <img src="./images/thisWouldBeAnotherImage.jpg" alt="Slider Image 3" />
</div>

You can also add a stop, back and next button if you like just use an id of ‘stopSlideShow’ for the stop button; an if of ‘backSlideShow’ for the back button and an if od ‘nextSlideShow’ for the next button.

I hope that this jQuery slider helps you in your project and please leave me any questions or comments down below and I will be more than happy to answer them!

The most important is the Title Meta Tag, which is located at the header of your page. This tag along can count up to 20% of the total value of your page on the algorithm. When writing keep this tag under 70 characters long. Also, the algorithm will give more value to the keywords that are more on the beginning of your tag. Keep your most important keywords at the start; here are different ways to create Meta tags:

• {keyword 1} | {keyword 2} | {site name}
• {keyword} – {category} | {site name}

Another important one is the Description Meta Tag. This tag counts in a small percentage of the actual value of your page on your algorithm, but what you state on this tag is what it will be shown as a description in the SERP’s. If you have a properly written description tag for your page you will increase the chances of having click-troughs. Write this tag using keywords on your list.

Some other tags to consider are the headers. These tags include <h1>, <h2> and <h3>. Use this tags to properly organize your web pages, it will also help you keep the style consistent throughout the site. Another tag that will give more power to a keyword is by using the <strong> tag. Now days the algorithm is also taking a look at how you are styling your site. So for example if you use CSS to make a <span> bigger and bolder, then it will take this in consideration and give more value to the words that are inside of these tags.

And then comes the page primary content. This is a very important part for ranking for the keywords that you like. Always keep the content related to the theme of the site and use your keywords in it. Use multiple synonyms or others ways of writing it trough your content, this will help you rank for alternate searches and bring in more traffic. One thing to watch is keyword spamming, by this I mean don’t write the same keyword 100 times on a 300 word page. This will mark the page with a red flag and it might hurt your rankings.

Always remember, if you combine all of these factors together with your keywords in a balances way it will make your job way easier. Some people say that links will help you rank, but if you do not have the proper on page optimization it will be really hard to rank for your goal.

In the next lesson I will be discussing internal and external link building. This is a very important process if you want to rank for hard keywords. Remember SEO is a process, so if you build up your site with all of the different pieces properly configured you will be very successfully to reach your goal. Hope that you enjoyed this lesson, please if you did share it below via Twitter or Facebook. If you have any questions or comments please write them on the form below.

References:
Keyword Targeting & On-Page Optimization | SEOmoz

Search Market Share as of April 2011

1. Google (65%)
2. Bing (17%)
3. Yahoo! (13.80%)
4. Other (4.20%)

Before I can start teaching you about optimizing a web site you need to understand how search engines work. A search engine is an online portal that indexes and ranks web sites. Users will access the search engine portal to try to find the correct answers to their problems. Answers are created instantly by using a the engine’s search algorithm. This algorithm will take the the user’s query and compare it with the pages that are on it’s index. It will then create a list of web pages that will try to answer what the user was asking for.

So how does a search engine finds out about my web site? Search engines have an online application built in them known as a Web Crawler or Spider. The sole role of this application is to find and check for updates on web pages in the world wide web. Once a spider finds a web page it will check in the main engine directory to see if the page has been indexed before. If the given web page has not been indexed or if it was updated since the last time the spider visited the page, it will insert it into a separate queue. Another application/bot will access the page to cache the information and the code in it. If the page has not been updated since the last time the bot visited, it will leave it alone and move on to the next one.

I will be referring to Google’s algorithm when referring to a search engine algorithm as this is the one with the biggest search engine market piece. Be aware that search algorithms are constantly changing, so what I write today might change tomorrow.

Here are the major factors that are taken into consideration by the search algorithm to produce the results. Information gathered from SEOMoz

• 24% Trust/Authority of the Host Domain
• 22% Link Popularity of the Specific Page
• 20% Anchor Text of External Links
• 15% On-Page Keyword Usage
• 7% Traffic and Click-Through Data
• 6% Social Graph Metrics
• 5% Registration and Hosting Data

To rank for a certain keyword you need to succeed in all of the algorithm ranking factors. The web site that has the best factors to it is the one that will rank best, or show up higher in the rankings. I will be teaching you how to optimize your web site to achieve the best results possible in all of the ranking factors. You need to have paciense and know than to rank for a term it takes time. You first need to get the page indexed, then get your content cached and then start building your authority. Once you get all of your this together you will begin seeing the results.

On my next lesson I will begin to explain the process of optimizing a web site, which is analyzing the market that you want to rank for and doing a proper keyword analysis. This is a very important step on your campaign as it will dictate how your whole pre-launch campaign will be based on. This is will get you categorized in the search engine eys for certain terms, the most accurate you get categorized the first time, the easier it will be to adjust and earn a higher authority.

Please feel free to leave any comments or questions below.

To start off you need to contact your server provider and tell them that you want shell access enabled in your account. Some companies like goDaddy use telephone to confirm, others ask you to fax or email a copy of your drivers license. Most of them will have one way or another to do this.

After this you will need to get a telnet application like Putty which is Freeware by the way. Once you download this open it and enter your web address in the input box then click connect. It will ask you for your username and password, they are usually the same as your main hosting account credentials. After this you are good and it, very simple correct.

This interface looks like your regular MS-Dos Command Prompt, and don’t be scared it is very simple to use. Here is a list of commands to get you startes

• pwd
  • Show you the directory you are in
• ls
  • Shows you the files that are in your current directory
• ls -al
  • Shows you all the files in the current directory with file permissions, size modification date, owner and group names and name
• cd /directoryname
  • Changes current folder to a new destination
• df
  • Gives you a report of free space
• rm {file}
  • Removes a File
• rmdir /directoryname
  • Removes an empty Directory
• rm *
  • Removes all non-protected files in your current directory
• rm -r
  • Removes all non-protected files in your current directory and sub folders using recursion. Protected files will ask you for permission
• ftp {ftp address}
  • Connect to an FTP server
• get {filename}
  • Dowload a file from the ftp connection
• put {filename}
  • Upload a file using the ftp connection
• cp {filename} {newdir}
  • Copy a file into a new directory
• cp * {newdir}
  • Copy all files from current directory into a new directory
• cp *.txt {newdir}
  • Copy al .txt files into a new directory
• vi {filename}
  • Opens the basic text editor and opens the file
• mv {filename} {newdirectory}
  • Moves the file(s) to a new directory
• mkdir {newdirectory}
  • Creates a new folder or directory
• mkdir -p {directory1}/{directory2}/{directory3}
  • Creates multiple nested folders in one shot
• who
  • Tells you who is connected to your server
• cat /proc/meminfo
  • Shows your system’s available memory
• history
  • This command will give you the last 10 commands you entered

This is just a list to get you started. Shell access is the only way that you will have complete control over what you and your applications are doing. You will be able to do much more from there so start geting used to it. There will be a series of tutorials that I will create about using the Shell Command Line so come back to check on us, my next Shell entry will be a tutorial in how to transfer files the right way, and without even using your bandwidth.

Please leave any comments or questions below.

Thank You,
Gilberto Cortez

Here is the code, please make sure to replace the values of the variables so that you can successfully connect to your database.

class db

{

//Object Variables Please Replace, you can also have them set on the constructor so that you can connect to multiple databases.

private $status;

private $host = ‘localhost’;

private $database = ‘db_name’;

private $username = ‘username’;

private $password = ‘password’;

public  $result;

public  $results;

function __construct(){

//Connect To Database

$this->status = mysql_connect($this->host,$this->username,$this->password) or die (‘Cannot Open Conection to ‘ .

$this->host);

//Select Database

mysql_select_db($this->database,$this->status);

}

function query($sql){

//Get Results

$this->result =  mysql_query($sql);

}

function fetch($sql,$type){

//Perform Query

$this->query($sql);

switch ($type){

//Fetch as an Array

case ‘array’:

$this->results = mysql_fetch_array($this->result);

break;

//Fetch as an Asspciative Array

case ‘assoc’:

$this->results = mysql_fetch_assoc($this->result);

break;

//Fetch as an Object

case ‘object’:

$this->results = mysql_fetch_object($this->result);

break;

}

//Return Results

return $this->results;

}

function checkit($sql){

//Check Table for Query

return mysql_num_rows(mysql_query($sql));

}

function __destruct(){

//Free Query Result

mysql_free_result($this->result);

//Close DB Connection

mysql_close($this->status);

}

}

Please let any comments, suggestions or recommendations on the area below.

There is only one thing that needs to be changed out. which is the XML file address, you need to input your Twitter ID #. You can get this from clicking on the RSS feed at the bottom of your Twitter Main Page, and extracting this from the URL.

<?php

//Put XML Contents Into Array (PHP.net Function)

function xml2assoc($xml) {

$tree = null;

while($xml->read())

switch ($xml->nodeType) {

case XMLReader::END_ELEMENT: return $tree;

case XMLReader::ELEMENT:

$node = array(‘tag’ => $xml->name, ‘value’ => $xml->isEmptyElement ? ” : xml2assoc($xml));

if($xml->hasAttributes)

while($xml->moveToNextAttribute())

$node['attributes'][$xml->name] = $xml->value;

$tree[] = $node;

break;

case XMLReader::TEXT:

case XMLReader::CDATA:

$tree .= $xml->value;

}

return $tree;

}

//Open XML Reading Object

$xml = new XMLReader();

//Open XML File (Replace {id} with your Twitter ID)

$xml->open(‘http://twitter.com/statuses/user_timeline/{id}.xml’);

//Put Document in Arrays

$assoc = xml2assoc($xml);

//Close XML Object

$xml->close();

//Store Result

$lastTweet = $assoc[0]['value'][0]['value'][2]['value'];

//Print Result

echo $lastTweet;

?>