If you use Chrome, make sure you have the latest version.

Random Text Display


<iframe frameborder="0" width="640" height="360" style="border: 0" src="https://maps.google.com/maps?layer=c&panoid=1faXgs_x3KVaEvnisY2M5Q&ie=UTF8&source=embed&output=svembed&cbp=13%2C358%2C%2C0.1499999999999999%2C0.8" allowfullscreen=true></iframe>


http://tonyredhead.com/google-tips/embed-photospheres-in-your-webpage

Go to https://developers.facebook.com/docs/plugins/like-button, configure your button, get the iFrame code and insert it using the code section of the Embed function.

Random text display using JavaScript

Random Text Script

I got the code from here and used the code section of the Embed function.

Expand on hover

<html><head> <title></title>

<script type="text/javascript">

var collapseDivs, collapseLinks;

function createDocumentStructure (tagName) {

if (document.getElementsByTagName) {

var elements = document.getElementsByTagName(tagName);

collapseDivs = new Array(elements.length);

collapseLinks = new Array(elements.length);

for (var i = 0; i < elements.length; i++) {

var element = elements[i];

var siblingContainer;

if (document.createElement &&

(siblingContainer = document.createElement('div')) &&

siblingContainer.style)

{

var nextSibling = element.nextSibling;

element.parentNode.insertBefore(siblingContainer, nextSibling);

var nextElement = elements[i + 1];

while (nextSibling != nextElement && nextSibling != null) {

var toMove = nextSibling;

nextSibling = nextSibling.nextSibling;

siblingContainer.appendChild(toMove);

}

siblingContainer.style.display = 'none';

collapseDivs[i] = siblingContainer;

createCollapseLink(element, siblingContainer, i);

}

else {

// no dynamic creation of elements possible

return;

}

}

createCollapseExpandAll(elements[0]);

}

}

function createCollapseLink (element, siblingContainer, index) {

var span;

if (document.createElement && (span = document.createElement('span'))) {

span.appendChild(document.createTextNode(String.fromCharCode(160)));

var link = document.createElement('a');

link.collapseDiv = siblingContainer;

link.href = '#';

link.appendChild(document.createTextNode('expand'));

link.onclick = collapseExpandLink;

collapseLinks[index] = link;

span.appendChild(link);

element.appendChild(span);

}

}

function collapseExpandLink (evt) {

if (this.collapseDiv.style.display == '') {

this.parentNode.parentNode.nextSibling.style.display = 'none';

this.firstChild.nodeValue = 'expand'; }

else {

this.parentNode.parentNode.nextSibling.style.display = '';

this.firstChild.nodeValue = 'collapse'; }

if (evt && evt.preventDefault) {

evt.preventDefault();

}

return false;

}

function createCollapseExpandAll (firstElement) {

var div;

if (document.createElement && (div = document.createElement('div'))) {

var link = document.createElement('a');

link.href = '#';

link.appendChild(document.createTextNode('expand all'));

link.onclick = expandAll;

div.appendChild(link);

div.appendChild(document.createTextNode(' '));

link = document.createElement('a');

link.href = '#';

link.appendChild(document.createTextNode('collapse all'));

link.onclick = collapseAll;

div.appendChild(link);

firstElement.parentNode.insertBefore(div, firstElement);

}

}

function expandAll (evt) {

for (var i = 0; i < collapseDivs.length; i++) {

collapseDivs[i].style.display = '';

collapseLinks[i].firstChild.nodeValue = 'collapse';

}

if (evt && evt.preventDefault) {

evt.preventDefault();

}

return false;

}

function collapseAll (evt) {

for (var i = 0; i < collapseDivs.length; i++) {

collapseDivs[i].style.display = 'none';

collapseLinks[i].firstChild.nodeValue = 'expand';

}

if (evt && evt.preventDefault) {

evt.preventDefault();

}

return false;

}

</script>

<script type="text/javascript">

window.onload = function (evt) {

createDocumentStructure('h1');

}

</script>


</head>

<body bgcolor="#FFFFFF" text="#000000" link="#0000FF" vlink="#800080" alink="#FF0000">

<center><h1>Chapter 1</h1><p>This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is

chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. This is chapter 1. </p>

<h1>Chapter 2</h1><p>This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. </p>

<p>This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. This is chapter 2. .</p>

<h1>Chapter 3</h1><p>This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. This is chapter 3. </p></center>

</body></html>


Hanging indent: a paragraph that has all lines but the first indented. A hanging indent is also known as a hanging paragraph.

<div STYLE="text-indent: -25px; padding-left: 25px;">This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. This is some text. </div>