How to Embed Almost Anything in Your Website?

How to Embed Almost Anything in Your Website?

Learn how to embed videos, MP3 music, flash videos (both SFFs and FLVs), pictures, fonts, spreadsheets, charts, maps and everything else in your blog or website.

Embed RSS feed in web pages

Go to this page, replace the feed URL with your feed, use the default color scheme, or change it to something else and then click Get Code. You will get a JavaScript snippet that can easily be placed in the sidebar of your blog.

Embed Tables-How to Embed Tables
Embed Tables-How to Embed Tables

If you want to embed the feed from multiple sources, then merge them all into one using Yahoo Pipes and then pass the combined feed into the Google Gadget. You can also use RSS widgets such as Widgetbox or Yorminis that are done in Flash and not Javascript.

Embed High Quality or HD YouTube Videos

To embed a high resolution version of the YouTube clip in your web pages, first make sure the “View in high quality” or “View in HD” link is next to the YouTube player because most videos are only available in standard formats.

After this, copy the YouTube embed code and append the URL value of the movie parameter in both examples in AP =% 2526fmt% 3d18 (for high quality) and AP =% 2526fmt% 3d 22 (720p High Definition) (See YouTube HD example).

Embed MP3 music and other audio

If you want to embed audio files like songs, podcasts, or interviews in your web pages, use Yahoo! Media Player – This is a free flash music player that automatically recognizes all the links to MP3 files in the current web page and converts them into a music player. Another option is the Google MP3 player.

To embed other audio formats such as 3GP, MIDI, Real or Windows Media, converting these files into MP3s can be a good idea so that they can play on almost any web browser.

Embed Flickr Photos and Slideshows

To embed a personal Flickr picture in your blog, click on the “Share it” link (available next to the photo title) and select Embed it. Flickr requires that the embedded image be linked back to Flickr and the underlying embed option automatically takes care of that requirement. (look at the example)

To embed a Flickr photo slideshow in your web page, open a slideshow in a new page (see example) and select “Customize HTML” from the embed option (see example). Here you can specify a custom size for your flash slideshow so that it fits perfectly on your web page.

Embed Picasa Web Albums

When you open a photo album inside Picasa, click the link in the right sidebar that says “Link to this album” and select “Embed Slide Show”. You can use the same approach to embed individual pictures available inside Picasa.

Embed event with Google Calendar

Click the drop-down arrow next to any Google calendar and select Calendar Settings. Click the Customize button to open the Google Embedded Calendar Helper Program and select the elements that you want to display or hide in the calendar.

Embed Great Photos

In order to actually embed larger images in your blog, you can use either Deep Zoom or Google Map Viewer. These programs break your pictures into small tiles and you can pan / zoom in these images as well as the Google Maps default interface.

Embed chart and graph in web pages

My personal favorite is the Zaho Sheet – any chart created inside the Joho Sheet can be published as an external image without exposing the full spreadsheet. Use Google charts if you are interested in creating charts with a small amount of data.

Embed GIF Animation and Screencast

GIF animations (see examples) are the right way to embed short screencasts in web pages because they do not require plugins and auto-play within feed readers. You should upload a GIF file in your Flickr account because it protects all the frames while the other image hosting website will leave anything after the first frame.

Embed chat in your blog

If you currently want to chat with visitors to your site, get a chat widget from meebo me and place it in the sidebar of your website. Visitors appear in your Meebo friends list so you can talk, answer questions, or just keep tabs on guests. See also a few more options for embedding chats in the blog.

Embed word document

Upload your document to the script and they will give you the embed code in Flash. In addition to script open office documents, documents and new office 2007 Docs support both. Even Barack Obama is using Scribad to upload his public document and upcoming plans.

Embed Powerpoint Presentation

While the popular option is Slideshare, you should consider using the Issues (Best Web Applications) for presentations that are either large or formatted in magazines or catalogs (see examples). The only negative thing is that the issue accepts the PDF so that you need to change the presentation before uploading to the issue.

Embed spreadsheet data

Both the Zaho Sheet and Google Docs allow publishing a series of cells in a web page from a spreadsheet, but the embedding process in Zaho is less complicated – select a category and “publish” from contextual menu embedded in your web Select to page

Embed Adobe PDF files

To embed a PDF in a web page, you can either use Issue (for magazine style PDF) or script for PDF or there are too many text or lay-out layouts like Word documents is.

Embed Flash (SWF) or Flash Video (FLV)

