Sometimes I have to put text on a path

Saturday, June 11, 2011

8 ways: How to post a Source Code in Blogger, blogspot or wordpress, or another blog? Comment publier un code source (HTML) sur son blog?





 Whenever I tried to put an HTML code in my post, it was showing the result. 
So what to Do?


--------------try this 
http://www.allblogtools.com/html-character-encoder/
(en JQuery 1.4.4)
Example. If you posted this code

<body>
<p>http://ex-ample.blogspot.com</p>
</body>
the browser will convert it to 
http://ex-ample.blogspot.com


-------------or 7 ways:
To work well javascript in blogger post should be in one line.


0) blogger post editor:
If you use Edit HTML, especially to add tables and other advanced HTML to your posts, you should find that the editor has a number of enhancements to make the experience less frustrating.  
Select  "post Options" and "Show HTML literally"
The default, “Interpret typed HTML,” matches the current post editor’s behavior: typing “bold” into the editor would look like this in your post: bold. If you change the setting to “Show HTML literally” instead, you’ll get: bold.


1) Google Code Prettify: Google offer a JavaScript module and CSS file too.
link: http://code.google.com/p/google-code-prettify

2) javascript
SyntaxHighlighter could be a solution. It solves your problem for make a page with look nice source code.
SyntaxHighlighter: SyntaxHighlighter is a fully functional self-contained code syntax highlighter developed in JavaScript.
link: http://alexgorbatchev.com/SyntaxHighlighter/
demo: http://alexgorbatchev.com/SyntaxHighlighter/manual/demo
version: 3.0.83
Integration: http://alexgorbatchev.com/SyntaxHighlighter/integration.html
Used by: Apache, Mozilla, Wordpress, Bug Labs...
To add this feature on your blogger blog you must follow the following steps:

  1. Download SyntaxHighlighter here
  2. Unzip and upload the following files to your webspace (googlepages is a great place)
  3. SyntaxHighlighter.css
  4. shCore.js’
  5. shBrushCpp.js (or whatever code you wish to use on your blog)
  6. Go to your Dashboard/Layout/Edit HTML
  7. Backup Your Template
  8. Add the following code (see below)  right after the tag...

see: http://etechdna.com/posting-source-code-in-blogger-post-12117/



3) WordPress Source Code Plugin: Wordpress have created a shortcode. This shortcode preserves its formatting and even provides syntax highlighting for certain languages just with a simple wrap like below. 

4) Put your code between the "textarea" html tag.





5) remplace less-than sign and greater-than sign  by other ascii symbols like  ‹ and  ›,

Single left-pointing angle quotation mark and Single right-pointing angle quotation mark :
‹textarea  rows="10" cols="30"›
ADD CODE HERE
‹/textarea›
but if you copy this "HTML code", it doesn't work.

6) many javascript web applications that will format source code text into html for inserting into your blog:
Posted by Stef at 10:04
Labels: , , , , , , , , ,

2 comments:

  1. UnknownJune 12, 2017 at 3:33 PM

    We offers blog comment service with best features in affordable price, Our service gives you the assurance of over 80% approval rate

    ReplyDelete
  2. UnknownJune 12, 2017 at 3:34 PM

    We offers blog comment service with best features in affordable price, Our service gives you the assurance of over 80% approval rate

    ReplyDelete

Subscribe to: Post Comments (Atom)