Archive for Wordpress

Paris in a Post

Stemming from the post on integrating SimpleViewer and WordPress, this post is written entirely to test the possibility of incorporating SimpleViewer in a blog post rather than a WordPress page.

Eureka! It works! Here’s how it’s done…

To incorporate SimpleViewer in a post, follow the instructions here and instead of creating a page, create a post with the tags shown in the image below. Have fun! :)

SimpleViewer in a WordPress Post

Comments (1)

How to Integrate SimpleViewer with WordPress

The moment I laid eyes on SimpleViewer, I fell in love with it. I told myself that I really need to integrate SimpleViewer with this blog. It has come to my understanding that there are some challenges to it. This is the recipe to integrate WordPress and [tag]SimpleViewer[/tag].

Ingredients (what I used here):
[1] WordPress 2.0
[2] SimpleViewer 1.7
[3] Kimili Flash Embed Plugin

Laying the Foundation:
[1] Download Kimili Flash Embed Plugin
[2] Extract the zipped file and locate the file called “kml_flashembed.php
[3] Upload the “kml_flashembed.php” file to your WordPress folder “wp-content/plugins/
[4] Activate the [tag]Kimili Flash Embed[/tag] plugin by clicking on the “Activate” word.

Activate WordPress

Prepare SimpleViewer:
It is assumed that you have some knowledge about using SimpleViewer. If not, click here.
For this example, I have set my SimpleViewer images to public_html/gallery/paris/ folder.

[1] Update SimpleViewer’s imageData.xml file with the relevant information (sample in the image below). Note that I changed the bgcolor, navPosition, title, imagePath and thumbPath attributes from the default settings. Note also that I included the full domain path for imagePath and thumbPath attributes.
SimpleViewer

[2] Upload the entire SimpleViewer (including images and thumbnails) to public_html/gallery/paris/ folder.

Final Steps:
[1] Create a page in WordPress giving any title that you desire
[2] Enter these codes to display SimpleViewer (refer image below). Note that I included the full domain path for the movie and xmlDataPath attributes.
Wordpress Page
[3] Time to test and voila! Done!

Click here to see the example of my Paris Gallery in action. Comments and/or questions are greatly appreciated.


Quick Update:
I was really having trouble with my Scotland gallery. I checked, double checked, triple checked but my Scottish images simply would not display. Finally, I found the problem. It seems that the path may be too long.Originally, I was using http://www.amoswong.com/gallery/scotland/ as my path (that failed). When I shortened the path to http://www.amoswong.com/gallery/scot/, it worked!![tags]Kimili[/tags]

Comments (93)

Free Blog Button Maker

How would you like to decorate your blog with your very own customized blog buttons just like the one I’ve done within 5 minutes (see below button that says “Amos Wong”).

Amos Wong Blog Button

The tool used to create this button is very straight-forward and easy to use. As I’ve said before, the above button is created within 5 minutes after some trial and error. If you feel adventurous enough, start creating your own blog buttons. As a start, click on the URL below:
http://www.lucazappa.com/brilliantMaker/buttonImage.php

I propose you use Internet Explorer. Not that I’m promoting IE but my Firefox browser hung a number of times while using this tool.
I recommend that you use the Silkscreen font as this font is seen to be the “de facto” font for blog buttons. I’ve tried other fonts and it did not render well for my texts.
Enter texts for the left and right box respectively.
Select the colors you desire and finally
Click on the “Create” button.
Voila! Your very own blog button is generated.

Note: You can specify images that you want added into your blog buttons too. Isn’t this cool? 8)
Be an official Amos fan by using this blog button: Amos Wong Blog Button

Comments

« Previous Page« Previous entries « Previous Page · Next Page » Next entries »Next Page »

 Subscribe to AmosWong.com

Buy Amos A Cup of Coffee

 
Locations of visitors to this page