birghtyoursite » SEO Friendly

use php to get google page rank

admin — Tue, 01 Jun 2010 17:37:47 +0000

Since the google not give a API or interface to get the google page rank, we have to use google toolbar to get the PR. In order to use php to query toolbarqueries.google.com to the get PR, I did a search ,but most of the codes are too old and can’t use or not work well, at last i got following script works well.

use php to get google page rank

there is all the codes :


function StrToNum($Str, $Check, $Magic)
{
    $Int32Unit = 4294967296;  // 2^32
 
    $length = strlen($Str);
    for ($i = 0; $i < $length; $i++) {
        $Check *= $Magic;
        //If the float is beyond the boundaries of integer (usually +/- 2.15e+9 = 2^31),
        //  the result of converting to integer is undefined
        //  refer to http://www.php.net/manual/en/language.types.integer.php
        if ($Check >= $Int32Unit) {
            $Check = ($Check - $Int32Unit * (int) ($Check / $Int32Unit));
            //if the check less than -2^31
            $Check = ($Check < -2147483648) ? ($Check + $Int32Unit) : $Check;
        }
        $Check += ord($Str{$i});
    }
    return $Check;
}
 
//--> for google pagerank
/*
* Genearate a hash for a url
*/
function HashURL($String)
{
    $Check1 = StrToNum($String, 0x1505, 0x21);
    $Check2 = StrToNum($String, 0, 0x1003F);
 
    $Check1 >>= 2;
    $Check1 = (($Check1 >> 4) & 0x3FFFFC0 ) | ($Check1 & 0x3F);
    $Check1 = (($Check1 >> 4) & 0x3FFC00 ) | ($Check1 & 0x3FF);
    $Check1 = (($Check1 >> 4) & 0x3C000 ) | ($Check1 & 0x3FFF);
 
    $T1 = (((($Check1 & 0x3C0) << 4) | ($Check1 & 0x3C)) <<2 ) | ($Check2 & 0xF0F );
    $T2 = (((($Check1 & 0xFFFFC000) << 4) | ($Check1 & 0x3C00)) << 0xA) | ($Check2 & 0xF0F0000 );
 
    return ($T1 | $T2);
}
   //--> for google pagerank
/*
* genearate a checksum for the hash string
*/
function CheckHash($Hashnum)
{
    $CheckByte = 0;
    $Flag = 0;
 
    $HashStr = sprintf('%u', $Hashnum) ;
    $length = strlen($HashStr);
 
    for ($i = $length - 1;  $i >= 0;  $i --) {
        $Re = $HashStr{$i};
        if (1 === ($Flag % 2)) {
            $Re += $Re;
            $Re = (int)($Re / 10) + ($Re % 10);
        }
        $CheckByte += $Re;
        $Flag ++;
    }
 
    $CheckByte %= 10;
    if (0 !== $CheckByte) {
        $CheckByte = 10 - $CheckByte;
        if (1 === ($Flag % 2) ) {
            if (1 === ($CheckByte % 2)) {
                $CheckByte += 9;
            }
            $CheckByte >>= 1;
        }
    }
 
    return '7'.$CheckByte.$HashStr;
}
        //get google pagerank
function getpagerank($url) {
    $query="http://toolbarqueries.google.com/search?client=navclient-auto&ch=".CheckHash(HashURL($url)). "&features=Rank&q=info:".$url."&num=100&filter=0";
    $data=file_get_contents_curl($query);
    //print_r($data);
    $pos = strpos($data, "Rank_");
    if($pos === false){} else{
        $pagerank = substr($data, $pos + 9);
        return $pagerank;
    }
}
function file_get_contents_curl($url) {
    $ch = curl_init();
    curl_setopt($ch, CURLOPT_HEADER, 0);
    curl_setopt($ch, CURLOPT_RETURNTRANSFER, 1); //Set curl to return the data instead of printing it to the browser.
    curl_setopt($ch, CURLOPT_URL, $url);
    $data = curl_exec($ch);
    curl_close($ch);
 
    return $data;
}
?>

How to use it

Save the previous codes to a pr.php , the test.php


include "pr.php";
$url='http://www.brightyoursite.com';
echo "$url  PR is ". getPagerank($url) ;
?>

Source File

php get google page rank

live demo

Update

Google have updated the pr search url,please change

  $query="http://toolbarqueries.google.com/search?client=navclient-auto&ch=".CheckHash(HashURL($url)). "&features=Rank&q=info:".$url."&num=100&filter=0";

 $query="http://toolbarqueries.google.com/tbr?client=navclient-auto&ch=".CheckHash(HashURL($url)). "&features=Rank&q=info:".$url."&num=100&filter=0";

Your first normal wordpress template

admin — Mon, 11 Jan 2010 15:28:49 +0000

Introduce

Now,let’s make all together (w3c valid 2 columns xhtml ,ul li css none-js SEO friendly sub-menu),we get a full wordpress home page html template–Click HERE to view.It looks nice simple & usefull, right ？let’s start to convert it to wordpress theme.

