Tuesday, February 26, 2013

Open Graph Protocol Facebook Google


the Open Graph Protocol makes each page social object. This becomes by describing things on the Internet. You can set the type, title, description, address, contact information, even a specific location.
At present, in cyberspace has many semantic web technologies - microdata , microformats , RDFa , ... However, none of them provides a complete data description on the Internet.
Facebook established Open Graph Protocol  to improve the representing of things in the social network. The main goal of people who have developed a protocol is that it be maximally simplified. This facilitates integration into web pages, and any Internet object or web page becomes part of the social graph.
By using the protocol that you provide accurate information that search engines need. This can raise the rank of your pages. This can relocate your website to higher positions in search engines like Google, because Google detects Open Graph  meta tags.

What can be described by The Open Graph Protocol?

Initially, you can set your type of site. This will be:
  • article (used for news, blog posts, video, audio)
  • blog (only used in the homepage)
  • website (only used for the homepage)
Then you can specify descriptive information about your pages with contacts. This is useful for your business site. The types are:
  • contact Information
  • location
You can also describe films, audio or some other known object from the real world:
  • activities
  • businesses
  • groups
  • organizations
  • people
  • places
  • products and entertainment
If you have a Facebook profile you can put your ID. Thus the social networking will identify you as an administrator of the site.

How to integrate The Open Graph Protocol in your web pages?

01Add these two namespace schemes in the html tag on your site. It might look like this:

<html xmlns="http://www.w3.org/1999/xhtml"
xmlns:og="http://ogp.me/ns#"
xmlns:fb="http://www.facebook.com/2008/fbml">
02Add next four tags listed below. They are not mandatory but it is recommended to put them into your web page.

  • og:title - The title of your object;
  • og:type - The type of the object – movie, audio, places,businesses, ...
  • og:image - An image URL -  must be at least 50px by 50px,  PNG, JPEG or GIF format;
  • og:url - The canonical URL of the object;
<meta property="og:title" content="{TITLE}" />
<meta property="og:type" content="{TYPE}" />
<meta property="og:image" content="{IMAGE_URL}" />
<meta property="og:url" content="{CANONICAL_URL}" />
That is all you need to do. You can find more information and a list of all Facebook Share tags here .
Facebook provides a tool for testing Open Graph Protocol . You can use it to check how the information will be presented.
In conclusion, I would say that the use of Open Graph Protocol is a new beginning in the presentation of data on the Internet. Links to your site that are shared in Facebook will be displayed properly. Information will be presented as you wish. And search engines will thank you for the assistance, which lend.
A few days ago I published an extension for Joomla! which adds Open Graph data into the site content. If your site is based on Joomla! you can download ITPMeta and use it absolutely free.
Ref:-itprism.com

Thursday, February 21, 2013

Google authorship



Two simple steps:

  1. Create a Google+ Profile
    • Remember to upload a high quality headshot and fill out some profile information such as hometown, etc.
  2. Go to plus.google.com/authorship , sign up with your email and click on the verification link we send you.
If you don’t want to verify your email address, you can also link your content  to your Google profile.


Good for authors like you

  • New! See analytics  for your content in search.
  • Distinguish and validate your content in search results.
  • Get more followers on Google+.
  • Help readers discover your other content on the web.

Good for the web

  • Help users find high quality content on the web.
  • Empower them to engage with content authors through Google+.
For more information, visit our help center.
visit this  https://plus.google.com/authorship



Saturday, February 16, 2013

Php Frameworks



What exactly is a framework?


So what is a PHP framework? Essentially, it’s a set of PHP classes and functions that developers adhere to when developing a site. The MVC paradigm can be viewed as an extension to templating engines. Here is a quick explanation:
  • Model: The model contains the server business logic code. This usually involves the reading and writing to a database in addition to some pre- or post-processing. For example: ‘A user enters a comment, but before we insert it into the database, we need to do a spam check with akismet.com; if it passes we can do the insert.’
  • View: This is where you present the output to the user in a particular format, most often HTML markup, although it can be the JSON or XML format. For example: ‘We need to display all the comments for a forum topic, the model fetches all the comments and are then read and formatted by the view.’
  • Controller: The controller is essentially the manager. It first intercepts the URL, then calls the correct models and views before presenting it to the browser, mobile device or an API caller. For example: ‘In displaying all the comments for a topic, the controller makes the actual call to the model and then passes the model data to the view, which then generates the HTML output. This generated view is then shown to the calling browser by the controller.’
 
There are many frameworks available. Sites such as PHP Frameworks  make it easy to compare and contrast so you can pick the right one for your needs

Friday, February 15, 2013

install nginx on windows



LEMP (Linux, Nginx, MySQL, PHP) server is extremely powerful setup behind any website or web based service.  