The best option to embed flash content is through swfobject. By providing options when the flash disappears, it improves the overall user experience and your Flash content can be searched more. To help you get started with SwfObject 2, there are all the files and other details in the theoretical.

Embed LinkedIn Profile

If you want to display your LinkedIn profile in the sidebar of your blog, then try LinkInabox. People (site visitors) can read the summary of your LinkedIn profile without leaving the site.

Embed Google Maps in Web Pages

Embeding a Google Map in your website is now almost as easy to add an image – just open the Static Maps wizard, search for the place you want to embed and specify the dimensions of your map. They will provide a simple URL that actually indicates the static image of that map.

Embed another webpage in your blog

If you want to embed any other website into your web page, then your best bet is an IFRAM tag, also called inline frame. Simply set the SRC value to the web page address that you want to embed in your current HTML document. You can try IFRAMEs to put live search results into Google’s web page without worrying about the API.

Embed Windows Media or Quicktime Movies

Although it is possible to embed mov or wmv video in web pages directly using the OBJET tag, I recommend that you place these videos on and then embed them into web pages as Flash videos. This is because your visitors can play videos without additional plugins and two, they always have the option of downloading the video from the original format to server.

Embed other fonts in web pages

Most web pages use universal fonts such as Arial, Times New Roman or Verdana because they are installed on most computers and therefore your web pages will be presented correctly. If you want to separate something and want to present pages in fonts such as Microsoft Calorbry or Adobe Garamond Pro, which are only available on some machines, then you only need SIFR – this allows you to use JavaScript + Flash for your web pages. Lets use almost any font and is perfect for writing “Newsletter Style” title.

Embed your lifestream in a web page

You have presence on YouTube, Flickr, Twitter,, Facebook, Amazon and a dozen other online locations. It can be really difficult for friends to track you in so many places, so you should create an account at FriendFeed, import any different services you use, and then to embed your lifestyle activity on your main site.


अपनी वेबसाइट में लगभग कुछ भी एम्बेड कैसे करें

अपने ब्लॉग या वेबसाइट में वीडियो, एमपी 3 संगीत, फ्लैश वीडियो (दोनों एसएफएफ और एफएलवी), चित्र, फ़ॉन्ट्स, स्प्रेडशीट्स, चार्ट, मानचित्र और अन्य सभी को एम्बेड करने का तरीका जानें।

जानें कि फ्लैश वीडियो से स्प्रेडशीट्स तक अपने एचटीएमएल वेब पृष्ठों में लगभग कुछ भी कैसे एम्बेड करें, Google मानचित्र से स्थिर छवियों के लिए उच्च रिज़ॉल्यूशन फोटोग्राफ और अधिक।

वेब पेजों में आरएसएस फ़ीड एम्बेड करें

इस पृष्ठ पर जाएं, फीड यूआरएल को अपनी फीड से बदलें, डिफॉल्ट कलर स्कीम का इस्तेमाल करें या इसे किसी अन्य चीज़ में बदलें और फिर कोड प्राप्त करें पर क्लिक करें। आपको एक जावास्क्रिप्ट स्निपेट मिलेगा जिसे आसानी से आपके ब्लॉग की साइडबार में रखा जा सकता है।

यदि आप कई स्रोतों से फ़ीड एम्बेड करना चाहते हैं, तो उन सभी को याहू पाइप्स का उपयोग करके एक में विलय करें और फिर संयुक्त फ़ीड को Google गैजेट में पास करें। आप आरएसएस विजेट्स जैसे विजेटबॉक्स या योरमिनिस का भी उपयोग कर सकते हैं जो फ्लैश में किए जाते हैं और जावास्क्रिप्ट नहीं।

उच्च गुणवत्ता या एचडी यूट्यूब वीडियो एम्बेड करें

अपने वेब पृष्ठों में यूट्यूब क्लिप का एक उच्च रिज़ॉल्यूशन संस्करण एम्बेड करने के लिए, पहले सुनिश्चित करें कि “उच्च गुणवत्ता में देखें” या “एचडी में देखें” लिंक YouTube प्लेयर के बगल में मौजूद है क्योंकि अधिकांश वीडियो केवल मानक प्रारूप में उपलब्ध हैं।

इसके बाद यूट्यूब एम्बेड कोड कॉपी करें और एपी =% 2526fmt% 3 डी 18 (उच्च गुणवत्ता के लिए) और एपी =% 2526fmt% 3 डी 22 (720 पी हाई डेफिनिशन के लिए) दोनों उदाहरणों में मूवी पैरामीटर के यूआरएल वैल्यू में संलग्न करें (यूट्यूब एचडी उदाहरण देखें)।

