x3m Web Design

Web Elements

wilbert.santos@ymail.com (wilbert santos) — Sun, 23 Oct 2011 04:43:00 +0000

Cool and Stylish web Elements for the design of your website.

Social Icons

wilbert.santos@ymail.com (wilbert santos) — Sun, 23 Oct 2011 04:27:00 +0000

Today, there are so many social sites that gives buttons to share. these are some amazing and useful templates for your sites.

you can download the PSD format of this image so you can edit it in your own style.

How To Create And Add Google Sitemap No Need to Add a File

wilbert.santos@ymail.com (wilbert santos) — Fri, 21 Oct 2011 12:27:00 +0000

Today i will give you tips on how to add a sitemap of your site in google without creating or generating a txt file.

Step 1 – Login to Google Webmaster Tools with your Google Account (Gmail).

Step 2 – go to https://www.google.com/webmasters/tools/home?hl=en

Step 3 –Click ‘Add a site…’ button

Step 4 – Enter your blog’s URL address

Step 5 – Copy the ‘Meta Tag’ / ‘Meta Name’ code

Step 6 – Login to Blogger.com, go to ‘Layout’ –> 'Edit Html‘ and paste the Meta Tag / Meta Name code as shown in the image above

Step 7 – When you’re done, go back to Google Webmaster Tools and click the ‘Verify’ button.

Step 8 – Copy this code – atom.xml?redirect=false&start-index=1&max-results=500

Step 9 – Go to ‘Site Configuration’ –> ‘Sitemaps’ –> ‘Submit a Sitemap’. Paste atom.xml?redirect=false&start-index=1&max-results=500 into the text box and click ‘submit’

Step 10 – You should be seeing something like the screenshot above in your Webmaster Tools account, depending on the number of articles you have.

If you have more than 500 articles, you will need to submit additional sitemap for the URL only index the first 500 articles. Example:

Article 1 to 500 – atom.xml?redirect=false&start-index=1&max-results=500
Article 501 to 1000 – atom.xml?redirect=false&start-index=501&max-results=500
Article 1001 to 1500 – atom.xml?redirect=false&start-index=1001&max-results=500
Article 1501 to 2000 – atom.xml?redirect=false&start-index=1501&max-results=500
Article 2001 to 2500 – atom.xml?redirect=false&start-index=2001&max-results=500

Hope it helps you on optimizing your sites..

How To: Get Started with the Facebook Open Graph

wilbert.santos@ymail.com (wilbert santos) — Wed, 19 Oct 2011 21:48:00 +0000

Facebook keeps growing. At Facebook's core is the social graph; people and the connections they have to everything they care about. Historically, Facebook has managed this graph and has expanded it over time as we launch new products (photos, places, etc.). In 2010, facebook extended the social graph, via the Open Graph protocol, to include websites and pages that people liked throughout the web. facebook are now extending the Open Graph to include other actions and objects created by apps and enabling these apps to integrate deeply into the Facebook experience.

This “How-To” video walks you through our tutorial showing you step-by-step how to build an Open Graph app that allows users to publish stories about cooking recipes.

Open Graph Tutorial from Cat Lee on Vimeo.

They are really excited about the new class of apps that are now made possible. The Open Graph Beta is available for you to try out and get started.

HTML Blitz

wilbert.santos@ymail.com (wilbert santos) — Wed, 19 Oct 2011 21:21:00 +0000

This is a tutorial for a simple gallery slide. many web designers and developers are using a JQuery, javascript or any other scripts that gives their gallery look more fancy and beautiful.Well in this tutorial you dont need that scripts in html 5 the designers and developers can create their own gallery with their own style.

First you need to have picture like this...

file names must start in "p"+corresponding number+".jpg"

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Blit</title>

<script>

var context;
var x=0;
var ind;
var offset;

var photos = new Array();
for( var i=1; i<15; i++){
var im = new Image();
im.src = "p"+i+".PNG"; ( edit this if you want "p" is the name of the picture plus its number)
photos.push(im);

}

function init() {
context = document.getElementById('canvas').getContext('2d');
setInterval(loop, 10); ( you can edit the "10" its the speed of the slide)
}

function lopp(){
x +=(slider.value - x) * 0.1;
ind = Math.floor(x/800);
offset = x % 800;
context.drawImage(photos[ind], offset, 0, 800-offset, 600, 0, 0, 800-offset, 600);
context.drawImage(photos[ind+1], 0, 0, 800, 600, 800-offset, 0, 800, 600);
}

</script>

</head>

<body onLoad="init()">

<canvas width="800" height="600" id="canvas"> </canvas>
<br/>

<input type="range" id="slider" style=" width:800px" min="0" max="10400" step="1" value="0">

</body>
</html>

