WordPress Magazine » Ajax http://www.wp-magz.com Just another WordPress Magazine, all about free wordpress themes, plugins, hack, tips, SEO Tue, 18 Oct 2011 10:45:00 +0000 en hourly 1 http://wordpress.org/?v=3.2.1 Install Ajax greyBox WordPress http://www.wp-magz.com/how-to/install-ajax-greybox-wordpress.html http://www.wp-magz.com/how-to/install-ajax-greybox-wordpress.html#comments Wed, 27 Aug 2008 11:15:51 +0000 wp-magz http://wp-magz.com/?p=19 Introduction

GreyBox can be used to display websites, images and other content in a beautiful way.

Why use GreyBox:

* It does not conflict with pop-up blockers
* It’s only 22 KB!
* It’s super easy to setup
* It’s super easy to use
* You can easily alter the style as it is controlled through CSS

Contoh :

1. Website

2. Website gallery

3. Image gallery

4. Tanpa loading

Tahap Installasi :

1. Download GreyBox [v5.53] dan ekstrak

2. Setelah di extract, menghasilkan folder GreyBox_v5_53 yang terdiri dari :
about.html
adobe_images/
advance_usage.html
combiner.py
compressing_greybox.html
compression_lib/
examples.html
greybox/
greybox_source/
installation.html
LGPL.txt
normal_usage.html
static_files/

3. Pindahkan folder greybox beserta isinya dari folder GreyBox_v5_53 ke subdirektori root website anda, sehingga folder grey tersebut ada di /home/usernameanda/www/greybox (jika anda menggunakan webserver linux)

4. edit file header.php theme anda yang berada di folder wp-content/theme/folder-theme-anda dan tambahkan code berikut diantara <head> dengan </head>

<script type=”text/javascript”>
var GB_ROOT_DIR = “http://websiteanda.com/greybox/”;
</script>
<script type=”text/javascript” src=”http://websiteanda.com/greybox/AJS.js”></script>
<script type=”text/javascript” src=”http://websiteanda.com/greybox/AJS_fx.js”></script>
<script type=”text/javascript” src=”http://websiteanda.com/greybox/gb_scripts.js”></script>
<link href=”http://websiteanda.com/greybox/gb_styles.css” rel=”stylesheet” type=”text/css” />

5. Testing, coba posting atau create link dengan code sebagai berikut :

<a title=”Wordpress” rel=”gb_page_center[640, 480]” href=”http://wordpress.org/”>wordpress.org dengan ukuran 640×480</a>

6. Selesai

Link Dokumentasi greyBox:

* Installation
* Normal usage
* Advance usage
* FAQ

]]> http://www.wp-magz.com/how-to/install-ajax-greybox-wordpress.html/feed 1