एमपी 3 संगीत और अन्य ऑडियो एम्बेड करें

यदि आप अपने वेब पृष्ठों में गाने, पॉडकास्ट या साक्षात्कार जैसे ऑडियो फाइलों को एम्बेड करना चाहते हैं, तो याहू का उपयोग करें! मीडिया प्लेयर – यह एक निःशुल्क फ़्लैश संगीत प्लेयर है जो वर्तमान वेब पेज में एमपी 3 फ़ाइलों के सभी लिंक स्वचालित रूप से पहचानता है और उन्हें एक संगीत प्लेयर में बदल देता है। एक और विकल्प Google एमपी 3 प्लेयर है।

3 जीपी, मिडी, रियल या विंडोज मीडिया जैसे अन्य ऑडियो प्रारूपों को एम्बेड करने के लिए, इन फ़ाइलों को ज़मज़ार का उपयोग करके एमपी 3 में परिवर्तित करना एक अच्छा विचार हो सकता है ताकि वे लगभग किसी भी वेब ब्राउज़र पर खेल सकें।

फ़्लिकर तस्वीरें और स्लाइडशो एम्बेड करें

अपने ब्लॉग में एक व्यक्तिगत फ़्लिकर तस्वीर एम्बेड करने के लिए, “इसे साझा करें” लिंक पर क्लिक करें (फोटो शीर्षक के बगल में उपलब्ध) और इसे एम्बेड करें चुनें। फ़्लिकर की आवश्यकता है कि एम्बेडेड छवि को फ़्लिकर पर वापस लिंक करना चाहिए और यह अंतर्निहित एम्बेड विकल्प स्वचालित रूप से उस आवश्यकता का ख्याल रखता है। (उदाहरण देखें)

अपने वेब पेज में फ़्लिकर फोटो स्लाइड शो एम्बेड करने के लिए, किसी नए पृष्ठ में कोई स्लाइड शो खोलें (उदाहरण देखें) और एम्बेड विकल्प से “HTML अनुकूलित करें” चुनें (उदाहरण देखें)। यहां आप अपने फ्लैश स्लाइड शो के लिए कस्टम आकार निर्दिष्ट कर सकते हैं ताकि यह आपके वेब पेज पर ठीक से फिट हो।

Picasa वेब एल्बम एम्बेड करें

जब आप Picasa के अंदर एक फोटो एलबम खोलते हैं, तो दाएं साइडबार में दिए गए लिंक पर क्लिक करें जो “इस एल्बम से लिंक करें” और “एम्बेड स्लाइड शो” चुनें। आप पिकासा के अंदर उपलब्ध व्यक्तिगत तस्वीरों को एम्बेड करने के लिए एक ही दृष्टिकोण का उपयोग कर सकते हैं।

Google कैलेंडर से ईवेंट एम्बेड करें

किसी भी Google कैलेंडर के बगल में स्थित ड्रॉप-डाउन तीर पर क्लिक करें और कैलेंडर सेटिंग्स का चयन करें। कस्टमाइज़ बटन पर क्लिक करके Google एंबेडेबल कैलेंडर हेल्पर प्रोग्राम खोलें और उन तत्वों को चुनें जिन्हें आप कैलेंडर में प्रदर्शित करना या छिपाना चाहते हैं।

बहुत बड़ी तस्वीरें एम्बेड करें

अपने ब्लॉग में वास्तव में बड़ी छवियों को एम्बेड करने के लिए, आप या तो डीप ज़ूम या Google मानचित्र दर्शक का उपयोग कर सकते हैं। ये कार्यक्रम आपकी तस्वीरों को छोटी टाईल्स में तोड़ते हैं और आप इन छवियों में भी Google मानचित्र के डिफ़ॉल्ट इंटरफ़ेस के समान पैन / ज़ूम कर सकते हैं।

वेब पेजों में चार्ट और ग्राफ एम्बेड करें

मेरा निजी पसंदीदा ज़ोहो शीट है – जोहो शीट के अंदर बनाए गए किसी भी चार्ट को पूर्ण स्प्रेडशीट को उजागर किए बिना बाहरी छवि के रूप में प्रकाशित किया जा सकता है। यदि आप डेटा की कम मात्रा वाले चार्ट बनाने में रुचि रखते हैं, तो Google चार्ट का उपयोग करें।

जीआईएफ एनिमेशन और स्क्रीनकास्ट एम्बेड करें

जीआईएफ एनिमेशन (उदाहरण देखें) वेब पृष्ठों में शॉर्ट स्क्रीनकास्ट एम्बेड करने का एक सही तरीका है क्योंकि उन्हें फ़ीड पाठकों के अंदर कोई प्लगइन्स और ऑटो-प्ले की आवश्यकता नहीं होती है। आपको अपने फ़्लिकर खाते में जीआईएफ फाइल अपलोड करनी चाहिए क्योंकि यह सभी फ्रेम को सुरक्षित रखती है जबकि अन्य छवि होस्टिंग वेबसाइट पहले फ्रेम के बाद कुछ भी छोड़ देगी।

अपने ब्लॉग में चैट एम्बेड करें

यदि आप वर्तमान में अपनी साइट पर आने वाले विज़िटर से चैट करना चाहते हैं, तो मीबो मी से चैट विजेट प्राप्त करें और इसे अपनी वेबसाइट के साइडबार में रखें। आगंतुक आपके मीबो दोस्त सूची में दिखाई देते हैं ताकि आप बातचीत कर सकें, सवालों का जवाब दे सकें, या केवल मेहमानों पर टैब रख सकें। ब्लॉग में चैट एम्बेड करने के लिए कुछ और विकल्प भी देखें।

शब्द दस्तावेज़ एम्बेड करें


अपने दस्तावेज़ को स्क्रिबड पर अपलोड करें और वे आपको फ्लैश में एम्बेड कोड देंगे। स्क्रिप्ड ओपन ऑफिस दस्तावेजों के अलावा दस्तावेज़ और नए कार्यालय 2007 डॉक्स प्रारूप दोनों का समर्थन करता है। यहां तक ​​कि बराक ओबामा अपने सार्वजनिक दस्तावेज और आने वाली योजना को अपलोड करने के लिए स्क्रिबड का उपयोग कर रहे हैं।

पावरपॉइंट प्रेजेंटेशन एम्बेड करें

जबकि लोकप्रिय विकल्प स्लाइड्सशेयर है, आपको प्रस्तुतियों के लिए इश्यु (सर्वश्रेष्ठ वेब एप्लिकेशन) का उपयोग करने पर भी विचार करना चाहिए जो या तो बड़े या पत्रिकाओं या कैटलॉग (देखें उदाहरण) के रूप में स्वरूपित हैं। एकमात्र नकारात्मक बात यह है कि इश्यु पीडीएफ स्वीकार करता है ताकि आपको इश्यु पर अपलोड करने से पहले प्रस्तुति को परिवर्तित करने की आवश्यकता हो।

स्प्रेडशीट डेटा एम्बेड करें

ज़ोहो शीट और Google डॉक्स दोनों एक स्प्रेडशीट से एक वेब पेज में सेल की एक श्रृंखला प्रकाशित करने की अनुमति देते हैं लेकिन ज़ोहो में एम्बेडिंग प्रक्रिया कम जटिल है – एक श्रेणी का चयन करें और प्रासंगिक मेनू से “प्रकाशित करें” को अपने वेब में एम्बेड करने के लिए चुनें पृष्ठ।

एडोब पीडीएफ फाइलों को एम्बेड करें

किसी वेब पेज में पीडीएफ एम्बेड करने के लिए, आप या तो इश्यु (पत्रिका शैली पीडीएफ के लिए) या पीडीएफ के लिए स्क्रिबड का उपयोग कर सकते हैं या तो बहुत सारे टेक्स्ट हैं या वर्ड दस्तावेज़ों के समान शीर्ष-से-नीचे पढ़ने का लेआउट है।

एम्बेड फ्लैश (एसडब्ल्यूएफ) या फ्लैश वीडियो (एफएलवी)

फ्लैश सामग्री को एम्बेड करने का सबसे अच्छा विकल्प swfobject के माध्यम से है। फ्लैश गायब होने पर विकल्प प्रदान करके यह समग्र उपयोगकर्ता अनुभव को बेहतर बनाता है और आपकी फ्लैश सामग्री भी अधिक खोजी जा सकती है। SwfObject 2 के साथ शुरू करने में आपकी सहायता के लिए थिस्टोरियल में सभी फ़ाइलें और अन्य विवरण हैं।

संबंधित: एफएलवी फ्लैश वीडियो कैसे एम्बेड करें