First,We should know some basic wordpress theme Knowledge:
What’s a basic theme include ?

css style (required,style.css,style the page also put your personal info. like theme name , author …)
index.php (required,WordPress Theme start with this file if without the home.php)
a screenshot (optionally,screenshot.png)
single.php (optionally,this file to generate the structure for a single post,if no such a file the wordpress will use index.php to generate the structure )
page.php (optionally,this file to generate the structure for a single page,similar as single.php)

so we know a very minimum wordpress theme should include (index.php,style.css) .but usually in order to keep the site in a more good structure and can maxmum reuse , flexible .The page’s structure is separated to
several parts:

header.php
sidebar.php
footer.php
comments.php
comments-popup.php

reference those in the template php file is very easy.For instance,header.php :

 get_headerer(); ?>

the comment, use the comments_template() template tag.
the sidebar, use the get_sidebar() template tag.
the footer, use the get_footer() template tag.

Also can use

include(TEMPLATEPATH . '/script.php');

to reference any php file in the template folder.

Start coding wordpress theme now

First ,we need declare the theme in style.css .For instance

/*
Theme Name: red theme
Theme URI: http://www.brightyoursite.com/blog/2010/01/11/your-first-normal-wordpress-template/
Description:Your first wordpress theme
Version: 1.6
Author: alex 
Author URI:  http://www.brightyoursite.com
Tags: red, fixed width, two columns, widgets 
*/

you can see the define theme name , url version aurhor …. there .
Next , do the page segmentation and create the header.php , footer.php , sidebar.php and index.php .
to make it easier we can copy the those files from the wordpress default theme . we just need copy our html codes and do some adjustment. for instace change the menu to wordpress page list ：

  
  
  wp_list_pages("title_li=&depth=2"); ?>

the main posts loop:

 if (have_posts()) : ?> 
   while (have_posts()) : the_post(); ?>
         post_class() ?> id="post- the_ID(); ?>">
        class="item_head">
        class="item_header_text">> href="" rel="bookmark" title="Permanent Link to  the_title_attribute(); ?>"> the_title(); ?>>					
	 > 
	  class="item_description"> the_content('Read the rest of this entry »'); ?>>
          class="tags" > the_tags('Tags: ', ', ', '
');  ?> >  
	 > 
	  endwhile; ?> 
	  class="navigation">
		  class="alignleft"> next_posts_link('« Older Entries') ?>>
		  class="alignright"> previous_posts_link('Newer Entries »') ?>>
	 > 
	   else : ?>
		 class="center">Not Found>
		 class="center">Sorry, but you are looking for something that isn't here.>
		 get_search_form(); ?> 
          endif; ?>

Online demo and free wordpress theme download

Preview red theme (1773)

Download there

The simple ul li css SEO friendly horizontal menu

admin — Sun, 10 Jan 2010 15:27:28 +0000

In this part we will use ul li css code some simple but usefull seo friendly menu.First let’s start with a Horizontal Menu with rollover image . we will use images,but most important is we need make it seo friendly.

ul li css SEO friendly simple horizontal menu

We need prepare 2 images. one for normal menu background while another for hover & current menu background.That’s all , very simple . Let’s look the HTML codes frame:

 id="navs">
>
> alt='Home' src='images/normalbg.jpg' /> href=''>Home>>
> alt='Portfolio' src='images/normalbg.jpg' /> href=''>Portfolio>>
> alt='Services' src='images/normalbg.jpg' /> href=''>Services>>
> alt='Projects' src='images/normalbg.jpg' /> href=''>Projects>>
> alt='Articles' src='images/normalbg.jpg' /> href=''>Articles>>
> alt='Contact' src='images/normalbg.jpg' /> href=''>Contact>>
>
>

Related css codes:

 #navs ul
 {
	 margin:0px;
	 padding:0px;
 }
 #navs ul li
 {
	float:left;
	display:inline-block;
	list-style:none;
	height:46px;
	position:relative;
	background:url(images/menuover.jpg) repeat-x left top;
 }
 #navs ul li a
  {
	 position:absolute;
	 display:block;
	 line-height:46px;
	 height:46px;
	 width:131px;
	 text-align:center;
	 left:0px;
	 top:0px;
	 text-decoration:none;
	 color:#1F1E1E;
  }
 #navs ul li:hover img
  {
	visibility:hidden;
  }

Click here to see the live demo .

IE6 below Issue
If you have IE6 , You may noticed that this menu rollover image function not work in IE6 and below .
What’s the solution:
We need use Third-party approach : The csshover3.htc . Add it to the same folder of css , then add this line “behavior: url(“csshover3.htc”);” to #navs ul li .So it should like this :

 #navs ul li
 {
	float:left;
	display:inline-block;
	list-style:none;
	height:46px;
	position:relative;
	behavior: url("csshover3.htc");
	background:url(images/menuover.jpg) repeat-x left top;
 }

But this cause a inssue : the css can’t pass w3c valid .i tried many ways , but didn’t figure it out. if someone have a more good solution,please let me know. Click here to see the final version .DownLoad HERE .