Powered By

Powered by Blogger

Jumat, 31 Juli 2009

Web Based FTP Client

Web Based FTP ClientNet2FTP is a web-based FTP client which has all the features one could ask in a full stand-alone application. You can either use it directly at http://www.net2ftp.com or install it on your own web server.

With Net2FTP, you can:

* Install software on your server (requires PHP).
* Copy, move or delete files and directories.
* Edit text and HTML files online.
* Filter files using filename, size and modification time.
* Upload/download files in a zip format, and unzip files on the server.
* Copy files from one FTP server to another FTP server.
* Rename, Chmod and tons of administrative features.

Net2FTP even supports skins!

You can use Net2FTP on a computer that doesn't have any FTP client installed or on your own machine, just for the fact that a FTP client can't get lighter than this (it's just a webpage afterall...).

[via techie-buzz.com]

Adobe Released A New Alpha Version Of Flash Player 10 for Linux x86_64 (64 bit)

Yesterday, Adobe released an alpha version of Flash Player plug-in version 10 for x86_64 architecture. This is a prerelease version of the Adobe® Flash® Player 10 software 64-bit Linux platforms. It is being made available for developers and consumers to test their content to ensure new features function as expected, existing content plays back correctly, and there are no compatibility issues.

The Flash Player 10 prerelease is available in all supported languages; however, the prerelease installers are only in English and we can only accept feedback in English at this time.

Important: All users should uninstall any currently installed Flash Player before installing the latest prerelease.

Download it from here

Get the Feel of Dreamweaver in a Firefox Extension

codetech firefox extension

Codetech is a Firefox addon that lets you edit your documents right next to your web pages as you surf. For a web developer or designer, which offten deals with HTML source code, Codetch is a lite version of a application like Adobe Dreamweaver. It has a similar layout, yet less features, but it helps the user to complete its source based tasks.
Author description says it all. It’s the closest you can get to a professional web editing interface in a browser.

Kamis, 30 Juli 2009

Integrate Google Calendar Into Your Gnome Calendar [Linux]

To integrate Google Calendar events into your Gnome desktop, go to Google Calendar, click on "Settings", then on the "Calendars" tab and then on your calendar's name:

google calendar

Then, at the bottom there is a section called "Private Address:" > click on the "ICAL" green icon to get your private calendar URL, like in the picture below:

google calendar private links

Now all you have to do is open a terminal and paste this:
/usr/lib/evolution-webcal/evolution-webcal URL
replacing URL with your ICAL private URL you got in the step above.

A window will pop up and here is where you can make the update frequency settings (I set mine to update every 30 minutes).

This is how your Google Calendar tasks, appointments, etc will show up in Gnome Calendar:

gnome google calendar


Please note: evolution-webcal may be in different folders in different distros. (For example in SuSe, it’s in /opt/gnome/lib/evolution-webcal/evolution-webcal). If the above code doesn’t work for you, you can locate evolution-webcal using:
find / -name evolution-webcal


[via paraisolinux]

Latest Google Chrome Dev Build Officially Adds Theme Support

Themes have been gradually getting simpler to activate in Google Chrome, but they became enabled by default in the newest developer releases this week, version 3.0.195.3 and a hasty bug-fix release Wednesday night, version 3.0.195.4. No longer must you mess with pesky "--enable-extensions" command-line switches or other nitty-gritty options.

google chrome theme

When you point Chrome to a theme's URL, the browser will offer to save it, a process that installs it, too.

chrome theme

If you're using the new Chrome developer release, there are two sample themes available, Camo and Snowflake. To activate them, click the link then agree to save the CRX file. Chrome will then switch themes and give you a yellow alert it did so.

Google is working on making this easier. In the tools menu, clicking "Options" and then "Personal Stuff," there's a "Themes" section with a "Get Themes" button. So far the Web site it links to is empty, but presumably it will be populated with some themes soon enough.

The themes also work on Mac OS X, though the options dialog box has a tantalizing color picker that I couldn't get to do anything.

The new version also adds support for the HTML 5 video tag, Google said. That feature is a centerpiece of browser makers' efforts to propagate "open Web" standards that permit richer Web sites and Web applications that don't rely on plug-ins such as Adobe Flash.

(Credit: Screenshot by Stephen Shankland/CNET)

Automatic Post Summaries for Blogger, With Image Thumbnails

We talked about a way of implementing selective excerpt ("Read More") for Blogger blogs (or expandable post summaries) and today I am going to present you another way of doing it, but this time by using image thumbnails (which can be turned off if you like).

This Blogger hack has 3 advantages:

1. You can set it to automatically cut off a post after a certain number or words or manually do this.
2. You can chose if you want to display a thumbnail image or not.
3. It is the first blogspot.com hack which allows you to use the <!-- more --> tag just like Wordpress.

Let's proceed to implementing the code. There are only a few simple steps you need to follow:

1. Log in to your Blogger Dashboard and go to Layout > Edit HTML and check the "Expand Widget Templates" box.

2. Search for the following piece of code in your template: <data:post.body/> and replace it with:
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id' style='display:none;'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary&lt;data:post.id/&gt;");</script>
<div style="clear:both" align='right' class='rmlink'><a expr:href='data:post.url'>-->Read More</a></div>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
If Blogger displays an error when saving the template, this code instead of the above.

In this code, edit the "Read More" text with something else if you want to.

3. Search for the <body> tag in your Blogger template and paste the following code above it:
<script type='text/javascript'>
var thumbnail_mode = 'no-float' ;
var classicMode = false ;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 150;
var img_thumb_width = 220;
var indent = 3;
</script>

<script type="text/javascript">
//&lt;![CDATA[
/******************************************
Auto-readmore link script, version 4.0 (for blogspot)

(C)2009 by Anhvo

Homepage: http://vietwebguide.com

Please dont remove this copyright or change it into your own
******************************************************/

/*******************************************
CONFIG (extenal code)
-------------------------------

var thumbnail_mode = "float" ; //(or "no-float")
var classicMode = false ;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 100;
var img_thumb_width = 120;
var indent = 3;

*********************************************/

function stripHtmlTags(s,max){return s.replace(/&lt;.*?&gt;/ig, '').split(/\s+/).slice(0,max-1).join(' ')}

function getSummaryLikeWP(id) {
return document.getElementById(id).innerHTML.split(/&lt;!--\s*more\s*--&gt;/)[0];
}

function getSummaryImproved(post,max){
var re = /&lt;.*?&gt;/gi
var re2 = /&lt;br.*?&gt;/gi
var re3 = /(&lt;\/{1}p&gt;)|(&lt;\/{1}div&gt;)/gi
var re4 = /(&lt;style.*?\/{1}style&gt;)|(&lt;script.*?\/{1}script&gt;)|(&lt;table.*?\/{1}table&gt;)|(&lt;form.*?\/{1}form&gt;)|()|()/gi

post = post.replace(re4,'')
post = post.replace(re3,'&lt;br /&gt; ').split(re2)

for(var i=0; i&lt;post.length; i++){
post[i] = post[i].replace(re,'');
}
var post2 = new Array();
for(var i in post) {
//if(post[i]!='' &amp;&amp; post[i]!=' ' &amp;&amp; post[i] != '\n') post2.push(post[i]);
if(/[a-zA-Z0-9]/.test(post[i])) post2.push(post[i]) ;

}


var s = "";
var indentBlank = "";
for(var i=0;i&lt;indent;i++){
indentBlank += " ";
}
if(post2.join('&lt;br/&gt;').split(' ').length &lt; max-1 ){
s = post2.join(indentBlank +' &lt;br/&gt;');
} else {
var i = 0;
while(s.split(' ').length &lt; max){
s += indentBlank + ' ' + post2[i]+'&lt;br/&gt;';
i++;
}
}
return s;
}


function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var content = div.innerHTML;
if (/&lt;!--\s*more\s*--&gt;/.test(content)) {
div.innerHTML = getSummaryLikeWP(pID);
div.style.display = "block";
}
else {

var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length&gt;=1) {
if(thumbnail_mode == "float") {
imgtag = '&lt;span style="float:left; padding:0px 10px 5px 0px;"&gt;&lt;img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/&gt;&lt;/span&gt;';
summ = summary_img;
} else {
imgtag = '&lt;div style="padding:5px" align="center"&gt;&lt;img style="max-width:'+img_thumb_width+'px; max-height:'+img_thumb_height+'px;" src="'+img[0].src+'" /&gt;&lt;/div&gt;';
summ = summary_img;
}
}

var summary = (classicMode) ? imgtag + '&lt;div&gt;' + stripHtmlTags(content,summ) + '&lt;/div&gt;' : imgtag + '&lt;div&gt;' + getSummaryImproved(content,summ) + '&lt;/div&gt;';

div.innerHTML = summary;
div.style.display = "block";
}
}
//]]&gt;
</script>