Now you after editing, you can have this output

and this

that's it! enjoy..

How to remove Facebook Timeline?

wilbert.santos@ymail.com (wilbert santos) — Fri, 14 Oct 2011 19:55:00 +0000

Last time i teach you on how to set up your new Facebook timeline,So,I think Many people tested this to have a new design of their profile, And here I come with the tutorial to remove the Facebook Timeline, and make your old profile back.
For some you may feel that "Timeline" is congested and some other may say that it looks like "Hi5" social networking website. There are so many users do not like new timeline profile. To remove it, Just go with the following steps:

Step 1:First of All ,Go to your Facebook Apps Developer page.

Step 2: Right Now select the Facebook App you have created to use Timeline Profile and select “Edit App”, at the top of the page.

Step 3: Last step is, find and select a option “Delete App” which is appear in left side column ( under related links).

After you click on "Delete app" and confirm to delete it, Then Facebook Timeline Profile style will be automatically removed from your profile, and the old Facebook Profile again appears on your account.If you have any further question you can ask me any time with the help of comments.Enjoy everyone.

Setting up your facebook Timeline

wilbert.santos@ymail.com (wilbert santos) — Tue, 11 Oct 2011 12:54:00 +0000

The new Features of Facebook, this is awsome, once you set the timeline your profile, you wont leave your profile.

Steps to set-up your facebook timeline:

1. Go to Facebook Developers click allow if you not went there before.

2.Click Create New App.

3.Name it what ever you like, and give it namespace what ever you like. It doesn't matter. Then click the checkbox "i agree to the platform privacy and policy". then, click the continue button. Supply the security code to the textbox for security purposes and you'll be ready to the nest step.

4.After you passed the security check you'll reach this screen. Click/Open the "Open Graph" on the top left side of the screen.

5. You'll see the next screen, entitled "Get Started with Open Graph" -- fill in anything you want (it doesn't matter) in those fields under the heading "start by defining one action than one object for your app." Click Get Started.

6. On this screen, do nothing except scroll to the bottom and click "Save Changes and Next." Do the same thing on the next screen.

7. You'll be taken to this screen. Wait a few minutes, and then go to your Facebook homepage. That's where you'll be invited to enable Timeline. Be patient at this point -- sometimes it requires you to wait before the changes take effect.

8. When you go back to your Facebook homepage, you'll see this. Success! Click Get It Now, and you're in!

Here's where you fiddle with your timeline, set it up the way you like it, and when you click Publish Now, your Timeline goes live. Or, you can wait two to four weeks (there is no set date), and you can opt in without going through this process. If you want to get into your timeline from another computer, the address for this developer's version is located at this URL: http://www.facebook.com/[yourusername]?sk=timeline and of course [yourusername] is your own Facebook user name.

Hope i Helped you on setting up your facebook timeline :)

by: x3m web design

PareKoy's Internet Cafe

wilbert.santos@ymail.com (wilbert santos) — Tue, 11 Oct 2011 01:31:00 +0000

PareKoy's Internet Cafe
Information Systems Institute
Central Luzon State University
Nueva Ecija Philippines.
Tel: (044) 456 - 1234
A Clean and Cool internet cafe.

This is one of my projects on my Web development Course, this website is a Semi Social network of a particular internet cafe, the loyal customers of this internet cafe can create an account and free to post news to the site..

Our Vision

To be the preferred Internet Cafe for information, education and training, entertainment and e-commerce, full at all times, providing delightful Parekoy experience anytime and anywhere.

Our Mission

To provide one-stop Information Communication Technology services accessible to the public; to deliver reliable and consistently satisfying customer experience everywhere; and to give full and sustainable value to its stakeholders; thereby, making parekoy the leading Internet cafe chain in the Philippines

Our Past

Parekoy was founded by two computer techies in 1996. It began as a private gaming room where friends could pit their eye-hand coordination skills against each other. By sheer word of mouth, Parekoy effortlessly attracted a wave of loyal and happy customers. Behind Parekoy's success is its unwavering commitment to provide excellent customer service and to bring the latest Internet-related technology to its branches.

Our Present

Our internet cafe is located next door to the Office of the Director of Information Systems Institute. Our cafe is a western style internet cafe which combines internet services with a 24 hour 7 day per week. Parekoy's cafe members enjoy discounts on internet usage. Everyone who uses our Cyber internet Cafe can enter the draw to win the weekly Jackpot! Our friendly internet cafe staff can assist you with checking your email, or searching for something on the internet. Inside our internet cafe you find a relaxed atmosphere. Your comfort is of great importance to our internet Cafe Staff. An internet cafe in the Philippines in Metro Manila

by:x3m Web Design

How To Create And Add Google Sitemap For Blogger Blogspot

