Picasa LigthBox 2 WordPress Plugin


While figuring out how to manage my pics, and easy insert into my blog post, I found this plugin. Picasa LigthBox 2. This plugin will retrieve our public pictures from picasa gallery, and have an easy interface to include them into our blog post. Besides, it provides a overlay preview to our users, using WordPress Lightbox Plugin.

Just put the WordPress Lightbox2 plugin into your wp-content/plugins/, activate it in WordPress Admin page. Do the same thing for Picasa Lightbox 2 plugin. Put into your plugin folder and activate it. After that, you can see a small button to add new picasa photo.


iDuino – Arduino compatible prototyping board


Hai.. Long time again since my last post. Just updated something, for my own notes, and anyone who an share this.

Last few month I have bought a electronic prototyping platform, which contains a mictrocontroller Atmega168. The board I bought was iDuino, a derivative from another electronic platform, that is Arduino. They are open source hardware and software platform, where you can customize the microcontroller to do almost anything. But right now, I just can blink the light 🙂

This is the iDuino board, a similar version of Arduino Diecimila. I just use the Arduino programming software, Arduino tutorial to start with the board. The only reason I bought iDuino instead of Arduino because its cheaper 🙂

iDuino is a breadboardable version. So, you can test your own circuit directly on a breadboard. There are a few version of Arduino you can choose from, according to your project need. This iDuino is a good start, and surely I will learn alot from it. It took me almost 4 month to get started, because of busy work. From beginning, i start buying tools, completing my toolbox, and now i have the time to play around with it.

I bought a unsoldered board iDuino, it took me almost one hour to solder them, and test it the other day. The board is connected to PC using USB, utilizing FT232RL, the same as in Arduino. So, I need to install USB Serial Converted driver, provided in Arduino programming software package. Arduino software provided with some sample code, and sample wiring to get started. At first when I try to load up a “blink” code, it gives me an error,

avrdude: stk500_getsync(): not in sync: resp=0x00
avrdude: stk500_disable(): protocol error, expect=0x14, resp=0x51

I search around, and found the solutions in Arduino forum. i just need to go to Device Manager –> Ports, there is a USB serial port. At first it was mapped to Port 15. Go to its properties, Port Setting, Advance, change the port number to something below 10. Then change the port in Arduino software to what you have change, through Tools –> Serial Port. Now I can start the coding and projects. 🙂

There is one guy who already proposing for a sumo challenge, in Ittutor forum. I dont know when I can get involve. I’m a newbie. huhuh.. Tunggu Bro Rizal, bagi saya blaja dulu 🙂

Just an update..

Hai everyone.

It seems a long time since I wrote in my own blog. So busy with life, no activity to post in yet. Btw, I’m thinking there might be something I could share with you guys.

These are a few website I’ve been alot lately. I’m into web development, PHP & Jquery.

http://www.noupe.com/ – Good blog related to web development and design
http://www.problogdesign.com/ – Have good articles on web design and wordpress.
http://www.devsnippets.com/ – Collection of good tutorials on web development, mostly Ajax, CSS and JS framework.
http://www.smashingmagazine.com/ – This site have a good design articles. Web designers, photographers, you should subscribe to this blog.

I’m planning to develop a new website, my own, from scratch. Previously I’ll just use CMS like Joomla and wordpress. Build it from scratch, I have the freedom to see it the way I want. But still, I’m not good in designing actually.

These are a few website I’ve done for past few month

There are a few more to go:

Will update more soon..

Web 2.0 button – Photoshop tips

I just found a new Photoshop tutorial, Its a simple tutorial, to create a Web 2.0 button for your website. It will look like glossy crystal look, some kinda elegant. The article is available here[dead link now].

The tutorial is simple, showing a few suggestion on blending options that needed to give the glossy look. You will find it very easy 🙂 Eventhough I’m not really into graphic and multimedia stuff. Huhuhu..


Check your design across different browser

This is really a companion for web developers, a website that could test your design compatibility for different browser, just from this single website. This will be a time-saver tricks to check your work, and make sure everything will displayed smoothly on your viewers screen.

You can test your design for different browser. For Linux browser, test it on Epiphany, Firefox, Galeon, Iceweasel, Konqueror and Opera. For Windows, you can test it for Microsoft Internet Explorer, Firefox, Opera and Safari. BrowserShot can also check for Max OS browser, Firefox and Safari.

With a few click, you can know how ready your design to be delivered 🙂

Custom login plugin


You might develop a website for your client using WordPress, and want to customize the login page. There are a hacks to modify custom login screen at BinaryMoon, but they also develop a custom login plugin to make your life easier. Just place the plugin into your wp-content/plugins folder, activate, and you already have a custom login screen. You can use different background image for the screen, by uploading it to wp-content/plugins/bm-custom-login/images folder.

Custom login plugin – http://www.binarymoon.co.uk/projects/bm-custom-login/

Web-based image editor

Once in a while, you might caught at a computer, updating your blog maybe, and you need to edit your pictures. Some would suggest a portable image editor in your pendrive. Another alternative would be online/web-based image editor.

One that you could try is rsizr. It will immediately prompt you to open a image file to edit. You can easily resize and crop any image file you uploaded. Rsizr use a special technique to keep the quality of the image edited. You may experience image quality loss, blurred text after resize, but not with rsizr. I have tried rsizr with 800 x 600 image, it resizes the image from 191kb to 121kb. After editing, the image can be save directly to your computer, or to your ImageShack account.

Another one that you could try is flauntr. Flauntr have a lot of feature for image editing. Just enough to make you comfortable without Adobe Photoshop. You can change hue/saturation, brightness, resize, crop, and you can also applying effects to your image, for example blur, greyscale or sepia. Give it a try 🙂

Rsizr – http://rsizr.com/
Flauntr – http://www.flauntr.com/

Gmail Drive Shell Extension

Just found this useful tool, once installed, it will create a new drive named “GMail Drive”. You can store your files in the drive, that actually store it in your gmail account space.

Gmail Drive will actually send an email to yourself, with the files added to Gmail Drive to yourself. Gmail Drive will login to your gmail account, and perform search function to sort the files viewed in the drive. You may want to make a filter, for emails with prefix “GMAILFS” to moved to your archived mail folder.

Bare in mind, Gmail Drive will break if Google changes its new system. The developer might provides and update with new system. So, dont panic if the tool breaks, and don’t highly depends on the drive.

GmailFS – http://www.viksoe.dk/code/gmail.htm

Batch Image Resize in Linux

Previously I have posted about batch image resizing, in Windows, using a Window tool, Portable Batch Image Resizer. Currently now I’m using Fedora, and I need a tool to automatically resize all my images for uploading.

I found an article telling how to do this. I moved my pictures, to a temporary folder, in case I misresize it 🙂

mogrify -resize 800 *.JPG

The command will resize all file with extension JPG in that particular folder to 800px width and keep the image aspect ratio. You can also change it or put it with exclamation mark, to resize it to that particular size.

mogrify -resize 320×240! *.JPG

mogrify is tool comes with ImageMagic. Install ImageMagic, and you’re ready to go.