Arkadaşlar ben şimdi size FBML(Facebook Markup Language) kodları hakkında bilgi vericem .Facebook un kendi geliştirdiği bir dil yapısıdır. Ne işe yararlar? En çok kullanım alanları Facebook sayfalarıdır.Neresinde bu sayfaların dersek sol köşede sayfa kurucuları , menü , iletişim bölümü vardır.

Resimdeki gibi :

Aslında oradada HTML , Sprict kodları kullanılıyor ama anlamadım  . Bilen yazsın Neyse dönelim konuya ben size bu kutuların nasıl yapıldığını anlatıcam .

Sizin için videolar buldum izleyin ve uygulayın . Eğer yapamazsanız iletişim bölümünden beni online yakalamanız yeterli.

Kodlar :

Resim Ekleme :  <a href=”Tıkınca Acılak url” target=”_blank”><img src=”resmin url si” width=”genişlik” height=”uzunluk” alt=”not eklemek istersen notun” border=”0″ > <br> <a href=”Tıkınca Acılak url” target=”_blank”><img src=”resmin url si” width=”genişlik” height=”uzunluk” alt=”not eklemek istersen notun” border=”0″ >

Resim ekleme :

<img src=”resmin url si” width=”genişlik” height=”uzunluk” alt=”not eklemek istersen notun” border=”0″ >

MP3 Çalar :

<fb:mp3 src=”Mp3 urlsi” title=”mp3 adi” />

Daha Fazlası için :

http://www.facebook.com/profile.php?success=1&id=538969143#/fbmlyardim?ref=ts

Facebook Pages: a 101, customisation collection and the Static FBML app to start easily; http://j.mp/44JDro

Companies using a Facebook Page for their brand will want to check out this article on Mashable by Alison Driscoll.  It looks at some of the existing applications that can be used to improve the design of your page.   The Static Facebook Markup Language (FBML) gives you advanced functionality on your Page to add video, text, images, etc.

The following recorded webcast is part of Safari Book Online’s webcast series.

Do you have an idea for a Facebook application? Be a part of the social media revolution! This one-hour recorded webcast, presented by Safari Books Online, with FBML Essentials author Jesse Stay. You’ll learn how to easily build a Facebook application using Facebook Markup Language (FBML) and other easy-to-use tools in the site’s framework.

If you can develop a website with HTML, you can write a Facebook application with the help of this book; FBML is Facebook’s own modified version of HTML. Author Jesse Stay opens the door to a willing Facebook audience of 16 million users with an easy-to-use toolkit and the perfect guide to get you started – FBML Essentials!

Presented by: Jesse Stay
Duration: 57 minutes
Recording date: June 16, 2009

View webcast recording

I don’t know where else to turn to. I’m hoping there’s some wonderful FBML programmer out there who can help me…

Dear Facebook Developers and Programmers,

I am attempting to create a image button for a Facebook Page that will all users to suggest my page to their Facebook friends. Here is the code that I have so far:

<fb:fbml>
<fb:dialog id=”suggestion_dialog” cancel_button=1>
<fb:dialog-title>Suggest ChristianVolunteering.org to Friends</fb:dialog-title>
<fb:dialog-content>
<fb:request-form action=”http://www.facebook.com/pages/ChristianVolunteeringorg/156406630684″ method=”post”>
Select friends:
<fb:friend-selector width=”250px” border_color=”#000000″  />
</fb:request-form>
</fb:dialog-content>
</fb:dialog>
<a href=”#” clicktoshowdialog=”suggestion_dialog” style=”border-top: solid 1px”>
<img src=”http://www.urbanministry.org/imgs/Facebook_Buttons_Images/CVInviteYourFriendsButton.jpg”></a>
</fb:fbml>

I’m sure that I’m missing a few things, like a friends.get() command, but I’m not sure where it would go and how to implement it. Right now, the code works enough to get the Suggest box to show up, but it’s empty.

If you have any suggestions, I’d love to hear them. Thanks for your time!

Angepasster Reiter auf meiner Facebook-Fanseite

Dank eines Tipps von Andrea Vascellari bin ich auf die Anwendung Static FBML auf Facebook entdeckt. Fügt man diese Anwendung seiner Fanseite hinzu, kann man damit einen neuen Reiter (Tab) auf seiner Fanseite kreieren, der sich per html individuell gestalten lässt.

Bearbeiten lässt sich der Reiter über das fanseiten-Menü unter dem Profilbild “Seite bearbeiten”. Dann runterscrollen und den Abschnitt FBML suchen:

Über den blauen Stift am rechten oberen Ende dieses Abschnitts gelangt man zur Option “Bearbeiten”:

Klickt man diese an, erscheint ein Formular, über das man den neuen Reiter mit einem Namen versehen kann (“Titel des Feldes”).

