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

 

Advertisements

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>

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/&#8221; 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.

Joomla! Tutorial


What is   Joomla!   Extensions ?

Joomla! does a great job of managing the content needed to make your Web site sing. But for many people, the true power of Joomla! lies in the application framework that makes it possible for developers all around the world to create powerful add-ons that are called Extensions. An Extension is used to add capabilities to Joomla! that do not exist in the base core code. Here are just some examples of the hundreds of available Extensions:

Dynamic form builders ,    Business or organisational directories,     Document management,     Image and multimedia galleries ,   E-commerce and shopping cart engines ,   Forums and chat software,    Calendars ,     E-mail newsletters ,    Data collection and reporting tools ,  Banner advertising systems,     Paid subscription services    and many…… many….. more…….

You can find more examples over at our ever growing Joomla! Extensions   Directory. Prepare to be amazed at the amount of exciting work produced by our active developer community!

Types of Extensions–   There are five types of extensions:

    Components,     Modules,    Templates,    Plugins,    Languages

You can read more about the specifics of these using the links in the Article Index – a Table of Contents (yet another useful feature of Joomla!) – at the top right or by clicking on the Next link below.

Component – Joomla! Extension Directory Components

A Component is the largest and most complex of the Extension types. Components are like mini-applications that render the main body of the page. An analogy that might make the relationship easier to understand would be that Joomla! is a book and all the Components are chapters in the book. The core Article Component (com_content), for example, is the mini-application that handles all core Article rendering just as the core registration Component (com_user) is the mini-application that handles User registration.

Many of Joomla!’s core features are provided by the use of default Components such as:

Contacts,     Front Page,     News Feeds,     Banners,    Mass Mail,    Polls

A Component will manage data, set displays, provide functions, and in general can perform any operation that does not fall under the general functions of the core code.

Components work hand in hand with Modules and Plugins to provide a rich variety of content display and functionality aside from the standard Article and content display. They make it possible to completely transform Joomla! and greatly expand its capabilities.

Module – Joomla! Extension Directory Modules

A more lightweight and flexible Extension used for page rendering is a Module. Modules are used for small bits of the page that are generally less complex and able to be seen across different Components. To continue in our book analogy, a Module can be looked at as a footnote or header block, or perhaps an image/caption block that can be rendered on a particular page. Obviously you can have a footnote on any page but not all pages will have them. Footnotes also might appear regardless of which chapter you are reading. Simlarly Modules can be rendered regardless of which Component you have loaded.

Modules are like little mini-applets that can be placed anywhere on your site. They work in conjunction with Components in some cases and in others are complete stand alone snippets of code used to display some data from the database such as Articles (Newsflash) Modules are usually used to output data but they can also be interactive form items to input data for example the Login Module or Polls.

Modules can be assigned to Module positions which are defined in your Template and in the back-end using the Module Manager and editing the Module Position settings. For example, “left” and “right” are common for a 3 column layout.

Displaying Modules

Each Module is assigned to a Module position on your site. If you wish it to display in two different locations you must copy the Module and assign the copy to display at the new location. You can also set which Menu Items (and thus pages) a Module will display on, you can select all Menu Items or you can pick and choose by holding down the control key and selecting multiple locations one by one in the Modules [Edit] screen

Note: Your Main Menu is a Module! When you create a new Menu in the Menu Manager you are actually copying the Main Menu Module (mod_mainmenu) code and giving it the name of your new Menu. When you copy a Module you do not copy all of its parameters, you simply allow Joomla! to use the same code with two separate settings.

Newsflash Example

Newsflash is a Module which will display Articles from your site in an assignable Module position. It can be used and configured to display one Category, all Categories, or to randomly choose Articles to highlight to Users. It will display as much of an Article as you set, and will show a Read more… link to take the User to the full Article.

The Newsflash Component is particularly useful for things like Site News or to show the latest Article added to your Web site.

Plugin  – Joomla! Extension Directory Plugins