wilbert.santos@ymail.com (wilbert santos) — Sun, 09 Oct 2011 09:16:00 +0000

How To Create And Add Google Sitemap For Blogger Blogspot

CHISMAX TO THE MAX

wilbert.santos@ymail.com (wilbert santos) — Sun, 09 Oct 2011 02:06:00 +0000

CHISMAX TO THE MAX

Highest level of chikahan...ever!

site created by:

Hot Scoops

wilbert.santos@ymail.com (wilbert santos) — Sun, 09 Oct 2011 02:00:00 +0000

Hot Scoops

Philippines Hottest Showbiz Scoops

website creted by:Jaycell Capala

Showbiz Entertainment Chicka

wilbert.santos@ymail.com (wilbert santos) — Sun, 09 Oct 2011 01:49:00 +0000

Showbiz Entertainment Chicka

The Ultimate Chismiss Tambayan

website by: Arnan Nigel Dominguez Pajarillo

delicious beta status: Bulk ActionsWe now support bulk actions for you...

wilbert.santos@ymail.com (wilbert santos) — Sat, 08 Oct 2011 12:42:00 +0000

delicious beta status: Bulk Actions

We now support bulk actions for you...: Bulk Actions We now support bulk actions for your links. On your "My Links" tab, just above your links you will see a selector for bulk a...

delicious beta status: Introducing the Delicious Forumhttp://www.avos....

wilbert.santos@ymail.com (wilbert santos) — Sat, 08 Oct 2011 12:41:00 +0000

delicious beta status: Introducing the Delicious Forum

http://www.avos....: Introducing the Delicious Forum http://www.avos.com/delicious-forum/ We recognize that the Delicious re-launch has been frustrating fo...

floating share buttons for blogger

wilbert.santos@ymail.com (wilbert santos) — Sat, 08 Oct 2011 08:59:00 +0000

Blogger is liked pretty much by my readers and even it is the most searched widget on my blog.Now i am sharing a modified style of this Floating Social Share Buttonswith a shadow effect and linked in button also.

Social media is being very important to get the social traffic now a days.A blog is incomplete without social share buttons.So the Tutorial for the Stylish Floating Social Media Buttons goes here :->

Go to Design -> Page Elements -> Add A Gadget -> HTML/Java Script.

Now paste the following code there and Save it.

Introducing the Google Chrome OS

wilbert.santos@ymail.com (wilbert santos) — Fri, 07 Oct 2011 12:19:00 +0000

It's been an exciting nine months since we launched the Google Chrome browser. Already, over 30 million people use it regularly. We designed Google Chrome for people who live on the web — searching for information, checking email, catching up on the news, shopping or just staying in touch with friends. However, the operating systems that browsers run on were designed in an era where there was no web. So today, we're announcing a new project that's a natural extension of Google Chrome — the Google Chrome Operating System. It's our attempt to re-think what operating systems should be.

Google Chrome OS is an open source, lightweight operating system that will initially be targeted at netbooks. Later this year we will open-source its code, and netbooks running Google Chrome OS will be available for consumers in the second half of 2010. Because we're already talking to partners about the project, and we'll soon be working with the open source community, we wanted to share our vision now so everyone understands what we are trying to achieve.

Speed, simplicity and security are the key aspects of Google Chrome OS. We're designing the OS to be fast and lightweight, to start up and get you onto the web in a few seconds. The user interface is minimal to stay out of your way, and most of the user experience takes place on the web. And as we did for the Google Chrome browser, we are going back to the basics and completely redesigning the underlying security architecture of the OS so that users don't have to deal with viruses, malware and security updates. It should just work.

Google Chrome OS will run on both x86 as well as ARM chips and we are working with multiple OEMs to bring a number of netbooks to market next year. The software architecture is simple — Google Chrome running within a new windowing system on top of a Linux kernel. For application developers, the web is the platform. All web-based applications will automatically work and new applications can be written using your favorite web technologies. And of course, these apps will run not only on Google Chrome OS, but on any standards-based browser on Windows, Mac and Linux thereby giving developers the largest user base of any platform.

Google Chrome OS is a new project, separate from Android. Android was designed from the beginning to work across a variety of devices from phones to set-top boxes to netbooks. Google Chrome OS is being created for people who spend most of their time on the web, and is being designed to power computers ranging from small netbooks to full-size desktop systems. While there are areas where Google Chrome OS and Android overlap, we believe choice will drive innovation for the benefit of everyone, including Google.

We hear a lot from our users and their message is clear — computers need to get better. People want to get to their email instantly, without wasting time waiting for their computers to boot and browsers to start up. They want their computers to always run as fast as when they first bought them. They want their data to be accessible to them wherever they are and not have to worry about losing their computer or forgetting to back up files. Even more importantly, they don't want to spend hours configuring their computers to work with every new piece of hardware, or have to worry about constant software updates. And any time our users have a better computing experience, Google benefits as well by having happier users who are more likely to spend time on the Internet.