Übrigens: Sobald man diesen Titel gespeichert hat, erscheint dieser auch im o.g. FBML-Abschnitt unter “Seite bearbeiten”. Aber das nur am Rande.

Zurück zum Formular: Hier kann man nun im “FBML”-Feld die gewünschten hmtl-Befehle eingeben und über “Änderungen speichern” veröffentlichen.

Wichtig ist, dass man nur mit div und untergeordneten Elementen arbeitet (da Facebook selbst ja schon einen body, head etc. pro Seite benutzt). Skripte werden laut Anwendungsbeschreibung nicht akzeptiert.

Weitere FBML-Reiter lassen sich übrigens von einem Link unter dem genannten Formular hinzufügen. diese landen jedoch – je nach Anzahl bereits vorhandener Reiter) u.U. auf dem “Felder”-Reiter.

Wie finden Sie diese Anwendung? Und falls Sie sie schon verwenden, welche erfahrungen haben Sie damit gemacht?

]]> http://baybedava.wordpress.com/2009/10/14/istanbuldan-facebook-gecti/ Wed, 14 Oct 2009 08:07:32 +0000 baybedava http://baybedava.wordpress.com/2009/10/14/istanbuldan-facebook-gecti/ http://selvabalaji.wordpress.com/2009/09/28/how-to-integrate-facebook-with-wordpress/ Mon, 28 Sep 2009 04:56:23 +0000 selvabalaji http://selvabalaji.wordpress.com/2009/09/28/how-to-integrate-facebook-with-wordpress/

How To Integrate Facebook With WordPress

Facebook is one of those Web phenomena that impress everyone with numbers. To cite some: about 250 million users are on Facebook, and together they spend more than 5 billion minutes on Facebook… every day. These numbers suggest that we should start thinking about how to use Facebook for blogging or vice versa.

We did some research to find out how the integration of Facebook with WordPress and vice versa works, or — in other words — how you can present your WordPress blog on Facebook or use the functionality of Facebook on your WordPress-powered blog. Both of these can be achieved with a set of WordPress plug-ins, a couple of which we’ll present here in detail.

1. Integrating A WordPress Blog Into Facebook

Integrating a WordPress blog into Facebook is actually quite simply achieved via the Facebook API. The Facebook API makes programming applications that can be spread via Facebook almost a piece of cake. A lot of interactive browser games are on Facebook, such as the currently popular “Mafia Wars.” This game allows users to start a mafia family with their friends, with the goal of becoming an important figure in the virtual underground crime scene. To start a clan, you invite other friends on the network to join. This is the growth strategy of any application on Facebook: the simple snowball effect.

The applications sustain themselves through earnings generated by displaying advertisements, which also makes Facebook an even more attractive platform to develop on. This symbiosis generates growth for both Facebook and its applications.
Plug-In Installation and Configuration

John Eckman developed the WordPress plug-in Wordbook in early 2009. This plug-in allows WordPress blog owners to integrate their blog in Facebook. This gives a blog two lives: one as an application on Facebook (such as, for example, my private FreigeistBlog)

To access a blog via Facebook, you need to first grant access to the application. To do this, go to the so-called “canvas” page, which is where the Facebook twin of the blog lives (my example). However, granting access to the blog’s application means that the administrator of the blog also has access to information about you as a user (this is what most applications aim for: information such as date of birth, gender and educational status allows them to display quite targeted ads).

The application we’re dealing with is a simple blog and, in this sense, quite innocent, but we should state outright that the Facebook API as it is now treats blogs and websites as applications, which may not be appropriate, given the issue mentioned above. Facebook users who authorize the blog application can now easly send comments and share posts from within Facebook. The data, however, is still stored in the original database on the server where the blog is installed.

This makes it look as though Facebook serves merely as a simple feed reader. Yet, we get some other benefits. The blog on Facebook can be used to create a community around it by taking advantage of Facebook’s snowball effect, because friends of the blog’s users will see in their activity stream that they have been participating on the blog. Furthermore, it means that Facebook users will see new posts from your blog whenever they sign in to Facebook and can easily follow comments, making your blog more accessible.

To create a Facebook twin of your blog, first you have to set up a new application. To do this, you need a Facebook account and have to register as a developer using the preceding link. All of this can be done in a few minutes.

Create a new Facebook application

Once you have agreed to the terms of use, give your application a name. Then you will receive your API key and a secret, which you will need later.

Settings for the Facebook application. Large view.

Then, you have to submit a so-called “post-authorize callback URL.” This is the address on your server to which Facebook will send a notice whenever a user authorizes access to the application. By the same logic, there is also the “post-remove callback URL,” which receives a notice when a user removes the application. Both of these events are handled by the Wordbook plug-in. You merely need to write the address of the blog’s root directory with a trailing slash.

Facebook application settings: Define callback URLs. Large view.

The third step is to claim your canvas page, which is the page through which a Facebook user accesses your blog, and a canvas callback URL, which is the page from which content is retrieved. Again, include a trailing slash, or else internal links on your blog won’t work with their Facebook twin.

Facebook application settings: Define canvas page. Large view.

Now you have some choices to make, namely, how to set up your canvas page. You have a choice between iFrame and FBML. FBML is a Facebook XML scheme with which you can use specific Facebook tags (such as tags to display user profiles). You can also use it to access certain Facebook procedures. However, the Wordbook plug-in works with iFrames, which allow Javascript and other tags, and which FBML does not support.

To distinguish between them rather crudely, you can say that iFrames give the developer more flexibility but, unlike FBML, restrict access to Facebook procedures. Another advantage of iFrames is that code that Facebook retrieves from the canvas callback URL need not be parsed by the FBML parser, which could yield a performance gain. With iFrames, only internal links on the blog need to be adjusted. And the “resizeable” option allows Facebook’s JavaScript code to adjust the size of the iFrame to Facebook’s layout.

Now the hard work is done. All that’s left is to install the Wordbook plug-in using the standard WordPress method: install and activate. Then you can change the plug-in’s settings on the settings panel, and here you will need your application ID and the secret. You also have to tell the plug-in where the canvas page is located, so that internal links can be adjusted.

Adjusting the settings of the Wordbook plug-in

And that’s it! If you want, you could activate or deactivate some other options, such as the commenting function and whether users can add your application to their profile by displaying the latest posts from your blog in their profile.

Browsing through the blog via Facebook. Large view.

The plug-in allows you to play around a little bit. But as we said, you are somewhat limited in how fully you can integrate your blog into the Facebook canvas. But the next plug-in we’ll look at integrates a bit of Facebook into your blog.

2. Integrating Facebook In A WordPress Blog

To begin, a little history lesson is needed. Many users do not like having to register for each blog where they would like to post comments, especially if they already have accounts on so many other social networks, such as Facebook and MySpace. So a single online ID for several purposes would be ideal, wouldn’t it? That’s the idea behind the OpenID protocol, which started in 2005. It decentralizes the identification of users for various providers and services. In essence, you can create an account on Facebook and connect it to services such as MySpace or even a personal blog. If you want to change your profile for all of these services, that too is decentralized: you simply change the settings on your Facebook account. OpenID is a chance to make the Web and its services more easily accessible. There are reasonable risks and concerns involved, but also many opportunities.

Facebook announced in 2007 that it would implement OpenID, and others followed, which explains why we now find more and more buttons that say “Connect with Facebook” or “Google Friend Connect.” This leads us to our second plug-in, Facebook Connect WordPress plug-in, which almost seamlessly integrates Facebook into your blog.

The plug-in allows users to comment on a blog using their Facebook account; and if they are already signed in or on Facebook, they need not sign in again. Users do not have to register for a unique account on the blog because the plug-in retrieves the user’s information directly from the Facebook API. With access to the user profiles on Facebook, you can display your users’ profile pictures, which adds a personal touch to your blog.

The plug-in integrates a lot of Facebook functions: for example, users can send invitations and share stories and comments on Facebook, which gives your blog the benefit of word-of-mouth marketing. To do this, you need to activate the plug-in option that publishes a user’s activity in their respective activity feed. Last but not least, you can enable a gadget that displays the profile pictures of your blog’s most recent visitors, similar to “Google Friend Connect.”

Pre-requisites: JavaScript, HTML, CSS, DOM, XHTML

Location: Hyderabad
Duration: 2 Days (16 Hrs.)
Date: 17th-18th Oct’09
Course fee: INR 5,000/- (Five thousand)

Course outline:

1. Introduction
2. Overview of Social Networking and related platforms
3. Keeping Facebook in perspective
4. A quick glance at Facebook user account
5. Overview of Facebook application development platform
6. Facebook application development process
7. Tools
8. Setting up the development environment
9. Understanding the app – “Hello World”
10. Canvas Vs. iFrame applications
11. FBML
12. FBJS
13. FQL
14. XFBML
15. Facebook APIs
16. Developing a canvas application
17. Developing an iFrame application
18. Debugging
19. Facebook Connect – Bring the social power of web to your website
20. Resources
21. Comparison of Facebook with other social networking platforms
22. Next step?

Registration: For registration and information about the payment, send an e-mail to ajit.kumar@walkingtree.in with the following subject: Facebook Training Registration

For corporate or group training and discounts, please write to ajit.kumar@walkingtree.in and mention your preferred date and number of participants.

Having trouble with your Facebook page? Recently we found that linked images in the Sydney, Australia page graphic were showing white spaces around the image blocks in Firefox and Flock, as below.