This guide (more specifically this guide parts) try to explain in more detail LEMP (Linux, Nginx, MySQL, PHP (PHP-FPM)) server environment installation. This howto can be used to pre-installed Linux, and instructions can be used for various Fedora and Red Hat based Linux distros with YUM. 

LEMP (Linux, Nginx, MySQL, PHP) is a compatible alternative to the “LAMP” (Linux, Apache, MySQL, and PHP). The LEMP replaces the Apache web server component with nginx which can increase the ability of the server to scale in response to demand. 


we can install and download it from 
  • http://code.google.com/p/windows-nginx-mysql-php/
  • http://nginx.org/en/download.html   [Official ]

Thursday, February 14, 2013

50 Illustrator Tutorials Every Designer


Adobe Illustrator can be a little tricky to get your head around, particularly after getting used to the workflow of applications such as Photoshop. The differences between layer use and the creation of objects and shapes can be really strange at first hand. Luckily there’s a range of help available for free online in the form of tutorials. Here is my collection of hand-picked articles from various sites that every designer should see, whether you’re a beginner or advanced user, there will be something here for you!

Vector Tracing a Photo

Illustrator tutorial

Create the Photoshop CS2 Splash Graphic

Illustrator tutorial

Illustrating a Summer Field Landscape

Illustrator tutorial

How to Turn Glasses into a Great Geek Icon

Illustrator tutorial

Create a Vector Film Slate Icon

Illustrator tutorial

A Guide to Illustrator’s Paintbrush Tool and Brush Panel

Illustrator tutorial

A Guide to Illustrator’s Blend Tool

Illustrator tutorial

How to Create a Cute Bunny Vector Character

Illustrator tutorial

Design with Swirls and Flourishes

Illustrator tutorial

Swirl Mania in Illustrator and Photoshop

Illustrator tutorial

Designing a Sleek Pencil Icon

Illustrator tutorial

Illustrator Watercolour Brush Tutorial

Illustrator tutorial

Creating a Vector Folder Icon

Illustrator tutorial

Adobe Illustrator Cartoon Snail Tutorial

Illustrator tutorial

Creating Vector Graphic Circles

Illustrator tutorial

How to Make a Map in Illustrator

Illustrator tutorial

Creating Convincing Characters

Illustrator tutorial

Creating a Crazy Cool Logo

Illustrator tutorial

Draw Your Own Vector Self Portrait

Illustrator tutorial

Create a Vector Cartoon Character

Illustrator tutorial

Guide to Illustrator’s Pen Tool

Illustrator tutorial

From Sketch to Vector Illustration

Illustrator tutorial

Create the Design Float Circle Icon

Illustrator tutorial

Illustrator 101 – Opacity Masks

Illustrator tutorial

Create a Vector Home Cinema Design

Illustrator tutorial

Creating a ribbon in Adobe Illustrator

Illustrator tutorial

Recreate the Obama Logo in Illustrator

Illustrator tutorial

Create the Perfect Diamond in Illustrator

Illustrator tutorial

Old School Type with Line Gradients

Illustrator tutorial

Simple organic shapes the Illustrator way

Illustrator tutorial

Learn Illustrator CS3 in 30 Days

Illustrator tutorial

Creating a Friendly Green Type Treatment

Illustrator tutorial

Blueprint-Style Text in Adobe Illustrator

Illustrator tutorial

Building a Website Wireframe in Illustrator

Illustrator tutorial

Create an envelpe icon with a satin feel

Illustrator tutorial

How to Create Anatomy Illustrations in Illustrator

Illustrator tutorial

Illustration 4 Pt Series – From Sketch to Finish

Illustrator tutorial

Create Sketchy-Style Vectors

Illustrator tutorial

Create Vector Japanese Style Tattoos

Illustrator tutorial

Create a Tasty Skate Deck Graphic

Illustrator tutorial
Just in case you didn’t know, I also have a collection of Illustrator tutorials right here on Blog.SpoonGraphics, to finish off the last 10 here’s some shameless self promotion of Illustrator turorials of my very own!

Create a Vector RSS Icon with Illustrator

Illustrator tutorial

Create a Vector Pirate Cartoon Character

Illustrator tutorial

Vector Monster Character Illustrator Tutorial

Illustrator tutorial

Create a Colourful Abstract Wavy Ribbon

Illustrator tutorial

Translucent IM Style Illustrator Icon Tutorial

Illustrator tutorial

Create Your Own Spoof Airplane Safety Illustrations

Illustrator tutorial

How to Create a Vector iMac Graphic in Illustrator

Illustrator tutorial

How to Create a Vector Safari Compass in Illustrator

Illustrator tutorial

Illustrator Tutorial – Create a Blissful Vector Scene

Illustrator tutorial

Create a Themed Repeating Pattern in Illustrator