We have a lot of work to do, and we're definitely going to need a lot of help from the open source community to accomplish this vision. We're excited for what's to come and we hope you are too. Stay tuned for more updates in the fall and have a great summer.

Official Google Blog: Introducing the Google Chrome OS

wilbert.santos@ymail.com (wilbert santos) — Fri, 07 Oct 2011 12:19:00 +0000

Official Google Blog: Introducing the Google Chrome OS: It's been an exciting nine months since we launched the Google Chrome browser . Already, over 30 million people use it regularly. We designe...

Facebook Announces Developer Contest for India

wilbert.santos@ymail.com (wilbert santos) — Fri, 07 Oct 2011 12:18:00 +0000

Facebook would become the first social networking site to showcase apps in Hindi as it calls for entries in English and Hindi to showcase web development skills in two categories of Facebook apps & Facebook Connect Integrations
New Delhi, India, July 3, 2009: The day for which the Indian developer community had been waiting has finally arrived. Facebook, whose mission is to give people the power to share and make the world more open and connected, announced today the launch of ‘Facebook India Developer Contest’ – a contest for Indian developers to showcase their web development skills by creating Facebook applications and Facebook Connect Integrations. The contest began on July 2 and ends on September 11, 2009 and is located at www.facebook.com/developercontestindia.
This is the first time Facebook is organizing a developer contest in India. Entries will be judged on originality, business potential, social utility, usefulness, expressive features, intuitiveness and potential of the application. There are three cash prizes; $4000 for the first place, $2000 for the second place and $1000 for the third, in each of the two categories.
To enter the contest, participants are required to create a Facebook platform application for use on the Facebook site or Facebook Connect integrations in English or Hindi and register their application in the contest’s homepage. The contest is open to Indian residents over the age of 16 with a facebook.com account.
Ruchi Sangvi, Engineer and Manager of the Facebook platform said, “India ranks second in the number of software developers with 3.9 million software developers; we are very excited to engage with the developer community. Facebook has experienced a tremendous growth in India. Through the contest, we hope to see many rich experiences that leverage the social graph and empower Facebook users to share and connect.”
Facebook Connect enables people to combine their Facebook experiences with any participating Website, desktop application or mobile device. When websites incorporate Facebook Connect, Facebook’s more than 200 million active users around the globe can automatically import profile information and bypass the need to build a friends’ list from scratch. More than 10000 websites have incorporated Facebook Connect since its general availability in December 2008.

Adventure PHP Framework (APF) 1.11 released

wilbert.santos@ymail.com (wilbert santos) — Fri, 07 Oct 2011 12:14:00 +0000

The APF team is proud to anounce the new website together with the 1.11 stable release.
Revision 1.11 serves a reworking of the form supporton the basis of taglibs. Now generic definition of validators and filters on the basis of the observer pattern is supported and forms can be customised to own needs more easily.
The OR mapper GenericORMapper already added in the release 1.9 was extended with tools to automatically setupand update a database. Now the developer can completely concentrate on the development of the logic of the application since the storage of the objects is completely managed by the mapper.
Part of the performance optimisations of the releases were optimisations in the core of the frameworks and the reworking of the integrated BenchmarkTimer. It now supplies the developer with a better graphic representation of the measurements to find hot-spots within an application. Thus, an application can the optimally prepared for operation.
With appearance of the release 1.11 the support for PHP 4 was announced discontinuation and the compatibility with PHP 5.3 was improved. In the coming version 1.12 lies the focus on the extension of the new form support and the reworking of the configuration component.

Share and Enjoy:

ShiftEdit – Web Based IDE

wilbert.santos@ymail.com (wilbert santos) — Fri, 07 Oct 2011 12:11:00 +0000

“The web-based IDE is one of the final frontiers of apps ported to the web. I would like to be able to develop from any computer or operating system and have the same experience without having to install software or create site definitions.” – Adam Jimenez

These are some of the main features:
Code editor
The editor component is based on Mozilla’s Bespin. It has support for:

Syntax highlighing for HTML/ CSS/ JS and PHP
Block tabbing
Undo/ Redo
Line Numbers
Jump to line
+ It’s very fast

(S)FTP support
There is a built-in FTP explorer which support FTP and SFTP.
You can create/ rename/ delete files and folders. You can also set file permissions.
Find/replace
Find and replace works across current or all open files. You can do text searches or regular expression searches.
Revision History
File revisions are stored whenever you save a file. You can then look back through past revisions and view a diff comparison.
You can then restore to an earlier version. Very useful if you or a colleague breaks something!