LinkedIn प्रोफाइल एम्बेड करें

यदि आप अपने ब्लॉग की साइडबार में अपनी LinkedIn प्रोफ़ाइल प्रदर्शित करना चाहते हैं, तो LinkInabox आज़माएं। लोग (साइट आगंतुक) साइट छोड़ दिए बिना आपकी LinkedIn प्रोफ़ाइल का सारांश पढ़ सकते हैं।

वेब पेजों में Google मानचित्र एम्बेड करें

अपनी वेबसाइट में एक Google मानचित्र एम्बेड करना अब एक छवि जोड़ने के रूप में लगभग आसान है – बस स्टेटिक मैप्स विज़ार्ड खोलें, उस स्थान की खोज करें जिसे आप एम्बेड करना चाहते हैं और अपने मानचित्र के आयाम निर्दिष्ट करें। वे एक साधारण यूआरएल प्रदान करेंगे जो वास्तव में उस मानचित्र की स्थिर छवि को इंगित करता है।

अपने ब्लॉग में एक और वेबपेज एम्बेड करें

यदि आप किसी अन्य वेबसाइट को अपने वेब पेज में एम्बेड करना चाहते हैं, तो आपकी सर्वश्रेष्ठ शर्त एक आईएफआरएएम टैग है जिसे इनलाइन फ़्रेम भी कहा जाता है। बस उस वेब पेज के पते पर एसआरसी मान सेट करें जिसे आप अपने वर्तमान HTML दस्तावेज़ में एम्बेड करना चाहते हैं। आप एपीआई के बारे में चिंता किए बिना Google से अपने वेब पेज में लाइव खोज परिणामों को डालने के लिए IFRAMEs आज़मा सकते हैं।

विंडोज मीडिया या क्विकटाइम फिल्में एम्बेड करें

हालांकि वेब पेजों में सीधे ओबीजेईटी टैग का उपयोग करके mov या wmv वीडियो एम्बेड करना संभव है, मैं अनुशंसा करता हूं कि आप इन वीडियो को पर रखें और फिर उन्हें वेब पेजों में फ़्लैश वीडियो के रूप में एम्बेड करें। ऐसा इसलिए है क्योंकि आपके आगंतुक तब अतिरिक्त प्लगइन और दो के बिना वीडियो चला सकते हैं, उनके पास हमेशा सर्वर से मूल प्रारूप में वीडियो डाउनलोड करने का विकल्प होता है।

वेब पेजों में अन्य फ़ॉन्ट एम्बेड करें

अधिकांश वेब पेज एरियल, टाइम्स न्यू रोमन या वर्दान जैसे सार्वभौमिक फोंट का उपयोग करते हैं क्योंकि वे अधिकांश कंप्यूटरों पर स्थापित होते हैं और इसलिए आपके वेब पेज सही ढंग से प्रस्तुत किए जाएंगे। यदि आप कुछ अलग करना चाहते हैं और माइक्रोसॉफ्ट कैलिब्ररी या एडोब गारमंड प्रो जैसे फोंट में पृष्ठों को प्रस्तुत करना चाहते हैं जो केवल कुछ मशीनों पर उपलब्ध हैं, तो आपको केवल एसआईएफआर चाहिए – यह आपको जावास्क्रिप्ट + फ्लैश का उपयोग करके अपने वेब पृष्ठों के लिए लगभग किसी भी फ़ॉन्ट का उपयोग करने देता है और है “समाचार पत्र शैली” शीर्षक लिखने के लिए एकदम सही है।

एक वेब पेज में अपनी लाइफस्ट्रीम एम्बेड करें

आपके पास YouTube, फ़्लिकर, ट्विटर,, फेसबुक, अमेज़ॅन और एक दर्जन अन्य ऑनलाइन स्थानों पर मौजूदगी है। दोस्तों के लिए इतनी सारी जगहों पर आपको ट्रैक करना वाकई मुश्किल हो सकता है, इसलिए आपको फ्रेंडफिड पर एक खाता बनाना चाहिए, आप जिस भी विभिन्न सेवाओं का उपयोग करते हैं उन्हें आयात करें और फिर अपनी मुख्य साइट पर अपनी जीवनशैली गतिविधि को एम्बेड करने के लिए फ्रेंडफिड बैज का उपयोग करें। आप Google रीडर के साथ लाइफस्ट्रीम भी बना सकते हैं।

Shares 0

Leave a Reply

Your email address will not be published. Required fields are marked *