(Continue)

Step 4
.
You will need a text editor. A word processor like OpenOffice.org or Microsoft Word is not suitable. Notepad, or any other editor that doesn't support any kind of formatting will do fine.

Step 4a. Open lightbox.css in your editor. You need to change two settings. Use your editor's find function to find them if you're having trouble locating them. Replace:

Code:
url(../images/prevlabel.gif);
with:
Code:
url(lightbox-prevlabel.gif);

And
Code:
url(../images/nextlabel.gif);
with:
Code:
url(lightbox-nextlabel.gif);

Step 4b. Open lightbox.js in your editor. You need to search for and then replace:

Code:
fileLoadingImage: 'images/loading.gif',
fileBottomNavCloseImage: 'images/closelabel.gif',
with:
Code:
fileLoadingImage: 'http://your-google-id.googlepages.com/lightbox-loading.gif',
fileBottomNavCloseImage: 'http://your-google-id.googlepages.com/lightbox-closelabel.gif',

Where "your-google-id" is, um, your Google id. If you're not sure about this part, it's OK to wait until we've uploaded the images, at which point you'll be able to copy+paste their URLs.

Step 5. Head to your Google Pages site manager. If you closed the site manager, you can get to it by going to http://pages.google.com/ and logging in.

On the right side is an "Uploaded stuff" section. Click the arrow to open it up if it is not already open. There should be a small "[upload]" link at the bottom. Click it.

Now, for each of the files we copied out of the Lightbox zip, click on the "Browse" button, and select the file on disk. This will upload the files to the website. If you weren't sure about the image URLs for lightbox.js earlier, you can upload lightbox-loading.gif and lightbox-closelabel.gif now, click on their names when the upload is complete, and then copy+paste the URL from your browser's address bar.

Just double-check that the following files appear in the uploaded file list.
  • lightbox.css
  • lightbox.js
  • lightbox-builder.js
  • lightbox-closelabel.gif
  • lightbox-effects.js
  • lightbox-loading.gif
  • lightbox-nextlabel.gif
  • lightbox-prevlabel.gif
  • lightbox-prototype.js
  • lightbox-scriptaculous.js
Step 6. Open up your blog's settings page. Go to the "Layout" tab, and select "Edit HTML". Locate the "" tag in the template code. Insert the following before the </head> tag:

Remember to change "your-google-id" in the URLs. Again, if you're not sure about the URLs, go to the Google Pages site manager, right-click on the links for the uploaded files, and select "Copy Link Location" or "Copy Address." Clicking on the links directly will usually just download them.

Save your template.

You're done.

You can now follow the directions at http://www.huddletogether.com/projects/lightbox2/#how under "Step 2 - Activate".


From ~> http://blogazeroth.com
»»  read more

Lightbox is a simple, unobtrusive script used to overlay images on the current page. It's a snap to setup and works on all modern browsers.
For example, you can click the image bellow to see the result:

Step 1. Create a website using http://pages.google.com/. You should be able to use your Blogger login here. It will create a website at "your-google-id.googlepages.com". When the site manager comes up, leave it open.

Step 2. Download Lightbox from http://www.huddletogether.com/projects/lightbox2/#download. Extract the zip file to your disk somewhere.

Step 3. Within the extracted files, copy the following files into a temporary folder (location doesn't matter; we're just copying them out for the sake of neatness,) and rename them as specified. We're renaming them since Google Pages doesn't allow you to add folders to your website, and I personally didn't want lots of randomly-named files floating around. This ensures that the purpose of the files is fairly obvious.
  • css\lightbox.css -> lightbox.css
  • images\closelabel.gif -> lightbox-closelabel.gif
  • images\loading.gif -> lightbox-loading.gif
  • images\nextlabel.gif -> lightbox-nextlabel.gif
  • images\prevlabel.gif -> lightbox-prevlabel.gif
  • js\builder.js -> lightbox-builder.js
  • js\effects.js -> lightbox-effects.js
  • js\lightbox.js -> lightbox.js
  • js\prototype.js -> lightbox-prototype.js
  • js\scriptaculous.js -> lightbox-scriptaculous.js
~~> Click here to Go To next steps!
»»  read more

As you can see on the sidebar of this blog, I'm able to list down the most recent Posts and Comments along with it's relevant details. The great thing about this is, there's no script to install or javascript involved. It can be easily done just by using Blogger's widget feature.

1. First before you start, you'll need to find out your Blogger's Posts feed and Comments feed.




http://blogname.blogspot.com/feeds/posts/default/
http://blogname.blogspot.com/feeds/comments/default/

where blogname represents your blog.



2. Next, log in to your blogger account.
3. On the dashboard under your blog title, click "Layout"
4. Once your blog layout appears, click "Add a Page Element" on your sidebar.
5. Choose "Feed" and add to blog.
6. Insert your Posts or Comments feed into "Feed URL".
7. Customise your settings:
e.g. Title: Recent Posts/Comments

