Embed Code Snippets

Code Snippet Embed Instructions for Popular Web Apps

Many of the Solution Tutorials on Microsoft.com/Web provide code snippets you can add to your site. It is easy to embed custom code on websites powered by leading PHP and ASP.Net Web Apps.

 

The following sections provide instructions for embedding code on sites powered by the following popular web apps. Click on the sections below for step-by-step instructions.


How-to Guide

Click on the sections below for step-by-step instructions:

Wordpress

WordPress runs just as easily on Windows as it does on non-Windows hosting platforms, plus you can take advantage of stronger security and SQL Server. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

Wordpress Code Snippet Tutorial

Follow this short guide to embed a code snippet on your WordPress site:

Create a Page or Post in WordPress. Log into your WordPress Admin Dashboard and select Add New under Pages (Note: this will work with Pages and Posts in WordPress.)

Change map dimensions and copy embed code
Create a Page in WordPress

Once you are editing your Page, click the HTML Tab, and paste your embed code. You can add other text to your page above or below the embed code.

Change map dimensions and copy embed code
Paste embed code in WordPress Page

Click Preview to make sure you like how it looks, and Publish it when you are done!

Change map dimensions and copy embed code
Preview and Publish

Joomla

Joomla runs just as easily on Windows as it does on non-Windows hosting platforms, plus you can take advantage of stronger security and SQL Server. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

Joomla Code Snippet Tutorial

Follow this short guide to embed a code snippet on your Joomla site:

First, log in to your Administrator Home Page.

If you are using the Tiny MCE Editor you will want to adjust these settings in the plugin:

Navigate to Plug-in Manager under Extensions, then select Editor - TinyMCE.

Joomla Plugin Manager
Joomla Plugin Manager

Under Parameters select Never for Code cleanup on save, then select the SAVE button.

TinyMCE Parameters
TinyMCE Parameters

Create an Article in Joomla. Log into your Administrator Homepage and select Article Manager under Content. To create a new article select New under the Green Plus Sign icon.

Creating a new article in Joomla
Creating a new article in Joomla

Once you are editing your article, click the HTML Tab, and paste your embed code in the HTML editor. You can add other text to your page above or below the embed code.

Copy embed code
Copy embed code

Click Preview to make sure you like how it looks, and SAVE it when you are done!

Preview and Save
Preview and Save

Drupal

Drupal runs just as easily on Windows as it does on non-Windows hosting platforms, plus you can take advantage of stronger security and SQL Server. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

Drupal Code Snippet Tutorial

Follow this short guide to embed a code snippet on your Drupal site:

Log into your Administrator Homepage and select Page under Create content (Note: this will work with both Pages and Stories in Drupal). Paste your embed code in the Body. You can add other text to your page above or below the embed code.

Create Page & copy embed code
Create Page & copy embed code

Under Input format select Full HTML. Click Preview to make sure you like how it looks, and SAVE it when you are done!

Full HTML input format
Full HTML input format

Preview and Save
Preview and Save

dotNetNuke

DotNetNuke is a widely adopted Web Content Management Platform for Microsoft.NET. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

dotNetNuke Code Snippet Tutorial

Follow this short guide to embed a code snippet on your DotNetNuke site:

Create a Page in DotNetNuke. Log into your Administrator Homepage and select Add under Page Functions.

Create a Page in DotNetNuke
Create a Page in DotNetNuke

Add Page Details under Basic Settings and select update.

Add Page Details in DotNetNuke
Add Page Details in DotNetNuke

Select Edit Content

Select Edit Content in DotNetNuke
Select Edit Content in DotNetNuke

Once you are editing your article, select HTML, and paste your embed code in the editor. You can add other text to your page above or below the embed code.

Copy embed code in DotNetNuke Page
Copy embed code in DotNetNuke Page

Click Preview to make sure you like how it looks, and SAVE it when you are done!

Preview and Save
Preview and Save

BlogEngine.Net

BlogEngine.net is a widely adopted Web Content Management Platform for Microsoft.NET. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

BlogEngine.net Code Snippet Tutorial

Follow this short guide to embed a code snippet on your BlogEngine.net site:

The WYSIWYG editor (tinyMce) used in BlogEngine.net does not allow certain HTML tags by default. First we will need to add a snippet of code to the tinyMCE.ascx file to tell the tinyMCE editor to allow an iframe tag via the "extended_valid_elements" property.

Open your FTP client and FTP into your hosting service. Select the subdirectory where you have BlogEngine.net installed, navigate to the tinyMCE.ascx file in the admin folder and select Edit .

FTP into your hosting service
FTP into your hosting service

Add the following code : extended_valid_elements: "iframe[name|id|src|frameborder|width|height|allowtransparency]", in the section of the file outlined below:

Add code to the tinymce.ascx file
Add code to the tinymce.ascx file

And than select save on your text editor client.

Now you are ready to create a Page in BlogEngine.net. Log into your BlogEngine.net Administrator Homepage and select Pages under Administration.

Creating a new Page in BlogEngine.net
Creating a new Page in BlogEngine.net

Once you are editing your Page, click the HTML Tab, and paste your embed code in the HTML editor. You can add other text to your page above or below the embed code.

Copy embed code
Copy embed code

Click Save and you are done!

Preview and Save
Preview and Save

ScrewTurn Wiki

ScrewTurn Wiki is a widely adopted Web Content Management Platform for Microsoft.NET. For quick and easy installations instructions, take a look at the Microsoft Web Platform Installer.

ScrewTurn Wiki Code Snippet Tutorial

Follow this short guide to embed a code snippet on your ScrewTurn Wiki site:

Create a Page in ScrewTurn Wiki. Log into your Administrator Homepage and select Create a new Page under Navigation.

Create a Page in ScrewTurn Wiki
Create a Page in ScrewTurn Wiki

Paste your embed code in the editor. You can add other text to your page above or below the embed code.

Copy embed code in ScrewTurn Wiki Page
Copy embed code in ScrewTurn Wiki Page

Click Preview to make sure you like how it looks, and SAVE it when you are done!

Preview and Save
Preview and Save