One of the more advanced Extensions for Joomla! is the Plugin. In previous versions of Joomla! Plugins were known as Mambots. Aside from changing their name their functionality has been expanded. A Plugin is a section of code that runs when a pre-defined event happens within Joomla!. Editors are Plugins, for example, that execute when the Joomla! event onGetEditorArea occurs. Using a Plugin allows a developer to change the way their code behaves depending upon which Plugins are installed to react to an event.

Language – Joomla! Extensions Directory Languages

New to Joomla! 1.5 and perhaps the most basic and critical Extension is a Language. Joomla! is released with multiple Installation Languages but the base Site and Administrator are packaged in just the one Language en-GB – being English with GB spelling for example. To include all the translations currently available would bloat the core package and make it unmanageable for uploading purposes. The Language files enable all the User interfaces both Front-end and Back-end to be presented in the local preferred language. Note these packs do not have any impact on the actual content such as Articles.

How Create a Website to Using WordPress.com ?


Personalize Your Site’s Appearance

Now that you’ve given some thought to your blog’s focus, it’s time to establish a unique personal design for your blog to help you stand out and command attention in the blogosphere.

Find the right theme for your Site

Much like every magazine has its own unique layout and design, so do blogs. The theme you choose will determine your blog’s colors, fonts, header design, and number of columns. There are over 120 attractive themes to choose from, and we’re always adding more.

Remember to keep your blog’s look and feel consistent with your Big Idea. This will help visitors to quickly determine if they’ve found what they’re looking for. It may be tempting to choose a theme just because you like the aesthetics, but don’t forget about functionality. Also keep in mind that you can spice up your blog with photos and other media later. For now, focus on finding the theme that best suits your Big Idea.

Let’s say you have a photo blog. In that case, you might decide to choose a theme that gives you a large single column that allows your images to take center stage on your site. With a single-column theme, the menus that let people navigate around your site often sit at the top or bottom of the page, freeing up as much space as possible for your content.

On the other hand, maybe you want to include photographs on your blog, but you also plan to post lots of written content, too. In that case, you might opt for a two-column theme that has the option to display custom  header images and featured posts, such as Twenty Eleven:

When choosing your theme, you should also consider what kind of tone you want to set for your blog. If your blog is business-related, you’ll probably want something minimal and professional-looking, like Coraline. But if you’re looking for something more playful, perhaps for a blog about crafts, a theme like Liquorice might be a better fit.

Keep in mind that you can change your theme any time, so don’t worry if you’re unsure about your choice right now.When you find a theme you like, activate it directly from the Theme Showcase by selecting a theme and clicking the activate button on the top right corner of the page:

If you prefer to preview themes before activating them, you can do so from the Appearance > Themes area of your dashboard:

Want to make your site  unique to you?

Get a custom domain name (such as yoursite.com instead of yoursite.wordpress.com) with the Domain Mapping upgrade, and incorporate custom fonts and CSS on your site with the Custom Design upgrade.

Please note that custom themes are only for privately-hosted sites using the WordPress.org software. They cannot be uploaded to WordPress.com.

Enhance your site with widgets

You can add all kinds of extra features and content to the side of your blog’s main column (we call this spot the “sidebar”), and widgets make that really easy. They’re little one-shot applications that add specific, bite-sized pieces of content that might interest your readers, like your latest Twitter updates, a list of your blog’s recent posts or comments, or links to your latest photos on Flickr.

Here’s what a blog with the Recent Posts, Twitter, Text, Blog Subscription, and Archives widgets .
To activate a widget, go to Appearance > Widgets in your dashboard. Drag the desired widget over to the Sidebar module on the right. Be sure to hit save and close when you’re done editing a widget’s settings.

To see the full list of widgets and how to use them, check out Widgets and Sidebars in WordPress.com Support section.

Please note that plugins are only applicable to privately-hosted sites using the WordPress.org software. Plugins are not permitted on WordPress.com for various security reasons.

Additional Resources

Using WordPress.com to Create a Website

Choosing a Theme for Your Blog (WordPress.tv)

Widgets Overview (WordPress.tv)

%d bloggers like this: