JSFiddle - React, Tailwind, and code Playground

by agus makmun

HTML

<span id='blog-pager-newer-link'> 
     <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><img alt='Next' border='0' src='http://lh6.ggpht.com/_pt7i0nbIOCY/SVGKP6ApR7I/AAAAAAAAAok/jdxY8orBJ10/Next_thumb%5B2%5D.png?imgmax=800' title='Next'/></a> 
     </span> 
   </b:if>
   <b:if cond='data:olderPageUrl'> 
     <span id='blog-pager-older-link'> 
     <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><img alt='previous' border='0' src='http://lh3.ggpht.com/_pt7i0nbIOCY/SVGWOwXOtlI/AAAAAAAAAo8/iCG-SNx6gMI/previous_thumb%5B1%5D.png?imgmax=800' title='previous'/></a> 
     </span> 
   </b:if>


<script style="text/javascript">
//<![CDATA[
function totalPost(json) { 
  document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b>'); 
} 
//]]>
</script>
<li><script src="http://agan-pertamax.blogspot.com/feeds/posts/default?alt=json-in-script&callback=totalPost">
</script></li>


<script style="text/javascript">
function totalPost(json) { 
  document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b>'); 
} 
  function totalComments(json) { 
  document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br />'); 
}
</script>
<ul>
<li><script src="http://the-anarchyta.blogspot.com/feeds/posts/default?alt=json-in-script&callback=totalPost"></script></li>
<li><script src="http://the-anarchyta.blogspot.com/feeds/comments/default?alt=json-in-script&callback=totalComments"></script></li>
</ul>