Also, did you know that by listing your most recent post and comments actually helps with your Search Engine Optimizations?

Happy bloggin.

From ~~> http://widget-based.blogspot.com
»»  read more

This website assist you to find hundreds of icon with PNG format. They are very beautiful for you to use!
You can type a string, example Computer, Smile or DVD...into the texbox and click Search.
Icons are many sizes to choose: 12x12 - 16x16 - 22x22 - 32x32 - 48x48 - 64x64 - 128x128.
If you like an icon is which, click on it, the website will show a list sizes of icon, you can choose what size you want to download.
»»  read more

This feature is one of features were added into IDM application from many requests of users.
They are:
  • Added IDM Download Panel for IE and IE based browsers that appears on top of a web-player when IDM detects a multimedia request form the web-player. IDM download panel is used to download and save audio and video files that are played by the web-player. It can be used to download flash videos from sites like YouTube, MySpaceTV, Google Videos, etc

To configure this panel, you can go to Options > In General tab, click Edit button (IDM Download panel for web-player in browsers)

  • Redeveloped from scratch and completely replaced IDM integration modules for IE and IE baed browsers on more stable ones. Note that previous IDM integration modules were designed for IE 5.0 and were getting obsolete. The new modules also fix problems with "Download with IDM" feature
  • Added an option to start IDM download queues on IDM startup
  • Make wordarounds to download files from several problem sites
  • Version 5.14 includes all latest bug fixes
»»  read more

The way to integrate Internet Download Manager (IDM) into Internet Explorer or FireFox is very simple, we may don't need to discuss here. But to integrate IDM to other web browsers as Safari, Opera or Flock... especially some browsers, their name is so strange. Some people "are in a quagmire" to do that. For this reason, this post will guide you to integrate IDM to any browser in the in the internet, probability percent is 100%!
IDM has a feature so greate but all of users don't know! I will guide you to use it now!

~~ STEP BY STEP TO ACTIVE THIS FEATURE ~~
Step 1: In the main screen of IDM program, you click Options > In General tab, check
Use advanced browser integration” > Yes > OK to restart computer.

Step 2: When computer is restarted, you click Options againt > In General tab, you will be suprised because the interface change a little.

You will see Add browser button is replace by checkbox name “Dectect new applications that try to download files from the Internet”. Check to this checkbox and then you will se a dialog "If you want to integrate Internet Download Manager in to an application that is running, you will need to restart the application, because IDM cannot integrate into the applications that are already running. After integrate IDM into the application you may turn off 'Detect New Applications' option for better performance"

Step 3: As from for now, IDM will alway ready to capture any files download by any web browsers, that try to download file from the internet. You have fun because all of files download will be captured by IDM!
»»  read more

The Navbar show in the top of the blog to assist some manipulations as sign in, create new post...But it can make your blog loss aestheticism. To delete it, you have to affect HTML code of your blog. And this post will guide you 3 ways to delete the Navbar.

WAY 1: SET HEIGHT OF NAVBAR WITH ZERO
Insert the code bellow into front of tag head and click SAVE TEMPLATE
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
WAY 2: HIDE NAVBAR
Insert the code bellow into front of tag head and click SAVE TEMPLATE
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
WAY 3: DELETE NAVBAR
Insert the code bellow into front of tag body and click SAVE TEMPLATE. Then click CONFIRM&SAVE to complete!
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
To restore NavBar, remove code your insert formerly!
»»  read more

Good news for believer of Blogger, this service has supported two manipulations, they are Backup and Restore. With new feacture, you won't worry about your blog can die anytime, anywhere... with a big posts for along time. You can backup all of posts and comments to store, after you can restore all of them to your blog if you want! Great!

First, you have to sign in to your blogger account by address http://draft.blogger.com. Then, click Settings, a a new webpage will appear with two strings "Import blog" and "Export blog" blue color.
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
EXPORT BLOG
Backup posts and comments of your blog by export a file with .xml format. When you click "Export blog", you will see the same with image bellow:
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
Click EXPORT BLOG to continue, then choose where you save your backup file.

IMPORT BLOG
Restore your blog by upload a .xml file - file you have backed-up before. When you click "Import Blog" you can see the same image bellow:
FREE IMAGE HOSTING & FREE IMAGE UPLOAD @ SCREENSHOTS.CC
Click Browser button to choose your backed-up file, type the string show in image and last click IMPORT BLOG to complete! Option "Automatically publish all imported posts" means all posts and commets after Restored, they will be published automatically.

With two manipulatios: Backup and Restore, you can use it to move your blog to "new home", don't have to copy posts one by one manual!
»»  read more