How to setting video in wordpress site ?


 How to setting video in wordpress site ? 

Default Video Settings:

Default Embed Width: Default Embed Height: Default Embed Styles:


Embed Description:

Embed Description Link: Description Styles: What Is Your Name?

Thank You For Your Support:


Information

This Plugin supports a few different Video Types, Including (but not limited to) M4V, Quicktime, SWF, and Youtube. It works as an embedder, so basically any site that provides an Embed Code will work. Below, I will provide information on how to properly use the embed links, using YouTube

Set Up & Use

The Set-Up Is quite Simple Actually. Once the plugin is installed it is ready to go. You can set a default width and height above if you often upload videos of simmilar size. All you have to do after that is input this shortcode into the content area of your posts or pages:

[embedwidth src=”Insert Video Link Here“]

And This is what It will look like with a file actually hosted on your server, such as an m4v.

[embedwidth src=”http://www.mysite.com/wp-content/uploads/2012/02/tip_0059.m4v”%5D


Setting Custom Embed Width/Height In Posts & Pages

Now, say that you do not often times upload videos of simmilar size, or just want to change the width and height of a certian video. That can be done by just adding some extra commands into the short code. The width an height you write in the shortcode automatically over-ride the default settings, but if nothing is in the boxes above then it will not know what size to make it unless you specify it in the shortcode. A shortcode with custom Width and Height would look like this:

[embedwidth width=”100″ height=”100″ src=”Insert Video Link Here“]

Obviously, you can change the width and height I have specified above to whatever numbers you would like. You don’t have to add “px” after your number, you can leave the value as a plain integer.


Setting Default & Custom Embed Styles

This Part is pretty self explanitory if you’ve read anything above this, but I will explain it for you just in case you havent.

If you want to add default styles above, just make sure that you type them without quotation marks.

An Example would be: float:right; border:1px solid #fff;

You can use unlimited styling in this box. But say you wanted one of your videos to have it’s own seperate styling. You can override already set styling by adding a simple style=”Styles here” to your shortcode. That would look like this:

[embedwidth style=”float:right; border:1px solid #fff;” src=”http://www.youtube.com/embed/hIO9DLe_-rY”%5D

Obviously, you can still put in the “width” and “height” tags along with the “style” tag inside of your shortcode. Setting width and height using the “style” tag instead of the width/height tags will not work.

And Last but Not Least, you can add custom styles to the videos using your own stylesheet if you would like, the div that holds all of your embeds has a class around it. The class is embedwidthstyles, so you may add that to your own stylesheet if you want to add a background image or something more advanced to your video, or possibly create a frame.


Default Description/Description Link

The description will be placed below the video by default, and at this time there is no support for changing where the discription displays in a setting. If you want to change that, you will have to edit this plugin. However, there is a custom styles setting above and instructions on how to use it below. This Part is also pretty self explanitory if you’ve read anything above this, but I will explain it for you just in case you havent.

If you want to add a default Description that links to something, it is actually quite simple. In the “Embed Description” box above, just write your default description. If you want it to link to something, put a link (without quotation marks) into the “Embed Description Link” box and it will automatically make the Description you provided clickable.

If You would like to change the description link for a specific video, in it’s shortcode in the content area, you must write these commands, which will override the default settings in the Embed-Width menu.

Your Shortcode Should Look Like This: [embedwidth desc=”Here is My Description” desclink=”http://www.mylink.com/” src=”Video Embed Link Here”]

Obviously, if you do not add these tags to the shortcode the defaults will automatically show up. If there are no defaults, nothing will show up at all.


Default Description Styles

The “Description Styles” box works the exact same way as the “Default Embed Styles” box. You just write in styles and it automatically inserts them. It works wether or not there is a description link, because the href is inside of the Description Style div. You can add margins or padding, colors, boldness, etc all in that box as long as you know how to write the code. Refer to above for how to properly write the code in this box, because there are a couple peramaters for how it needs to work.

You may also set a custom description style within the shortcode if you need a certain style for a specific video. You can do this by doing [embedwidth descstyles=”color:red;” src=”Your Link Here”]

Again, these styles will ovveride the styles being sent by your defaults set in the Options above.


YouTube & Other Outside Sources

If you want to embed a video from a website (such as youtube) that offers an embed link, you may do so by copying the EMBED LINK, not the actual page URL, and pasting it in the src=” ” part of your short-code. I repeat, using the actual URL of the page is not (yet) supported for this plugin, and so it will not work unless you are using an embed link.

If you are getting it from youtube, they give you a bit of code, and I will paste and example and highlight in red what part you will need to copy

And It will End Up Like this:

[embedwidth src=”http://www.youtube.com/embed/hIO9DLe_-rY”%5D

Do NOT have more than one quote on either side of the link, or else it will not display correctly.

Live Chat


Live Chat.

Tutorial


How to Set Up an eCommerce Website ?

 

Now at first know” What is electronic commerce?”

Commonly known as e-commerce, ecommerce, eCommerce or e-comm, refers to the buying and selling of products or services over electronic systems such as the Internet and other computer networks. However, the term may refer to more than just buying and selling products online. It also includes the entire online process of developing, marketing, selling, delivering, servicing and paying for products and services.

If you want to start your own eCommerce website and don’t know where to start, WordPress (once again) can be your savior. Besides WordPress is easy to set-up and customize, it also enables interactivity through comments. It also automatically ping the search engines, in-built RSS feed so that your visitors can easily subscribe to your website. Most importantly WordPress has a large online community technical support.

Check out below our step-by-step procedure on how to set up an eCommerce website…

Install WordPress software:- First and foremost, you will have to install the WordPress software. Log in to cPanel of your system and click on set up.

Choose your theme template:- There are numerous Google FREE themes available for WordPress. You can simply download it.

Add eCommerce plugins:- Download Google WordPress eCommerce plugins and install the files to activate plugins. You should see the links on the sidebar such as transaction results, product details, checkout, your account etc.

Now you can add your products to your website. You can add as many as you want but before adding the details or information about your products, first, set certain parameters like payment options, countries, etc. In this you’ll know how far can your products go and what are your prefer payment methods would be.

Lastly, SEO:- It’s is recommended that you install an All-in-One SEO pack to make your website search engine friendly. This tool will optimize the title and description Meta tags so that Google will be able to see and crawl your web pages.

If you do !

Next, you have set up your soon to be e-business, it is time for you to promote it. You can use the following for the same: Article Marketing, Newsletter, Blogging, Social Media Marketing, RSS Directories and RSS Directories– etc.

How to Set Up an eCommerce Website ?


How to Set Up an eCommerce Website ? Now at first know” What is electronic commerce?” Commonly known as e-commerce, ecommerce, eCommerce or e-comm, refers to the buying and selling of products or services over electronic systems such as the Internet and other computer networks. However, the term may refer to more than just buying and selling products online. It also includes the entire online process of developing, marketing, selling, delivering, servicing and paying for products and services. If you want to start your own eCommerce website and don’t know where to start, WordPress (once again) can be your savior. Besides WordPress is easy to set-up and customize, it also enables interactivity through comments. It also automatically ping the search engines, in-built RSS feed so that your visitors can easily subscribe to your website. Most importantly WordPress has a large online community technical support. Check out below our step-by-step procedure on how to set up an eCommerce website… Install WordPress software:- First and foremost, you will have to install the WordPress software. Log in to cPanel of your system and click on set up. Choose your theme template:- There are numerous Google FREE themes available for WordPress. You can simply download it. Add eCommerce plugins:- Download Google WordPress eCommerce plugins and install the files to activate plugins. You should see the links on the sidebar such as transaction results, product details, checkout, your account etc. Now you can add your products to your website. You can add as many as you want but before adding the details or information about your products, first, set certain parameters like payment options, countries, etc. In this you’ll know how far can your products go and what are your prefer payment methods would be. Lastly, SEO:- It’s is recommended that you install an All-in-One SEO pack to make your website search engine friendly. This tool will optimize the title and description Meta tags so that Google will be able to see and crawl your web pages. If you do ! Next, you have set up your soon to be e-business, it is time for you to promote it. You can use the following for the same: Article Marketing, Newsletter, Blogging, Social Media Marketing, RSS Directories and RSS Directories- etc.

How to Create Flash Websites ?


Use Wix'free website builderto make your own website with ease. Start by browsing through our stunning template gallery to find a design that suits your needs. You can also choose to design your site from scratch. Wix.com providesfree website hosting for all sites hosted under the Wix domain. You can also connect to your own domain. Make changes to your site whenever you like by logging into your account. 1-click publishing puts you moments away from a beautiful, customized Flash website you'll love. Discover the freedom of unrestricted web design by signing up for a free account with Wix NOW!

Sign up for free

>  Use our free server or connect your domain

>  Unlimited publishing

>  Design websites for everyone!

>  Domain

> Free hosting

> Promote your website

> Update with Ease

> Easy to use drag & drop editor

> All Wix free website templates are fully customizable

> Free fonts, pictures, animations, backgrounds, effects and more…

> Upload any kind of media

> Update, modify and publish in seconds

> No download or programming necessary

>  Search engine friendly

> Hundreds of free Flash website designs

>  Simply click edit, and enter our online editor.
For Creating Flash Websites :-

Login : http://www.wix.com/

How to Create Joomla! Site ?


Joomla! License Guidelines
Written by  http://joomla.org/ Administrator
Wednesday, 20 August 2008 10:11
This Web site is powered by Joomla! The software and default templates on which it runs are Copyright 2005-2008 Open Source Matters. The sample content distributed with Joomla! is licensed under the Joomla! Electronic Documentation License.All data entered into this Web site and templates added after installation, are copyrighted by their respective copyright owners.If you want to distribute, copy, or modify Joomla!, you are welcome to do so under the terms of the GNU General Public License. If you are unfamiliar with this license, you might want to read ‘How To Apply These Terms To Your Program’ and the ‘GNU General Public License FAQ’.

The Joomla! licence has always been GPL.

If you’re new to Web publishing systems, you’ll find that Joomla! delivers sophisticated solutions to your online needs. It can deliver a robust enterprise-level Web site, empowered by endless extensibility for your bespoke publishing needs. Moreover, it is often the system of choice for small business or home users who want a professional looking site that’s simple to deploy and use. We do content right.So what’s the catch? How much does this system cost?

Well, there’s good news … and more good news! Joomla! 1.5 is free , it is released under an Open Source license – the GNU/General Public License v 2.0. Had you invested in a mainstream, commercial alternative, there’d be nothing but moths left in your wallet and to add new functionality would probably mean taking out a second mortgage each time you wanted something adding!

Joomla!  Changes   all that …
Joomla! is different from the normal models for content management software. For a start, it’s not complicated. Joomla! has been developed for everybody, and anybody can develop it further. It is designed to work (primarily) with other Open Source, free, software such as PHP, MySQL, and Apache.

It is easy to install and administer, and is reliable. Joomla! doesn’t even require the user or administrator of the system to know HTML to operate it once it’s up and running.

To get the perfect Web site with all the functionality that you require for your particular application may take additional time and effort, but with the Joomla! Community support that is available and the many Third Party Developers actively creating and releasing new Extensions for the 1.5 platform on an almost daily basis, there is likely to be something out there to meet your needs. Or you could develop your own Extensions and make these available to the rest of the community.

What’s New in 1.5?
Written by  http://joomla.org/  Administrator   
Monday, 11 August 2008 22:13
As with previous releases, Joomla! provides a unified and easy-to-use framework for delivering content for Web sites of all kinds. To support the changing nature of the Internet and emerging Web technologies, Joomla! required substantial restructuring of its core functionality and we also used this effort to simplify many challenges within the current user interface. Joomla! 1.5 has many new features.In Joomla! 1.5, you’ll notice:

  • Substantially improved usability, manageability, and scalability far beyond the original Mambo foundations
  • Expanded accessibility to support internationalisation, double-byte characters and right-to-left support for Arabic, Farsi, and Hebrew languages among others
  • Extended integration of external applications through Web services and remote authentication such as the Lightweight Directory Access Protocol (LDAP)
  • Enhanced content delivery, template and presentation capabilities to support accessibility standards and content delivery to any destination
  • A more sustainable and flexible framework for Component and Extension developers
  • Backward compatibility with previous releases of Components, Templates, Modules, and other Extensions

 

How to Create HTML Site ?


How To Create HTML Web Site ?

HTML Tutorial

With HTML you can create your own Web site.

This tutorial teaches you everything about HTML.

HTML is easy to learn – You will enjoy it.

Examples in Each Chapter

This HTML tutorial contains hundreds of HTML examples.

With our online HTML editor, you can edit the HTML, and click on a button to view the result.

Example

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

HTML References

At W3Schools you will find complete references about tags, standard attributes, standard events, colornames, entities, character-sets, URL encoding, language codes, HTTP messages, and more.The perfect solution for professionals who need to balance work, family, and career building.

HTML Introduction

Example:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
What is HTML?

HTML is a language for describing web pages.

  • HTML stands for Hyper Text Markup Language
  • HTML is not a programming language, it is a markup language
  • A markup language is a set of markup tags
  • HTML uses markup tags to describe web pages

HTML Tags

HTML markup tags are usually called HTML tags

  • HTML tags are keywords surrounded by angle brackets like <html>
  • HTML tags normally come in pairs like <b> and </b>
  • The first tag in a pair is the start tag, the second tag is the end tag
  • Start and end tags are also called opening tags and closing tags

HTML Documents = Web Pages

  • HTML documents describe web pages
  • HTML documents contain HTML tags and plain text
  • HTML documents are also called web pages

The purpose of a web browser (like Internet Explorer or Firefox) is to read HTML documents and display them as web pages. The browser does not display the HTML tags, but uses the tags to interpret the content of the page:

<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Example Explained

  • The text between <html> and </html> describes the web page
  • The text between <body> and </body> is the visible page content
  • The text between <h1> and </h1> is displayed as a heading
  • The text between <p> and </p> is displayed as a paragraph

What You Need

You don’t need any tools to learn HTML at W3Schools.

  • You don’t need an HTML editor
  • You don’t need a web server
  • You don’t need a web site

Editing HTML

HTML can be written and edited using many different editors like Dreamweaver and Visual Studio.

However, in this tutorial we use a plain text editor (like Notepad) to edit HTML. We believe using a plain text editor is the best way to learn HTML.


Create Your Own  Web

If you just want to learn HTML, skip the rest of this chapter.

If you want to create a test page on your own computer, just copy the 3 files below to your desktop.

(Right click on each link, and select “save target as” or “save link as”)

mainpage.htm

page1.htm

page2.htm

After you have copied the files, you can double-click on the file called “mainpage.htm” and see your first web site in action.

Use Your Test Web For Learning

We suggest you experiment with everything you learn at W3Schools by editing your web files with a text editor (like Notepad).

Note: If your test web contains HTML markup tags you have not learned, don’t panic. You will learn all about it in the next chapters.

.HTM or .HTML File Extension?

When you save an HTML file, you can use either the .htm or the .html file extension. There is no difference, it is entirely up to you.

HTML Basic

Don’t worry if the examples use tags you have not learned.

You will learn about them in the next chapters.

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

Example

<html>

<body>

<h1>This is heading 1</h1>

<h2>This is heading 2</h2>

<h3>This is heading 3</h3>

<h4>This is heading 4</h4>

<h5>This is heading 5</h5>

<h6>This is heading 6</h6>

</body>

</html>

HTML Paragraphs

HTML paragraphs are defined with the <p> tag.

Example

<html>

<body>

<h1>This is heading 1</h1>

<p>This is a paragraph.</p>

<p>This is another  paragraph.</p>

<p>This is next  paragraph.</p>

</body>

</html>

HTML Links

HTML links are defined with the <a> tag.

Example

<html>

<body>

<a href=”http://www.w3schools.com”&gt;

This is a link</a>

</body>

</html>

Note: The link address is specified in the href attribute.

(You will learn about attributes in a later chapter of this tutorial).


HTML Images

HTML images are defined with the <img> tag.

Example

<html>

<body>

<img src=”w3schools.jpg” width=”104″ height=”142″ />

</body>

</html>

Note: The name and the size of the image are provided as attributes.

HTML Elements

HTML documents are defined by HTML elements.

An HTML element is everything from the start tag to the end tag:

Start tag *

Element content

End tag *

<p> This is a paragraph             </p>
<a href=”default.htm”>    This is a link               </a>

* The start tag is often called the opening tag. The end tag is often called the closing tag.

HTML Element Syntax

  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes

Tip: You will learn about attributes in the next chapter of this tutorial.

Nested HTML Elements

Most HTML elements can be nested (can contain other HTML elements).

HTML documents consist of nested HTML elements.

HTML Document Example

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The example above contains 3 HTML elements.

HTML Example Explained

The <p> element:

<p>This is my first paragraph.</p>

The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.

The <body> element:

<body>
<p>This is my first paragraph.</p>
</body>

The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).

The <html> element:

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).


Don’t Forget the End Tag

Some HTML elements might display correctly even if you forget the end tag:

<p>This is a paragraph
<p>This is a paragraph

The example above works in most browsers, because the closing tag is considered optional.

Never rely on this. Many HTML elements will produce unexpected results and/or errors if you forget the end tag .


Empty HTML Elements

HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Tip: In XHTML, all elements must be closed. Adding a slash inside the start tag, like <br />, is the proper way of closing empty elements in XHTML (and XML).


HTML Tip: Use Lowercase Tags

HTML tags are not case sensitive: <P> means the same as <p>. Many web sites use uppercase HTML tags.

W3Schools use lowercase tags because the World Wide Web Consortium (W3C) recommends lowercase in HTML 4, and demands lowercase tags in XHTML.

How to create CSS site ?


<pre>CSS defines HOW HTML elements are to be displayed.

All browsers support CSS today.CSS Saves a Lot of Work!

In HTML 4.0, all for matting could be removed from the HTML document, and stored in a separate CSS file.

Styles are normally saved in external .css files. External style sheets enable you to change the appearance and layout of all the pages in a Web site, just by editing one single file!

h2> CSS Syntax </h2>

body

{

background-color: yellow;

}

h1

{

font-size:36pt;

}

h2

{

color:blue;

}

p

{

margin-left:50px;

}

<html>

<head>

<link rel=”stylesheet” type=”text/css” href=”ex1.css” />

</head>

<body>

<h1>This is  header 1</h1>

<h2> This is  header 2</h2>

<h3> This is  header3</h3>

<h4> This is  header 4</h4>

<h5> This is  header 5</h5>

<h6> This is  header 6</h6>

<p>This is  paragraph </p>

<p>This is another  paragraph </p>

</body>

</html>

Next See

First we need to identify the main structural elements of the design, so that we know how to

structure our HTML document.

we need to dividing up our design. These main divisions we make will end up being <div> tags. A </div> is basically a rectangular container that we can position using CSS.

We have identified 6 major elements: (In CSS Web Page)

1Main Navigation

The primary navigation for this website. The images will change on hover (when the

mouse cursor is on top of it).

Width: 760px

Height: 50px

2• Header

The website header includes a background image (purely for aesthetics), and the

company name.

Width: 760px

Height: 150px

3• Content

The bulk of the website’s content will go here.

Width: 480px

Height: Changes depending on content

 

4• Left_Sidebar

This will have second‐tier content that isn’t as important as the main content.

Width: 280px

Height: Changes depending on content

5• Right_Sidebar

This will have second‐tier content that isn’t as important as the main content.

Width: 280px

Height: Changes depending on content

6Footer

Copyright information, credits, and an  alternative text navigation.

Width: 760px

Height: 66px

Here   we  also be centered in the browser window. We now have all the info we need to

start.

Setting the canvas

As you’ll notice in the design, everything on our page is 760px wide or less, and nothing

floats outside that width. What we are going to do is create a container for our page that is

760px wide,  and centered in the middle of the page. Our 5 main elements will be placed

inside this container.

Between the <body> </body> tags, create a <div> with an id=“page‐container” attribute:

<body>

<div id=”page-container”>

Are You OK ?

</div>

</body>

And thats all the HTML we need for our container. Onto the CSS.

Create a new blank text file, and save it as master.css in the /css/ directory.

Create a new rule in the stylesheet to select the page‐container:

#page-container {

}

The # in front of the id tells the browser that we are selecting an id. For a class we would use

a . instead eg: .page‐container {}.

An id is a unique identifier that we use for things that are only going to occur once on the

page. So for headers, footers, navigation, etc we use id’s, and for any reccuring elements

like links we should use classes, which can occur multiple times on the same page.

We won’t be able to see the changes we are making to this <div>, because it is transparent

by default. So the first thing we will do is make the background of the div red, to give us a

visible indicator of what we are doing:

#page-container {

background: red;

}

