arkadaşlar internette dolaşırken başka bir siteye rastladım çok hoşuma gitti youtube
la alakalı arama yaparken rastladım google.com.tr de siteden beğendğiniz videoyu anında indirebiliyorsunuz. Tek yapmanız gereken youtube video indir
buraya tıklayıp sitenin üst kısmında yeralan ekletiye youtube video indirme kısmına videonun linkini yapıştırıp indir butonuna basmak, keyifli saatler...
arkadaşlar internette dolaşırken bir siteye rastladım çok hoşuma gitti facebook
la alakalı arama yaparken rastladım google.com.tr de siteden beğendğiniz videoyu anında indirebiliyorsunuz. Tek yapmanız gereken facebook video indir
buraya tıklayıp sitenin üst kısmında yeralan ekletiye facebook video indirme kısmına videonun linkini yapıştırıp indir butonuna basmak, keyifli saatler...
Looking for a freelance web designer job that is currently in big demand? Ever since Facebook was opened to developers, a big market has grown for custom apps. If you want to jump on the bandwagon for custom Facebook applications you can wind up using your web design skill in ways you never thought of, but first you need to learn the Facebook Markup Language or FBML. This language allows you to create applications that tie directly into the Facebook experience, including FB profiles, feeds and more.
FBML is a modified version of HTML with some features discarded and other, Facebook-specific attributes added. Some CSS attributes are deleted for security reasons, and FBML has a set of unique tags you will be required to learn to create apps properly. If you are already familiar with Facebook, you’re one step ahead of the game; learning FBML can give you much more flexibility and opportunity to score freelance web designer jobs or create and market your own apps.
This is a how-to article on expanding your Facebook Fan Page by using the application Static FBML which allows you to add new “application tabs” to your tabs or box which can incorporate CSS, HTML, Facebook’s flavor of JavaScript, FBJS, and Facebook’s mark-up language FBML. FBML has greatly expanded what is possible on Facebook pages and, if you’re sufficiently skilled with CSS/HTML and, optionally, FBML, you can make some really fine looking fan pages.
Two examples of what we’ve done at HyperArts: Our Facebook Page and Skis on the Run, one of our clients.
What follows is a detailed guide to installing and working with Static FBML. I would also recommend Jesse Stay’s excellent book, FBML Essentials: Facebook Markup Language Fundamentals, published by O’Reilly. You’ll find it indispensable.
So let’s get started!
PLEASE NOTE:
* Static FBML can only be added to Facebook Fan Pages (aka Public Profiles, aka Business Pages);
* You CANNOT auto-run JavaScript in an FBML page – it must require a user action; you can also use FBJS (Facebook JavaScript);
* You SHOULD NOT use a tag — it works in most browsers, but NOT in Internet Explorer (of course); you can, however call an external style sheet via
(Read this post about the difference between Internet Explorer and other browsers regarding Static FBML and CSS…);
* Maximum width of FBML page is 760px (However, Facebook has announced this will be reduced to 520px in later 2009/early 2010.);
* Include ONLY the HTML/CSS that’s between the and tags; NO , , or meta tags;
* In order to add applications to your Fan Page, you MUST have a personal profile associated with the Page as an Administrator; the Admin can add apps when logged in.
Adding Static FBML to your Public Profile (Fan Page)
1. Click “Edit Page” under the Page’s large avatar image;
2. Under “Applications,” under “More Applications” click the pencil/edit icon and select “Browse more”;
3. Under “All Applications” in the left column, enter “static fbml” (without quotes) into the search field and hit your enter/return key;
4. Go to the Static FBML application from the search results page (it should be the only result);
5. Click “Add to my Page” in the left column;
6. You have successfully added Static FBML to your Page.
Adding Your FBML Box or Tab to Your Public Profile Page
* click on “Edit Page” in the left column right under the logo/avatar;
* Find the “Static FBML” link, click “Edit”;
* enter the name you want to appear in the box heading in the “Box Title” field;
* enter the HTML or FBML content in the “FBML” field;
* if you want your FBML box to appear in the left column of your Wall, set the width to 180px (View the example on our Facebook Fan Page — “HyperArts Websites & Projects“);
* if you want it to appear in the tabs in the main Wall column, 520px is the width that Facebook will allow beginning in “early 2010″ according to their Developer Roadmap. (View the HyperArts Fan Page example — the “HyperArts” tab);
* when you’ve added in your HTML/FBML — there doesn’t appear to be a “preview” function — click “Save Changes”;
Having Your FBML Appear Either in the Tabs or Left Column
* On your Page’s main page, click “Edit Page” under the logo/avatar;
* Locate the FBML application (it will be called whatever you entered into the Box Title field, plus “FBML”), and click “Application settings”;
* Make sure “Box” is “added” and “Tab” is “added” and click “okay”;
* Click on the “Boxes” tab on your Wall (at the top of the center column);
* to have the FBML box appear in the left (narrow) column of your Wall, locate the FBML box on the Boxes page, click on the edit/pencil and select “Move to Wall Tab”;
To have it appear in the Boxes tab at the top, go to the FBML box you created in your left column, click the edit/pencil and select “Move to Boxes tab”;
Creating Additional FBML Boxes
* Click “Edit Page” under the logo/avatar of your Fan Page;
* Locate the FBML box you have created;
* Click “Edit”;
* Below the fields for the box you created, locate and click “Add another FBML box”;
I added a Box to our HyperArts Page, called “Websites” (down the left column) and included some URLs relevant to the HyperArts brand. I did some quick customization utilizing HTML markup (haven’t yet checked out FBML – that’s next). I also added a second FBML page added as a Tab at the top called “Portfolio.”
Someone have asked how to add multiple videos to their Static FBML tabs, and have them display in rows, side by side.
You can create a YouTube channel or playlist of videos and embed that in your Static FBML tab, but if you want to show individual videos (or Flash) on your Static FBML tab, and be able to have them align horizontally, here’s how:
In my example, each row will be inside the “multivideos” DIV and contain the two videos, each in a separate DIV. I recommend limiting the width of your videos to 250 pixels so that two can fit inside a 520-pixel container (the anticipated new maximum width of application tabs, such as Static FBML).
If you want more videos in a row, you’ll need to adjust the width of the videos, as well as change the width values of the CSS classes.
As shown in the code below, you need to first create a few CSS classes which you will set in your tab:
<style type="text/css">
.videorow { width:520px; clear:both; margin-bottom:5px;}
.video1 { float:left; width:250px;}
.videos { float:left; width:250px; margin-left:5px;}
.clear { font-size: 1px; line-height: 1px; height: -1%; clear:both; }
</style>
<div>
<div>
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/qrO4YZeyl0I&hl=en_US&fs=1&autoplay=1'
imgsrc='http://i567.photobucket.com/albums/ss117/hyperarts/click-to-play.gif' width='250' height='150' />
</div>
<div>
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/1mB0tP1I-14&hl=en_US&fs=1&autoplay=1'
imgsrc='http://i567.photobucket.com/albums/ss117/hyperarts/click-to-play.gif' width='250' height='150' />
</div>
<p></p>
</div> <!-- END videorow -->
<div>
<div>
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/bESGLojNYSo&hl=en_US&fs=1&autoplay=1'
imgsrc='http://i567.photobucket.com/albums/ss117/hyperarts/click-to-play.gif' width='250' height='200' />
</div>
<div>
<fb:swf
swfbgcolor="000000" imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/v/-7NoOhmVMac&hl=en_US&fs=1&autoplay=1'
imgsrc='http://i567.photobucket.com/albums/ss117/hyperarts/click-to-play.gif' width='250' height='200' />
</div>
<p></p>
</div> <!-- END multivideos -->
<object width="416" height="337"><param name="movie" value="http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8PvopkXZyiXyT0J8U47lw7x5Fc="></param><embed src="http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8PvopkXZyiXyT0J8U47lw7x5Fc=" type="application/x-shockwave-flash" width="416" height="337"></embed></object>
<fb:swf
swfbgcolor="000000"
imgstyle="border-width:3px; border-color:white;"
swfsrc='http://www.youtube.com/cp/vjVQa1PpcFNbP_fag8Pvon-YFxwXVQJTFzsNmHqblLI='
imgsrc='http://www.hyperarts.com/facebook/umf/click-to-play.gif' width='492' height='391'/>
In editing the HubSpot Facebook Page yesterday, I discovered a loophole that allowed me to pass SEO credit from links in Facebook FBML applications.
What happend???
In an effort to make the HubSpot Facebook Page more interesting, engaging, and, yes, lead generating, I finally decided to custom code some marketing offers for our Page.
Some time ago, Facebook added the functionality to allow Pages to add custom content via applications that essentially serve as a blank canvas you can code with HTML or FBML (Facebook Markup Language).
While updating the custom code for our Page, I discovered that the links I added were passing SEO (search engine optimization) credit to our website!
What does this mean?
For any of you SEO newbies, the quantity and quality of links into your website are a major determinant of how well your website ranks in search engines. And a link from Facebook – a domain with great reputation and lots of SEO juice – is an incredibly high quality link. Review the basics of search engine optimization to learn more about the value of link love.
So what?
This is the first case of Facebook providing SEO credit to links from within Facebook, and very likely a loophole that Facebook didn’t catch. Allowing follow links in a powerful site like Facebook could encourage some black-hat SEO folks to start spam link-building. To avoid that, most links in Facebook are either:
(1) “No Follow” Links – The link is tagged in such a way to tell search engines not to pass any link love to the linked-to site.
(2) Redirects – Facebook first takes you to a page that warns the user that they are about to leave Facebook.
How do I get a link from Facebook?
Anyone with a Page on Facebook can code a link to their website. All you need to do is add one of the FBML applications to your Page (search for FBML in the Facebook search box to find one of the applications) and edit the application box to add your code (you’ll need to know basic HTML).
The FBML application is actually quite powerful – beyond just adding links to your website – this functionality allows you to hard code a custom box or tab to further engage fans on your Page. If you feel limited by the third party applications and current Facebook Page functionality, the custom FBML application gives you a lot of flexibility in terms of the content and features you can add to your Page.
All this said, Facebook is pretty darn smart and will very possibly correct this loophole.
UPDATE: Facebook now has made links from FBML boxes “no follow” links. While FBML applications no longer give SEO credit, they are still great opportunities to create custom interesting content for your fans!
If your blog or website offers subscription via email, an additional place to find subscribers is within the Facebook network. Fans that stumble upon your page, or are invited by others may want to add themselves to your subscriber list directly from you page, without visiting your site. Using the code that your newsletter provider gave you, you can easily create a newsletter tab with a subscribe box. Whilst this isn’t strictly FBML (its just HTML) – its an easy way to increase your reach and exposure on the cheap. FBML needed. Something similar to below. This is what I’m using folks.
1. <form action=”http://feedburner.google.com/fb/a/mailverify” method=”post” target=”popupwindow” onsubmit=”window.open(‘http://feedburner.google.com/fb/a/mailverify?uri=WebDesignInIrelandBlog’, ‘popupwindow’, ’scrollbars=yes,width=550,height=520′);return true”>
2. <p>Enter your email address:</p>
3. <p><input type=”text” style=”width:140px” name=”email”/></p>
4. <input type=”hidden” value=”WebDesignInIrelandBlog” name=”uri”/>
5. <input type=”hidden” name=”loc” value=”en_US”/>
6. <input type=”submit” value=”Subscribe” /> </form>
One of the main benefits of being on the Facebook platform is the ability for viral sharing to take place amongst participants in the network. To encourage your business page to be shared with others you can implement a Facebook “multi-select” box, all within the static FBML box. This will loop through the current users friend list, allowing them to select who they want to share the fan-page with when they click send. You might want to put this under a “Spread the word” type tab to increase your reach.
Update. Some people have reported problems with this code. From what I can remember, it worked previously – so unless FB have changed things. Anyway – I’m using the below successfully now. Don’t for god’s sake copy and paste, examine the code, and type it exactly. Wordpress makes a mess of single quotes which won’t work inside Facebook. I will get around at some stage to ammending this, but for now take care and try and understand what you are using. If all else fails, consult the Facebook documentation, or leave a comment here, which I’m more likely to respond to. I’ll not be replying to personal emails asking for help.
<fb:fbml>
<fb:request-form method=”POST” type=”Webdistortion” invite=”true” action=”http://www.facebook.com/multi_friend_selector.php” content=”Become a fan of Webdistortion!<fb:req-choice url=’http://www.facebook.com/webdistortion’ ‘ label=’GO’ /> “>
<div style=”padding-bottom: 10px;”>
<fb:multi-friend-selector condensed=”true” style=”width:80%;” />
</div>
<fb:request-form-submit />
</fb:request-form>
<fb:fbml><fb:request-form method=”POST” type=”Webdistortion” invite=”true” action=”http://www.facebook.com/multi_friend_selector.php” content=”Become a fan of Webdistortion!<fb:req-choice url=’http://www.facebook.com/webdistortion’ ‘ label=’GO’ /> “><div style=”padding-bottom: 10px;”><fb:multi-friend-selector condensed=”true” style=”width:80%;” /></div><fb:request-form-submit /></fb:request-form>
1. <fb:request-form method=”post”
2. type=”Your Fan Page Name Here.”
3. invite=”true”
4. content=”Check out Your Fan Page Name Here on Facebook!<fb:req-choice url=’YOUR FAN PAGE URL here’ ‘ label=’GO’ /> “>
5. <fb:multi-friend-selector actiontext=”Tell your friends about us rows=”3″ showborder=”true” /> </fb:request-form>
Multimedia objects such as flash, video and images can also be easily added to Fan Pages. If for example you wanted some flash video, or embedding of a flash game, the FB:swf, and FB:flv are perfect candidates. More details on the format of the API request available here for FLV and here for SWF. FBML needed (Flash object).
<fb:swf swfbgcolor=”ffffff” swfsrc=’http://www.yoursite.com/flash.swf’ width=’380′ height=’250′ />
(FLV video)
<fb:flv src=’http://www.yoursite.com/video-gallery/video.flv’ />
(Image)
1. <fb:photo pid=”12345″ />
2. <img src=”http://www.yoursite.com/image.jpg” />
A great social media campaign should focus on measurement over reach. One of the easiest ways to take a look at the data provided via a Facebook page is via Google Analytics. Thankfully, inclusion on an existing static FBML page is particularly easy. Here’s the code you need. Obviously, just replace the uacct with your own account ID to start collecting data about your page. FBML needed
<fb:google-analytics uacct=”UA-9999999-99″ />
You can easily add random messages to your Facebook page. You may for example, want to experiment with multiple calls to action – or offer multiple promotions to your audience. The Facebook Random tag lets you achieve that, without any programming. Here’s how:
FBML code
1. <fb:random>
2. <fb:random-option weight=”2″>A: This will be shown 2 times as often as B.</fb:random-option>
3. <fb:random-option weight=”1″>B: This will be show half as often as A</fb:random-option>
4. </fb:random>
