Okada Design Blog » plug-ins

Mobile detection, redirection and testing tools

shinokada — Sat, 21 Aug 2010 09:36:29 +0000

I found this website useful. http://www.handsetdetection.com/ It is free upto 10000 detection.

Sign up an follow the instruction to create your javascript. It will detect the visitor’s mobile and redirect to other website.

I created the following html and uploaded.







   



    You are accessing from a normal browser

Then you need to download Firefox addon called User Agent Switcher.

Also you need to download this text file and change the extension to xml and import to the User Agent Switcher.

You may find updated User Agent files in this forum.

Change your User Agent from Tools > Default User Agent to any mobile device and visit your website if it works.

Testing CodeIgniter Image Manipulation Class

Implementing ‘Show Your Google Analytics Top Content in WordPress’

shinokada — Sun, 28 Mar 2010 17:35:54 +0000

After reading this article, I modified and implemented it in this blog. You can see it in the right column.

This is how I did it.

1. Download and install Exec-Php. Then activate it.
2. Go to ‘Widgets’. Select ‘Text’ from the Widgets and add the following code.
Please note that I do not want to show ‘ | Okada Design Blog’ or ‘ « Okada Design Blog’ in the title.
Also I don’t want to show some pages including the index page, ‘(not set)’, ‘Okada Design Blog’, ‘Downloads | Okada Design Blog’ and ‘Downloads « Okada Design Blog’

So you need to adjust it accordingly for your situations.

auth_token, $login->account_id, 60);
$pages = $ga->pages_for_date_period($start, $end);

echo "";
foreach($pages as $page) {

	$url = $page['value'];
	$title = $page['children']['value'];
$array = array('(not set)', 'Okada Design Blog', 'Downloads | Okada Design Blog', 'Downloads « Okada Design Blog');
// You need to add any words which you don't want to show in the list
if(!in_array($title, $array)){
$takeout = array(" | Okada Design Blog"," « Okada Design Blog");
// You need to add any words which you want to delete in the list
$newtitle = str_replace($takeout, "", $title);

	echo '' . $newtitle . '';
	$thispage++;
}

	if($thispage > $showpages) break;
}
echo "";
?>

3. Use SyntaxHighlighter Evolved for writing php code in your posts.
If you write php code with , then the code will be executed in the post.
For example,

This is with php code.
This is the Exec-PHP ‘Hello World’. I am writing php code in the post directly. It starts with . End of php.

However if you use SyntaxHighlighter Evolved, it will not be executed.

";
echo "This is the Exec-PHP 'Hello World'. I am writing php code in the post directly. It starts with <?php and ends with ?>. End of php.";  ?>

The credit goes to Rob Glazebrook and Alex.

Bookmarklet: 960 Gridder

shinokada — Wed, 06 May 2009 18:56:00 +0000

960 Gridder is an excellent tool for any web developer/ designer that wants to easily align, match and/or lay out websites.

No related posts.

Adding a Flickr Slideshow

shinokada — Mon, 13 Apr 2009 13:22:00 +0000

Created with flickr slideshow.

I added a Flickr slideshow to my blog today. This works for WordPress, Blogger and any website.
This is how I did it.

1. Create your Flickr account and upload your photos.
2. Add your tags. This tag will be used in a slideshow.
3. Go to Flickrslideshow.com and fill up the details and create your code.
4. Embed the code to your website.

Adding Picasa photos to your website

shinokada — Mon, 13 Apr 2009 09:36:00 +0000

Spring has come to Norway!
This photo is added through Picasa 3.

Spring in Norway

When you embed an album in your site, the album cover will display. Viewers who click the cover image will then be taken to view the album in Picasa Web Albums. Follow these steps to embed an album:

1. On the My Photos page, click your album.
2. Click Link to this album on the right-hand side.
3. Copy the HTML (Ctrl-C) in the ‘Paste HTML to embed in website’ field.
4. Paste the HTML (Ctrl-V) in the source code for your site.

Google Help

Add Disqus comment system to your blogger

shinokada — Sat, 07 Mar 2009 15:44:00 +0000

I just added Disqus to Blogger . Disqus is a comment management. You can manage all your comments in different websites. Great thing is it’s free. It is very easy to implement to any platform and very powerful. If you are tired of Blogger comment system I strongly recommend to use Disqus.