<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>The Early Blogger &#187; Codes for Website</title>
	<atom:link href="http://www.earlyblogger.com/category/codes-for-website/feed" rel="self" type="application/rss+xml" />
	<link>http://www.earlyblogger.com</link>
	<description>Early Blogger Catches The Best World</description>
	<lastBuildDate>Tue, 13 Dec 2011 06:31:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Facebook API to access User Activity (Lifestream)</title>
		<link>http://www.earlyblogger.com/facebook-api-to-access-user-activity-lifestream.html</link>
		<comments>http://www.earlyblogger.com/facebook-api-to-access-user-activity-lifestream.html#comments</comments>
		<pubDate>Thu, 30 Apr 2009 13:16:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Codes for Website]]></category>
		<category><![CDATA[facebook]]></category>
		<category><![CDATA[Tech News]]></category>
		<category><![CDATA[Facebook API access Lifestream]]></category>
		<category><![CDATA[Facebook API to access User Activity]]></category>
		<category><![CDATA[Facebook Open Stream]]></category>
		<category><![CDATA[Facebook Open Stream API]]></category>
		<category><![CDATA[facebook stream]]></category>
		<category><![CDATA[lifestream]]></category>
		<category><![CDATA[stream api facebook]]></category>

		<guid isPermaLink="false">http://www.earlyblogger.com/?p=219</guid>
		<description><![CDATA[Facebook Open Stream API now available. Another important step toward greater openness through Facebook Platform.The following shows an overview of the services offered: The design of this Facebook service has followed standard Activity Stream, which have been a working definition. Saying how important it is to follow a standard. You can access information from the [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> Facebook Open Stream API now available. Another important step toward greater openness through Facebook Platform.The following shows an overview of the services offered:</span></p>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
<ul style="margin-top: 0in;" type="disc">
<li class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">The      design of this Facebook </span><span style="font-size: 10pt; font-family: Verdana;">service </span><span style="font-size: 10pt; font-family: Verdana;">has followed standard Activity Stream,      which have been a working definition. Saying how important it is to follow a      standard. </span></li>
</ul>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
<ul style="margin-top: 0in;" type="disc">
<li class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">You      can access information from the stream of users through a set of      predefined methods in the API, or else through FQL tables (for more      flexibility). </span></li>
</ul>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
<ul style="margin-top: 0in;" type="disc">
<li class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">It      allows to consult the user activity, such as stream update (add entries to      the sequence of activities). The power update stream from an application,      to avoid the use of screens confirmation of publication in the feed (it      published in a transparent way for the user). </span></li>
</ul>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
<ul style="margin-top: 0in;" type="disc">
<li class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Both      to consult and to update the user will have to give permission to each      application you want to use this service. </span></li>
</ul>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
<p class="MsoNormal" style="text-align: justify;"><strong><span style="font-size: 10pt; font-family: Verdana;">Screenshot to allow access to the stream:</span></strong></p>
<p class="MsoNormal" style="text-align: center;"><span style="font-size: 10pt; font-family: Verdana;"><img class="size-full wp-image-220 aligncenter" title="facebook-open-stream" src="http://www.earlyblogger.com/wp-content/uploads/2009/04/facebook-open-stream.jpg" alt="facebook-open-stream" width="474" height="411" /></span></p>
<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">For more information about the facebook API service <a href="http://developers.facebook.com/news.php?blog=1&amp;story=225" target="_blank">check here</a>.<br />
</span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.earlyblogger.com/facebook-api-to-access-user-activity-lifestream.html/feed</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Learn How to Embed Almost Anything in your Website</title>
		<link>http://www.earlyblogger.com/learn-how-to-embed-almost-anything-in-your-website.html</link>
		<comments>http://www.earlyblogger.com/learn-how-to-embed-almost-anything-in-your-website.html#comments</comments>
		<pubDate>Wed, 07 Jan 2009 01:13:59 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Codes for Website]]></category>
		<category><![CDATA[Embed Almost Anything in your Website]]></category>
		<category><![CDATA[Embed RSS Feeds in Web Pages]]></category>

		<guid isPermaLink="false">http://www.earlyblogger.com/?p=50</guid>
		<description><![CDATA[You might wanted your Web blogs to be more interesting and exciting to look at thatâ€™s why you keep embedding lots of photos, videos, slideshows, mp3s, maps and many more. But sometimes you canâ€™t find the right scripts or html codes on how to embed all of this in your website. Worry no more, because [...]]]></description>
			<content:encoded><![CDATA[<p class="MsoNormal" style="text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">You might wanted your Web blogs to be more interesting and exciting to look at thatâ€™s why you keep embedding lots of photos, videos, slideshows, mp3s, maps and many more. But sometimes you canâ€™t find the right scripts or html codes on how to embed all of this in your website. Worry no more, because hereâ€™s how to Learn how to embed almost anything in your HTML web pages from Flash videos to Spreadsheets to high resolution photographs to static images from Google Maps and more.</span></p>
<p><strong><span style="font-size: 10pt; font-family: Verdana;"> Embed RSS Feeds in Web Pages</span></strong></p>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><a href="http://www.earlyblogger.com/wp-content/uploads/2009/02/embed-rss-feeds.gif"><img class="size-full wp-image-94 alignleft" title="embed-rss-feeds" src="http://www.earlyblogger.com/wp-content/uploads/2009/02/embed-rss-feeds.gif" alt="" width="141" height="130" /></a><span style="font-size: 10pt; font-family: Verdana;">Go to this page, replace the feed URL with your own feed, use the default color scheme or change it to something else and then click Get Code. Youâ€™ll get a JavaScript snippet that can be easily placed in the sidebar of your blog.</span></p>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">If you like to embed feeds from multiple sources, merge all of them into one using Yahoo Pipes and then pass the combined feed to the Google Gadget. You can also use RSS widgets like WidgetBox or YourMinis that are done in Flash and not JavaScript.</span></p>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><span id="more-50"></span></p>
<p class="MsoNormal" style="margin-left: 0.25in; text-align: justify;"><strong><span style="font-size: 10pt; font-family: Verdana;">Embed MP3 music and other Audio</span></strong></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">If you like to embed audio files like songs, podcasts or interviews in your web pages, use Yahoo! Media Player &#8211; its a free Flash music player that automatically detects all links to MP3 files in the current web page and turns them into a music player. Another alternative is the Google MP3 Player.</span></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed other audio formats like 3GP, Midi, Real or Windows Media, it may be a good idea to convert these files into MP3 using Zamzar so that they play on almost any web browser.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Flickr Photos and Slideshows</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed an individual Flickr photograph in your blog, click the &#8220;Share This&#8221; link (available next to the photo title) and choose embed it. Flickr requires that the embedded image should link back to Flickr and this built-in embed option automatically takes care of that requirement. (see example)</span></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed a Flickr photo slideshow in your web page, open any Slideshow in a new page (see example) and choose &#8220;Customize HTML&#8221; from the embed option (see example). Here you can specify a custom size for your Flash slideshow so that it fits just right into your web page.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed High Quality or HD YouTube Videos</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed a high resolution version of YouTube clip in your web pages, first make sure that â€œWatch in High Qualityâ€ or â€œWatch in HDâ€ link exists next to the YouTube player as most videos are only available in standard format.</span></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Next copy the YouTube embed code and append &amp;ap=%2526fmt%3D18 (for high quality) or &amp;ap=%2526fmt%3D22 (for 720p High Definition) to the URL value of the movie parameter (both instances).</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Picasa Web Albums</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">When you open a photo album inside Picasa, click the link in the right sidebar that says &#8220;Link to this album&#8221; and choose &#8220;Embed Slideshow&#8221;. You can use the same approach to embed individual photographs that are available inside Picasa.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Events from Google Calendar</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Click the drop-down arrow next to any Google Calendar and select Calendar settings. Open the Google Embeddable Calendar Helper program by clicking the customize button and choose elements that you want to display or hide in the calendar.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Very Large Photographs</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed really large images in your blog, you may either use Deep Zoom or the Google Maps viewer. These programs break your photographs in small tiles and you can even pan / zoom across these images very similar to the default interface of Google Maps.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Charts and Graphs in Web Pages</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">My personal favorite is Zoho Sheet â€“ any chart created inside Zoho Sheet can be published as an external image without exposing the full spreadsheet. If you are interested in creating charts with low volume of data, use Google Charts. </span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed GIF Animations and Screencasts</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">GIF animations (see example) are a perfect way to embed short screencasts in web pages as they require no plugins and auto-play inside feed readers. You should upload GIF files to your Flickr account as it preserve all the frames while lot of other image hosting website will drop anything after the first frame.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Word Documents</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Upload your document to Scribd and theyâ€™ll give you the embed code in Flash. Scribd supports both doc and the new Office 2007 docx format in addition to Open Office documents. Even Barack Obama is using Scribd to upload his public documents and upcoming plan.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed PowerPoint Presentations</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">While the popular choice is Slideshare, you should also consider using Issuu (best web application) for presentations that are either large or formatted in the form of magazines or catalogues (see example). The only downside is that Issuu accepts PDFs so you need to convert the presentation before uploading onto Issuu.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Spreadsheet Data</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Both Zoho Sheet and Google Docs allow you to publish a range of cells from a spreadsheet into a web page but the embedding process in Zoho is less complicated &#8211; select a range and choose &#8220;Publish&#8221; from the contextual menu to embed that range into your web page.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Adobe PDF Files</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">To embed PDFs in a web page, you can either use Issuu (for magazine style PDFs) or Scribd for PDFs has either have lot of text or have a top-to-bottom reading layout similar to Word documents.</span><strong></strong></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><strong><span style="font-size: 10pt; font-family: Verdana;">Embed Flash (SWF) or Flash Video (FLV)</span></strong></p>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">The best option to embed Flash content is via swfobject. It improves the overall user experience by providing alternatives in case Flash is missing and your Flash content also becomes more searchable. This tutorial has all the files and other details to help you get started with SwfObject 2.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed LinkedIn Profile</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">If you wish to display your LinkedIn profile in the sidebar of your blog, try LinkInABox. People (site visitors) can read a summary of your LinkedIn profile without leaving the site.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Google Maps in Web Pages</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Embedding a Google Map in your website is now almost as easy as adding an image â€“ just open the Static Maps wizard, search for location that you want to embed and specify the dimensions of your map. Theyâ€™ll provide a simple URL that actually points to a static image of that map. </span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Another Webpage in your Blog</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">If you like to embed another website into your web page, your best bet is an IFRAME tag also known as an Inline Frame. Just set the SRC value to the address of the web page that you want to embed into your current HTML document. You could try IFRAMEs for inserting live search results from Google into your web page without having to worry about APIs.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Windows Media or QuickTime movies</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">While it is possible to embed mov or wmv videos in web pages directly using the OBJECT tag, I recommend that you put these videos onto blip.tv and then embed them in web pages as Flash video. Thatâ€™s because your visitors can then play the video without extra plugins and two, they always have the option to download the video in the original format from blip.tv servers.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed Other Fonts in Web Pages</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">Most web pages use universal fonts like Arial, Times New Roman or Verdana since they are installed on most computers and hence your web pages will render correctly. If you want to try something different and render pages in fonts like Microsoft Calibri or Adobe Garamond Pro that are only available on some machines, all you need is sIFR â€“ it lets you use almost any font for your web pages using JavaScript + Flash and is perfect for writing â€œnewspaper styleâ€ headlines.</span></p>
<h2 style="margin-left: 0.5in; text-indent: -0.25in; text-align: justify;"><span style="font-size: 10pt; font-family: Verdana;">Embed your Lifestream in a Web Page</span></h2>
<p class="MsoNormal" style="text-align: justify; padding-left: 30px;"><span style="font-size: 10pt; font-family: Verdana;">You have a presence on YouTube, Flickr, Twitter, Last.fm, Facebook, Amazon and a dozen other online places. It can get really tough for friends to track you at so many places so what you should do is create an account at FriendFeed, import all the different services that you use and then use the FriendFeed Badge to embed your lifestream activity on your main site. </span></p>
<p class="MsoNormal"><span style="font-size: 10pt; font-family: Verdana;"> </span></p>
]]></content:encoded>
			<wfw:commentRss>http://www.earlyblogger.com/learn-how-to-embed-almost-anything-in-your-website.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

