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
{ 1 comment… read it below or add one }
Wow.. terima kasih ya.. menarik sekali..
Leave a Comment