Again, if you receive an error when saving your changes, use the code from here instead of the one above.

4. Configuring the code above:


In the script above you see some variables (bolded):
var thumbnail_mode= 'no-float';
var classicMode = false;
var summary_noimg = 60;
var summary_img = 50;
var img_thumb_height = 150;
var img_thumb_width = 220;

The thumbnail_mode variable determines whatever or not you want the image to be displayed to the left or the text. If you choose 'no-float', the image will not be displayed and if you choose 'float', the image thumbnail will be displayed on the left side of your posts when on the homepage (not post page).

classicMode sets if the posts should be cut off at the same point or not. It is advisable to change it to 'true' if you selected the 'float' mode for "thumbnail_mode"

summary_noimg and summary_img values are the number of words of the excerpts when your posts have or don't have an image attached. For instance, a value of '50' means "50 words".

img_thumb_height and img_thumb_width - the height and width the image thumbnails should have.

The really new thing with this script is that it works just like Wordpress does which means that you can use the <-- more --> tag to manually enter the post cut off point. Example:

The excerpt. This part of the post will be displayed on the home page. <!-- more --> The rest of the post. This part of the post will only be displayed once the user click on the "Read More" link or the post title.

Altough this script is better than the one I mentioned before (using selective posts cut off), it still has one disadvantage: setting it to automatically cut off posts, all of your posts will have an "Read More" link, even if they are shorter than the number of words you set it to cut the posts in your blog.

Don't forget to visit our list of Blogger (blogspot.com) hacks and gadgets.

[Credits: ChicaBlogger]