Markdown on Blogger with marked.js

Test ==== - a - b - c Using marked.js --------------- This is a trial. Tag test -------- <code> Here is a code. </code> As to use Markdown on Blogger, set this at the nearest place to the end tag of body. ```html <!-- Markdown: marked.js --> <script src="//cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js"></script> <script> var md = document.getElementsByClassName('md')[0] var divElem = document.createElement('div') var mdMarked = marked(md.value) divElem.innerHTML = mdMarked md.parentNode.replaceChild(divElem, md) </script> ``` and write Markdown in md tag on HTML tab. For the dynamic template you should consider the top page which contains several articles, and write codes like, ```html <!-- jQuery --> <script src='//code.jquery.com/jquery-2.1.4.min.js'/> <!-- Markdown: marked.js --> <script src='//cdnjs.cloudflare.com/ajax/libs/marked/0.3.2/marked.min.js'/> <script> jQuery.noConflict() jQuery("textarea").ready(function() { convMd() }) // for the rest of textarea elements jQuery("textarea").fadeIn(1000, function() { convMd() }) function convMd(){ //console.log("I showed up"); var mds = document.getElementsByClassName('md') for (var i=0, md; md = mds[i]; i++) { var divElem = document.createElement('div') var mdMarked = marked(md.value) divElem.innerHTML = mdMarked md.parentNode.replaceChild(divElem, md) } } </script> ```