Blockquote Keren

Simpan kode ini di atas ]]></b:skin> atau </style> /*===== blockquote =====*/ blockquote { background-color: #E9E9E9; font:normal normal 12px/14px "Courier New",Courier,monospace !important; color: #505050; overflow:auto; margin:0 0 1em; padding:1em; border-right: 1px solid #949494; border-bottom: 1px solid #949494; } blockquote, blockquote .line-number { font:normal normal 12px/14px "Courier New",Courier,monospace !important; display:block; white-space:pre; } blockquote .line-number { float:left; margin:-1em 1em -1em -1em; text-align:right; background-color:#5F5F5F; color:#ffffff; padding:1em .2em 1em .2em; border-right:1px solid #383838; } blockquote br { display:none; } blockquote .line-number span { display:block; padding:0 .7em 0 1em; } blockquote .cl { display:block; clear:both; } Simpan kode ini di atas </body> <script type='text/javascript'> //<![CDATA[ var pre = document.getElementsByTagName('blockquote'), pl = pre.length; for (var i = 0; i < pl; i++) { pre[i].innerHTML = '<span class="line-number"></span>' + pre[i].innerHTML + '<span class="cl"></span>'; var num = pre[i].innerHTML.split(/\n/).length; for (var j = 0; j < num; j++) { var line_num = pre[i].getElementsByTagName('span')[0]; line_num.innerHTML += '<span>' + (j+1) + '</span>'; } } //]]> </script>