iPhotoWalker

SimpleViewer iframe Test

noreply@blogger.com (Terrick) — Sat, 26 Nov 2011 14:37:00 +0000

Test SimpleViewer

noreply@blogger.com (Terrick) — Sat, 26 Nov 2011 06:43:00 +0000

[Tutorial] SimpleViewer 2.2 on Blogger with Flickr integration by using svBuilder

noreply@blogger.com (Terrick) — Tue, 22 Nov 2011 13:36:00 +0000

1. Download SimpleViewer from the SimpleViewer Official Website.
2. Extract the simpleviewer.zip file and install the svBuilder.
3. Run the svBuilder
4. Choose Flickr and type in your Flickr User Name and Flickr Tags.
5. Click Load Images.
6. Wait unitl the photos are loaded, click the Customize at the top of the svBuilder.
7. You may start the customisation and click finish after you are satisfied with the result as shown at the left side.
8. Click the Publish and save it.
9. Copy the generated codes and paste them into the new post in Blogger.
10. Upload the whole folder generated by svBuilder into the Public folder of Dropbox.
11. Copy the public url of simpleviewer.js in the svcore > js folder.
12. Replace the default simpleviewer.js url in the codes as shown in the video.
13. Go to the support page of simpleviewer.
14. Check the Using an External Gallery Folder section.
15. Copy the codes and paste them into your blogger post. The codes are var flashvars = (); flashvars.baseURL = "http://www.example.com/mygallery/";
16. Copy your baseurl and replace the above one. The baseurl is the one before the svcore in the simpleviewer.js url. Check video for further details.
17. Add flashvars in the codes, just right after the true word. Please include the comma also.
18. Check the codes, and try to detele the spacing in the code and make sure they are written in one line or one sentence without any break.
19. Once it is done, click publish.
20. Check your page. You just install the simpleviewer successfully.

The latest simpleviewer supports the Universal Playback. You may test your page by using iPhone, iPad or Android devices. Please let me know if there is any problem with this tutorial in the comment section below.

After 3

noreply@blogger.com (Terrick) — Fri, 20 May 2011 13:15:00 +0000

Janice

noreply@blogger.com (Terrick) — Mon, 07 Feb 2011 16:31:00 +0000

[Tutorial] SimpleViewer 2.1.1 on Blogger (with Flickr integration) without svBuilder

noreply@blogger.com (Terrick) — Tue, 11 Jan 2011 09:13:00 +0000

Make your life easier with the latest Tutorial of SimpleViewer 2.2 with svBuilder

The [Tutorial] SimpleViewer 2.0 in Blogger (with Flickr integration) might not be applicable to the latest version of the SimpleViewer 2.11. Due to the incoming inquiries and feedback from the readers, I decided to rewrite this tutorial based on the latest version of SimpleViewer 2.1.1. [11 Jan 2011]

Here are the steps,
1. Download the latest free version of SimpleViewer from the offical site. You can always get the SimpleViewer-Pro if you need the extra features. After you had downloaded the file (in zipped form), extract them to your desktop, you will see 1 folder and 2 files (readme.html and svBuilder). You may ignore the mentioned files and go into the web > svcore > swf folder. You will see the simpleviewer.swf file. This is the only file we needed.

2. Get a file hosting server. Here I would recommend the Dropbox, why? easy registration process and it is FREE! Once you log into the web version of Dropbox account, you will see two folder, Photos and Public. Just click into the Public folder and create a folder for SimpleViewer.

3. Click into the SimpleViewer folder and upload the simpleviewer.swf.

4. Next, upload all the photos you need to show in the SimpleViewer to your Flickr account and tag them. (If possible, tag the photos with a unique name, so the photos you want to show in this SimpleViewer will not clash with the other one later)

5. Then, you may use the SimpleViewer 2.0 + Flickr Codes Generator to generate the code for flickr.xml