After searching through forums for a solution our esteemed Creative Director finally found one guy in India who had sorted it out. Genius!

The solution? Glad you asked.

Add your own CSS override. Applying the following resolves the issue:

<style type=”text/css”> img {    border: 0;    display: block; } </style>

Ta da!

Creative digital agency in London is currently looking for:

Facebook Developers, front end and back end developers.

* Preferably, experience in working in FBML (Facebook) within Facebook Developer application – http://www.facebook.com/developers/
* Comfortable working with HTML; PHP; MySQL; ASP.Net; Unix
* Will be required to build Facebook apps; Webpages; Data Capture; associated Db back-end.

Excellent rates

Send your CV to: neil@majorplayers.co.uk

It was about time and we finally decided to have a Sainsbury Library Facebook page. A recent survey showed that about 54% of the people sharing information between them online share it through facebook, much higher than twitter or blogging or email.

For us, we needed a simple page for our presence, but with some additional features, like a new tab for “Library Access” information and some decent looking boxes in our “boxes” tab, which all look the same and are not dependent on the author of the application.

We were also thinking of some customization power over the text we add. As a result, we used FBML static application which lets you write FBML and put it either as a box in the “boxes” tab or to create a new tab.

Here is our resulting page. If you visit it, please feel free to let us know what you think about it, and feel free to become a fan if you find it useful.

Sainsbury Library, Oxford’s Facebook Page

Cheers.

http://apps.facebook.com/pdg-feed-the-fish/

As usually, I’ve switched what I’m doing again.

Facebook is primarily filled with pointless diversions, much like television, podcasts, the internet in general, and all of the other various forms of mass media.

So I decided to contribute with Feed The Fish!

I originally started out with an idea to make the simplest, most inane, pointless, fluffy “game” I could.

Text based virtual pet fish was the best I could come up with.

I started it out with simply feeding your fish, and having the fish die or starve depending on the amount and frequency of the feeding.  The fish are theoretically immortal (although due to limitations with PHP, living past the year 9999 will be something of a problem).  As the fish corpses pile up, this is tracked and reported to the player.

After showing it to my wife, she had a couple of ideas to refine and improve the game.

I will mention the ones that I have already put into the game.

First, I had no indicator as to when the fish was last fed.  This has been fixed.  Previously, the only way of knowing the status of your fish was to overfeed it slightly until the description of the fish changed.

Also, one can now name any new fish, although I realize now that I have no way of letting the player name the initial fish, so I’ll need to fix that.

I personally have overfed 8 fish, mostly to test the various code paths.

Javascript is written in  an especially convoluted mix of FBML, HTML, Javascript, php, using Ajax and JSON.  It is also especially un-secure, so for future things I’m starting to look into FBJS.

At this point, I’m attempting to do a couple of things with FTF:

1. get to five users on  facebook, so that I can submit to the directory(currently have 4, only need 1 more)

2. get some cheesy art for the icons and in-game fish status visuals (my wife has volunteered)

I aspire to be a counter-culter game artist, who deliberately writes awful games and gamelike applications in order to point out the futility and stupidness of writing awful game and gamelike applications.

Either that, or I just write awful games.

That’s part of the beauty… no one can really tell the difference!

The widgetbox widget is still in process of being approved.

Also, I only just today realized that widgetbox cannot make facebook applications at the moment.  Fortunately, my two fb apps though there are still alive and well on fb.

So, I have moved HTW to a place on playdeez.  Likely, I’ll just facebook-ify it myself, since I have spent the 15 requisite minutes learing FBML, which is an awful like HTML with a number of “fb:xxx” tags replacing the otherwise well known tags.

I think all of us know about facebook. A social networking site. Accoriding to Global Alexa page ranking Facebook postion is 5th. In my point of view, the best part of the facebook is facebook developer app. Its makes FaceBook more different and resouceful for developer.

Yestarday night I have spent some hours in FB APP. And I found some interesting and enjoyble variant-evolved subset of HTML FBML (FaceBook Markup Language), FBJS (FaceBook JavaScript) . I have developed a musical App which is
FS MUSIC MANIA. This is a musical application. People can listen music by using this app.

FS MUSIC MANIA Home page

You can invite your friend. I have used FBML tag <fb:multi-friend-selector> Which will allow you to invite multiple friend.

Invite your friend

You can also add a profile box for FS Music Mania, in to your profile.
For this purpose simple need to add

$facebook->api_client->profile_setFBML(NULL, user_id, ‘profile’, NULL, ‘mobile_profile’, ‘profile_main’);

Then it will be like this………….(pic from fsmania)

Profile Box for FS Music Mania

So, Keep rocking with music and give me your feedback about FS Music Mania.
http://apps.facebook.com/fsmania/