You should see something like this across the full width of your browser:

First we should set a width of 760px(Or Your Choose) on this div.

Creating a CSS layout

#page-container {

width: 760px;

background: red;

}

Refresh the page in your browser to see the rule being applied.

Next we want to center this div. This is done by setting the margins on it to auto. When the

left and right margins are set to auto, they will even each other out and the div will sit in the

center of its container.

#page-container {

width: 760px;

margin: auto;

background: red;

}

Now you should have a centered red 760px wide block with “Hello World.” written in it. But

its sitting about 8px away from the top/sides of the browser.

This is because the html and body tags have default margins and/or padding on nearly all

browsers. So we need to write a CSS rule to reset the margins and padding on the html and

body tags to zero. Add this rule to the very top of your css file:

html, body {

margin: 0;

padding: 0;

}

A comma in between CSS selectors stands for “or”, so here the rule will be applied to the

html tag or the body tag. Because both exist on the page, it will be applied to both.

Brilliant, now our box is where it should be. Note that as more content is added to this div, it

will automatically change its height to fit whatever content is placed inside it.

The major elements

We need to add 6 divs, all with individual id’s that describe their purpose. These divs will

correspond to the major areas of the design we identified in Step 2. Replace the Hello

World. text with the div’s below. Just for now we’ll also put text inside the divs for easy

visual identification when we view the page.

<div id=”main_navigation”>

<div id=” content”> Content </div>

<div id=” header  “> Header  </div>

<div id=” left_Sidebar”> Left_Sidebar</div>

<div id=” right_Sidebar”> Right_Sidebar</div>

<div id=”footer”>Footer</div>

</div>

</pre>

%d bloggers like this: