KrishnaVandanu

Online HTML Editor Simple

<div dir="ltr" style="text-align: left;" trbidi="on"><br /><html><head><br /> <br /> <title>Online HTML Editor: Real time online with preview</title><br /> <script src="http://ajabingung.googlecode.com/svn/js_quicktags.js" type="text/javascript"></script><br /> <link href="http://ajabingung.googlecode.com/svn/style.css" media="screen" rel="stylesheet" type="text/css" width="100%"></link><br /><br /><script type="text/javascript"><br />var old = '';<br />function update()<br />{<br />  var textarea = document.f.ta;<br />  var d = parent.dynamicframe.document; <br />  if (old != textarea.value)<br />  {<br />    old = textarea.value;<br />    d.open();<br />    d.write(old);<br />    d.close();<br />  }<br />  window.setTimeout(update, 150);<br />}<br /></script><br /></head><br /><br /><body onload="update(); document.f.ta.select();"><br /><br /><br /><form method="post" name="f" target="dynamicframe"><br /><br /><br /><script type="text/javascript">edToolbar('canvas');</script><br /><textarea cols="140" id="canvas" name="ta" rows="10" style="height: 200px; width: 100%;"><br /><h2><br />Welcome to the HTML editor!</h2><br /><p><br />Just type the HTML and it will be shown below.</p><br /><p><br />Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed elementum neque id magna. Mauris sollicitudin nisi sit amet sem. Etiam sit amet lectus a velit interdum facilisis. Vestibulum ante ipsum primis in faucibus orci <strong>luctus et ultrices posuere</strong> cubilia Curae; In tincidunt eleifend neque. Maecenas interdum, neque in fringilla pellentesque, lacus massa eleifend elit, nec scelerisque nulla orci a nunc. Quisque sollicitudin. Sed pulvinar lacus id lacus. Vestibulum imperdiet tellus eget risus. Quisque libero nisl, feugiat eu, euismod at, elementum eget, tellus. <a href="http://www.clesto.com">Clesto.com</a></p><br /><img src="http://www.google.se/images/google_80wht.gif" alt="Google logo"><br /><br /><h2><br />Heading in h2, som more sample text</h2><br /><p><br />Phasellus sem odio, varius quis, cursus at, ullamcorper eget, turpis. Maecenas a mi. Mauris dignissim lectus malesuada odio. Duis elit arcu, lobortis ut, porta ac, venenatis ornare, odio. Pellentesque scelerisque. Ut elementum laoreet massa. Suspendisse hendrerit odio eget turpis. Cras tellus dui, malesuada id, adipiscing ut, laoreet sed, magna. Phasellus scelerisque aliquet ligula. Quisque vitae elit sit amet enim suscipit interdum. Curabitur laoreet, mauris sit amet aliquet interdum, pede sapien malesuada metus, in tincidunt turpis justo id arcu. Donec gravida odio ac lectus. Nam rutrum ante in nisi laoreet aliquet. Sed at ante.</p><br /><h3><br />Heading in h3, som more sample text</h3><br /><p><br />Nulla facilisi. Nullam cursus scelerisque erat. Praesent convallis rhoncus dui. In hac habitasse platea dictumst. Nullam pellentesque. Mauris ac orci. Donec dictum. Etiam purus tortor, elementum a, posuere nec, pulvinar id, ipsum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Quisque vel justo. Nullam posuere purus sed arcu.</p><br /><ul><br /><li>Nulla facilisi.</li><br /><li>Pellentesque habitant morbi</li><br /><li>Quisque vel justo.</li><br /><li>Nullam posuere purus sed arcu.</li><br /></ul><br />

Credits

Thanks to Alex King for making JS Quicktags and releasing it under LGPL and thanks to Jesse Ruderman for having made the javascript for live edits.

Jim Westergren made this web site, primary for use with Clesto.com.

Online HTML Editor

Here you can write and see HTML in action.

Start your own web site in 5 minutes at www.n.nu.

Online HTML Editor Simple

Online HTML Editor: Real time online with preview Welcome to the HTML editor! Just type the HTML and it will be shown below. Lorem ipsum...

Virtual Comment Editor

online HTML editor

online HTML editor

This online HTML editor requires JavaScript to run. Your browser either doesn't support JavaScript, or JavaScript is currently disable...

online HTML editor

<div dir="ltr" style="text-align: left;" trbidi="on"><script src="http://www.quackit.com/html/online-html-editor/ckeditor/ckeditor.js" type="text/javascript"></script>    <script src="http://www.quackit.com/html/online-html-editor/ckeditor/_samples/sample.js" type="text/javascript"></script><link href="http://www.quackit.com/html/online-html-editor/ckeditor/_samples/sample.css" rel="stylesheet" type="text/css"></link>   <br /><div id="alerts"><noscript>  <b>This online HTML editor requires JavaScript to run</b>. Your browser either doesn't support JavaScript, or JavaScript is currently disabled (via preferences or options). Because of this, you will see the raw HTML code instead of the rich text / WYSIWYG editor. <p>To view the rich text / WYSIWYG editor, please enable JavaScript (or use a browser that supports JavaScript).</p></noscript>  </div><br />Use this online HTML editor to create HTML snippets or even whole HTML pages for your website, MySpace page, etc.<br />Edit the form as much as you like. When you're ready to see the code, simply click the "Source" button (at the top left of the editor).<br /><div style="width: 100%;"><br /><textarea class="ckeditor" cols="35" id="editor1" name="editor1" rows="10" style="display: none; visibility: hidden;"><title>HTML Online Editor Sample</title><h1>Online HTML Editor</h1>This is an online HTML editor. Try editing this text area - go on!</p>Here is some <b>sample bold text</b>. </p>Here is a checklist for a good online editor:</p><ul><li>Is it a <a class="zem_slink" <a="" href="http://en.wikipedia.org/wiki/HTML_element" title="HTML element" rel="wikipedia nofollow" target="_blank">href</a>="http://en.wikipedia.org/wiki/WYSIWYG" title="WYSIWYG" rel="wikipedia nofollow" target="_blank">WYSIWYG editor? (WYSIWYG means "What You See Is What You Get" - just like this editor!)</li><li>Does it generate valid HTML code?</li><li>Is it quick and easy?</li><li>Is it... FREE?</li></ul><p>Feel free to use this online HTML editor for generating HTML code for your own website, MySpace page, etc. To view the <a class="zem_slink" href="http://en.wikipedia.org/wiki/Source_code" title="Source code" rel="wikipedia nofollow" target="_blank">source code</a>, simply click on the "Source" button above.</p><hr><p style="font-size:10px;"><a href="http://www.quackit.com/html/online-html-editor/">Online Editor</a></p>

Rich Text Editor

ajabingung.blogspot.com

online HTML editor

This online HTML editor requires JavaScript to run . Your browser either doesn't support JavaScript, or JavaScript is currently...

Automatic Recent Posts Slider With jQuery For Blogger

Now save your template.

Step 3 -Adding The Gadget

Now go to Page Layout

Add a Gadget > HTML/JavaScript

Paste below piece of code and save it.

<div id="slider"><br /><script style="text/javascript" src="http://code.helperblogger.com/easySlider.min.js"></script><br /><script style="text/javascript"><br /> var numposts_gal = 6;<br /> var numchars_gal = 150;<br /> var random_posts = false; // random posts<br /></script><br /><!-- replace with your web address (marked with red color) --><br /><script src="http://yourblog.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showgalleryposts&max-results=999999"></script><br /></div><br />

Now replace yourblog.blogspot.com with your own blog url.[Code Line - 10] (Only change blog URL don't change any other things.

To change number of post find this var numposts_gal = 6; line in above code. (Code Line - 4)

If you want to change number of characters to show in description find this piece of code var numchars_gal = 150; (Code Line - 5)

Now save your all the changes and you are done.Visit your blog to see this beautiful slide.

Follow this tutorial to show this gadget only on specific page or only in homepage.

Your questions,queries and feedback are always welcome.Also if you need any help about customizing this gadget then feel free to ask me.I'll glad to help you.

Good day....

By: http://www.helperblogger.com/