6. These are the configuration codes for your SimpleViewer. You can always go here to get the details of those option. (I'm not going to explain the details here) The most important part is you need to change the

flickrUserName="Your Flickr User Name" and flickrTags="Your Photos' Tags"

Your flickrUserName should be the one that shown in the picture below.

Once you have generated your code, your code should look like following,
Select all the codes, and paste them into the Notepad (for Windows user) and save it as "flickr.xml". You have to make sure your extension is .xml and not .txt

<simpleviewergallery  title="Flickr Gallery"

textColor="FFFFFF"

frameColor="FFFFFF"

thumbPosition="LEFT"

galleryStyle="MODERN"

thumbColumns="3"

thumbRows="4"

showOpenButton="TRUE"

showFullscreenButton="TRUE"

frameWidth="20"

maxImageWidth="800"

maxImageHeight="600"

imagePath="images/"

thumbPath="thumbs/"

useFlickr="true"

flickrUserName="iphotowalker"

flickrTags="lambir"

languageCode="AUTO"

languageList="" 

> </simpleviewergallery>

7. After that, upload the flickr.xml you have created to the SimpleViewer folder in your dropbox account. You can always use different file name for different gallery such as party2011.xml, flickr2.xml ...

8. Now, go back to the SimpleViewer 2.0 + Flickr Codes Generator and paste your xml file URL and simpleviewer.swf URL into the column to generate the embed codes.

How to get the xml file and simpleviewer.swf URL?
Go to the SimpleViewer folder in your dropbox account, move your mouse over the xml file, click the little triangle at the end of the highlighted rectangle, you will have a drop down menu, select the Copy public link...
Repeat the same step for the simpleviewer.swf.

9. Now, log into your blogger account, select Design > Edit HTML and and add the following code before the </Head>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/swfobject/2.2/swfobject.js"></script>

Save the template.

You need to do the Step 9 ONCE only. If you need to add the SimpleViewer to the New Post in the future, you do not have to do this again.

10. In the Blogger, create a New Post and paste the codes you have generated such as following,

<object height="600" width="900"><param name="Movie" value="http://dl.dropbox.com/u/1112512/simpleviewer.swf"><param name="Flashvars" value="xmlDataPath=http://dl.dropbox.com/u/1112512/flickr.xml"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><param name="bgcolor" value="#181818"><embed src="http://dl.dropbox.com/u/1112512/simpleviewer.swf" flashvars="xmlDataPath=http://dl.dropbox.com/u/1112512/flickr.xml" type="application/x-shockwave-flash" bgcolor="#181818" allowscriptaccess="always" allowfullscreen="true" height="600" width="900"></embed></object>

Click Publish Post and you are done!

Happy trying, don't forget to drop a comment in this post if you ever create the SimpleViewer for your Blogger or give me the feedback to improve this tutorial. ;)

Demo:

Video Tutorial

Friends 2010 year end visit

noreply@blogger.com (Terrick) — Tue, 21 Dec 2010 03:22:00 +0000

Horizon Panoramic Test Shoot Roll 3

noreply@blogger.com (Terrick) — Mon, 25 Oct 2010 01:38:00 +0000

Vitage Russian Horizon film Camera

noreply@blogger.com (Terrick) — Mon, 18 Oct 2010 09:56:00 +0000

Random

noreply@blogger.com (Terrick) — Mon, 18 Oct 2010 09:53:00 +0000

Bungai Beach HDR, Miri, Sarawak

noreply@blogger.com (Terrick) — Sat, 11 Sep 2010 02:45:00 +0000

Shoot with 3 different exposes by using the graduated ND filter, Merge into HDR, increase the vibrance, saturation, and sharpness.

曾洁钰

noreply@blogger.com (Terrick) — Sun, 05 Sep 2010 02:32:00 +0000

Kuala Baram Sunset Miri Sarawak

noreply@blogger.com (Terrick) — Fri, 27 Aug 2010 05:36:00 +0000

Shoot with tianya orange filter~ XD

Day 3 in Krabi 2010

noreply@blogger.com (Terrick) — Thu, 15 Jul 2010 14:47:00 +0000

嘟嘟車。在Ao Nang 的商店街搭“嘟嘟車”，一個人要 20泰幣。晚上多加10泰幣。

來往喀比市和Ao Nang 的車站，一趟 50泰幣。下午六點過後多加10泰幣。

喀比市的交通燈很特別，有個猿人雙手提著交通燈。

老虎洞遍山都是猴子。

老虎洞的觀音廟。

老虎洞的登山階梯，一共有1237個階梯，我們只爬了550就投降了。

Day 2 in Krabi 2010

noreply@blogger.com (Terrick) — Thu, 15 Jul 2010 14:43:00 +0000

在島上的度假村。

Phi Phi Lagoon，四周都被山崖圍著，只有一個出口。

Maya Bay 一景。

Maya Bay 島上的蝴蝶超多的。

Maya Bay 的旅客也非常多，真是不敢想像旺季的時候會是怎樣的情形。

Phi Phi Island 一景。

超級辣的泰國街邊道地小食。

其中一個按摩院，泰式按摩一個小時200泰幣，腳底按摩，一個小時300泰幣。早上十點到下午兩點，一律五折。

Day 1 in Krabi 2010

noreply@blogger.com (Terrick) — Thu, 15 Jul 2010 14:25:00 +0000

這個是我們四天三夜在喀比住的度假屋，Palm Paradise Resort，是一間新的度假屋，附近仍然還是施工。（原本我們預定的是 Ao Nang Terrace Hotel，不過由於七月是喀比的淡季，所以酒店暫時關閉，已進行整修。結果我們就被安排到其集團下的 Palm Paradise Resort。其集團下的酒店還有五星級的 Naga Pura Resort Spa 和Beach Terrace Hotel。論地點而言， Beach Terrace Hotel 的地點會比較方便。）雖然Palm Paradise Resort 距離 Ao Nang 的商店街有一點距離，可是度假屋都有安排“嘟嘟車”和貨車負責接送住客到商店街的，車程大約一分鐘就到了。基本上，度假屋裡頭的裝飾和設備都在滿意的程度上，酒店的客服人員也十分的熱情。唯一有點不滿意的是度假屋的構造。由於度假屋的屋頂是鐵皮制的，所以經過一整天太陽的暴曬，度假屋里就會顯得十分的酷熱。

喀比的商店街，餐廳，旅行社，按摩院和洗衣店居多。

喀比的畫廊，一副大約在2500泰幣。你可以預定自己喜歡的畫，只需把照片交給他們，三四天后就可以交貨了。

喀比的 Walking Street。

這個是Nene！超可愛的黃金獵犬，是Krabi Sea Tour旅行社的鎮店之寶，這家旅行社也是 Palm Paradise Resort “嘟嘟車”的車站。如果你晚上在商店街要回去度假屋，可以托這間旅行社的員工聯絡Palm Paradise Resort。

再來一張 Nene 的玉照。我們在這一家旅行社預定了隔天的 Phi Phi Island的行程，一個人800 泰幣。

Flower and Fly

noreply@blogger.com (Terrick) — Mon, 21 Jun 2010 01:29:00 +0000

A nice lady,
we called her as a flower.

The annoying guy running after her,
we called him a fly.

Sunset Kuala Baram, Miri Sarawak

noreply@blogger.com (Terrick) — Mon, 19 Apr 2010 05:29:00 +0000

Flower season, Curtin Campus Miri Sarawak

noreply@blogger.com (Terrick) — Sat, 17 Apr 2010 05:33:00 +0000

Kuala Baram Sunset, Miri Sarawak

noreply@blogger.com (Terrick) — Wed, 14 Apr 2010 13:58:00 +0000

Tusan Cliff, Miri Sarawak

noreply@blogger.com (Terrick) — Wed, 14 Apr 2010 13:48:00 +0000

~ Click to have a larger view ~

~ Click to have a larger view ~

~ Click to have a larger view ~

~ Click to have a larger view ~

Golden weedgrass field

noreply@blogger.com (Terrick) — Mon, 12 Apr 2010 10:33:00 +0000

SimpleViewer 2.0 + Flickr Codes Generator

noreply@blogger.com (Terrick) — Thu, 01 Apr 2010 09:05:00 +0000

Step 1. Upload your photos to the Flickr and Tags them.
Step 2. Generate the flickr.xml data.

Step 3. Copy all the generated codes and paste it into a blank notepad.
Step 4. Save the file as "flickr.xml"
Step 5. Upload the flickr.xml and simpleviewer.swf into the public folder of dropbox account.

My Niece, Janice

noreply@blogger.com (Terrick) — Sat, 27 Feb 2010 15:13:00 +0000

Random

noreply@blogger.com (Terrick) — Thu, 25 Feb 2010 17:20:00 +0000

iPhotoWalker

SimpleViewer iframe Test

Test SimpleViewer

[Tutorial] SimpleViewer 2.2 on Blogger with Flickr integration by using svBuilder

After 3

Janice

[Tutorial] SimpleViewer 2.1.1 on Blogger (with Flickr integration) without svBuilder

Friends 2010 year end visit

Horizon Panoramic Test Shoot Roll 3

Vitage Russian Horizon film Camera

Random

Bungai Beach HDR, Miri, Sarawak

曾洁钰

Kuala Baram Sunset Miri Sarawak

Day 3 in Krabi 2010

Day 2 in Krabi 2010

Day 1 in Krabi 2010

Flower and Fly

A nice lady, we called her as a flower.

The annoying guy running after her, we called him a fly.

Sunset Kuala Baram, Miri Sarawak

Flower season, Curtin Campus Miri Sarawak

Kuala Baram Sunset, Miri Sarawak

Tusan Cliff, Miri Sarawak

Golden weedgrass field

SimpleViewer 2.0 + Flickr Codes Generator

My Niece, Janice

Random

A nice lady,
we called her as a flower.

The annoying guy running after her,
we called him a fly.