KHUNG CHEN CODE, BAI VIET , JAVASCRIPT, CSS... CHO WEB, BLOG

Một số code chèn Bài viết, JavaScript, Css vào trong khung nhất định hay, có thể khi tạo web hoặc blog bạn sẽ cần dùng tới.
Lưu ý:
Thay đoạn code theo ý của bạn [ Rows="Cao" Cols="Dài" ]
Code 1:
<textarea name="code" rows="3" cols="42" style="background: #000; color: #fff; border: 2px inset #ccc; line-height: 1.5em; padding: 0 7px; -moz-border-radius: 5px;"> Phần nội dung</textarea>
Demo:
<span class="entDots">... </span> <span class="entryReadAll"> <a class="entryReadAllLink" href="/news/khung_chen_code_bai_vi_t_javascript_css_cho_web_blog/2015-01-29-10">Đọc thêm »</a> </span></span></span> <div class="links"> <a href="/news/khung_chen_code_bai_vi_t_javascript_css_cho_web_blog/2015-01-29-10">Read more >></a> </div> <div class="clear"></div> </div> <div class="news_r"> <div class="date" title="Thời gian đăng bài: 3.49.47 PM">29/01/2015</div> <ul> <li><i class="news_comm"></i><a href="/news/khung_chen_code_bai_vi_t_javascript_css_cho_web_blog/2015-01-29-10#comments">(0)</a></li> <li><i class="news_view"></i>287</li> <li><i class="news_user"></i><a href="javascript:;" rel="nofollow" onclick="window.open('/index/8-1', 'up1', 'scrollbars=1,top=0,left=0,resizable=1,width=700,height=375'); return false;">Admin</a></li> <li><i class="news_cat"></i><a href=""></a></li> </ul> </div> </div></div></td></tr></table><!-- </body> --></section> </div> <aside> <div id="sidebar"> <!--U1CLEFTER1Z--><!-- <block1> --> <div class="sidebox clearfix"> <div class="sidetitle"><span> Welcome,<b>Khách</b>! </span></div> <div class="inner"> <div class="login-button"> <a type="button" title="Sign Up" href="/register">Sign Up</a> <a type="button" title="Log In" href="javascript:;" rel="nofollow" onclick="loginPopupForm(); return false;">Log In</a> </div> </div> </div> <!-- </block1> --> <!--<Hộp thông tin>--> <div class="sidebox clearfix"> <div class="inner"> <div class="avt_buyer"> <a href="/avatar/Admin-fb.jpg" class="ulightbox" target="_blank" alt="fanpage"> <img class="sprite brg_member" src="/avatar/Admin-fb.jpg"></a> <div class="box_avt"> <a href="/avatar/Admin.png" class="ulightbox" target="_blank" alt="avatar"> <img class="avatar avt_user current" src="/avatar/Admin.png"></a> </div> <p class="roboto">Admin:<span class="buyer_name"><a href="https://www.facebook.com/nvt.star89" target="_blank">Star Nguyễn</a></span></p> <!-- <tab thông tin> --> <div id="bt_tabmenu"> <li><p tabindex="0" onclick=""><a href="#" tabindex="-1" title="" #="" class="fermoir">▲</a></p> <ul> <li> <a tabindex="0"> Mình không học về lập trình nhưng rất thích tìm hiểu về code web. <br /> Mình tạo ra trang web này với mục đích giao lưu học hỏi và chia sẻ kinh nghiệm với mọi người.<br /> Đây là trang web được lập trình dựa trên phần mềm của uCoz.com và cũng là trang cộng đồng trực tuyến.<br /> Mọi người có thể đăng các bài viết hay để chia sẻ tới người khác,cũng như để trao đổi thông tin với nhau và cùng nhau tham khảo ý kiến.<br /> Rất mọng mọi người ủng hộ và góp ý ạ,mình sãn sàng và vui vẻ đón nhận những góp ý của mọi người.<br /> Hy vọng web có thể giúp mọi người tìm được những gì cần thiết.</a> </li> </ul> </li> </div> <!-- </tab thông tin> --> </div> <ul class="list_sp_sh"> <li class="list_sp_child"> <i class="backs_list1"></i>Ngày sinh <spam class="clor_list">10 - 10 - 1989</spam></li> <li class="list_sp_child"> <i class="backs_list2"></i>Từng học tại <spam class="clor_list">TT - Martino Music</spam></li> <li class="list_sp_child"> <i class="backs_list3"></i>Sở thích <spam class="clor_list">Nghệ thuật,thể thao</spam></li> <li class="list_sp_child"> <i class="backs_list4"></i>Sống tại <spam class="clor_list">Thuận An,Bình Dương</spam></li> <li class="list_sp_child"> <i class="backs_list5"></i>Công việc <spam class="clor_list">Giám sát VS-ATLĐ</spam></li> <li class="list_sp_child"> <i class="backs_list6"></i>Đến từ <spam class="clor_list">Triệu Lộc,Hậu Lộc,Thanh Hóa</spam></li> </ul> <br /> </div> </div> <!--</Hộp thông tin>--> <!--<Hộp tìm kiếm goole>--> <div class="sidebox clearfix"> <div class="inner"> <script> (function(){var cx = '000181075989197593034:kbweia-fuv8';var gcse = document.createElement('script');gcse.type = 'text/javascript';gcse.async = true;gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;var s = document.getElementsByTagName('script')[0];s.parentNode.insertBefore(gcse,s);} )();</script> <style> .cse .gsc-search-button input.gsc-search-button-v2,input.gsc-search-button-v2{width:35px;height:25px;padding:5px 10px;min-width:12px;margin-top:2px;} </style> <gcse:search></gcse:search> </div> </div> <!--</Hộp tìm kiếm google>--> <!--<Hộp Fanpage>--> <center class="sidebox clearfix"> <!--<code>--> <div id="fb-root"></div> <script>(function(d,s,id){var js,fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s);js.id = id;js.src = 'https://connect.facebook.net/vi_VN/sdk.js#xfbml=1&version=v2.11&appId=1860217734295102&autoLogAppEvents=1';fjs.parentNode.insertBefore(js,fjs);} (document,'script','facebook-jssdk'));</script> <div class="fb-page" data-href="https://www.facebook.com/tc.ifox/" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/tc.ifox/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/tc.ifox/">IFox Media</a></blockquote></div> <!--</code>--> </center> <!--</Hộp Fanpage>--> <!--</TABS chuyên mục>--> <div class="sidebox clearfix"> <script src="/js/tabs-pm.v2.js"></script><center> <a class="tab_vs02a" onclick="javascript:tab_click(1,this,'box_ida','tab_box','tab_current_box','tab_back_box')" href="javascript:"><b>Lịch HĐ</b></a> <a class="tab_vs02a" onclick="javascript:tab_click(2,this,'box_ida','tab_box','tab_current_box','tab_back_box')" href="javascript:"><b>Box</b></a> <a class="tab_vs02a" onclick="javascript:tab_click(3,this,'box_ida','tab_box','tab_current_box','tab_back_box')" href="javascript:"><b>User</b></a> <a class="tab_vs02b" onclick="javascript:tab_click(4,this,'box_ida','tab_box','tab_current_box','tab_back_box')" href="javascript:"><b>Chát</b></a> </center> <div class="inner"> <div class="tab_box_ida" id="tab_box_ida1" style="display:block"> <!--<lich-hd>--><script src="/js/calendar-hd.min.js"></script><!--</lich-hd>--> </div> <div class="tab_box_ida" id="tab_box_ida2" style="display:none"> code </div> <div class="tab_box_ida" id="tab_box_ida3" style="display:none"> code </div> <div class="tab_box_ida" id="tab_box_ida4" style="display:none"> <!--<chat>--><iframe id="mchatIfm2" style="width:100%;height:300px" frameborder="0" scrolling="auto" hspace="0" vspace="0" allowtransparency="true" src="/mchat/"></iframe> <script> function sbtFrmMC991( form, data = {} ) { document.querySelector('#mchatBtn').style.display = 'none'; document.querySelector('#mchatAjax').style.display = ''; _uPostForm( form, { type:'POST', url:'/mchat/?246619125.932646', data } ) return false } function countMessLength() { var message = document.querySelector('#MCaddFrm').mcmessage.value; var rst = 200 - message.length; if (rst < 0) { rst = 0; message = message.substr(0, 200); } document.querySelector('#jeuwu28').innerHTML = rst; } var tID7174 = -1; var tAct7174 = false; function setT7174(s) { var v = parseInt(s.options[s.selectedIndex].value); document.cookie = "mcrtd=" + s.selectedIndex + "; path=/"; if (tAct7174) { clearInterval(tID7174); tAct7174 = false; } if (v > 0) { tID7174 = setInterval("document.getElementById('mchatIfm2').src='/mchat/?' + Date.now();", v*1000 ); tAct7174 = true; } } function initSel7174() { var res = document.cookie.match(/(\W|^)mcrtd=([0-9]+)/); var s = $("#mchatRSel")[0]; if (res && !!s) { s.selectedIndex = parseInt(res[2]); setT7174(s); } $("#mchatMsgF").on('keydown', function(e) { if ( e.keyCode == 13 && e.ctrlKey && !e.shiftKey ) { e.preventDefault() this.form?.requestSubmit() } }); } </script> <form id="MCaddFrm" onsubmit="return sbtFrmMC991(this)" class="mchat" data-submitter="sbtFrmMC991"> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td><select id="mchatRSel" onchange="setT7174(this);" class="mchat" title="Auto refresh" style="font-size:7pt;"><option value="0">--</option><option value="15">15 sec</option><option value="30">30 sec</option><option value="60">1 min</option><option value="120">2 min</option></select></td> <td width="70%" align="right"> <a href="javascript:;" rel="nofollow" onclick="document.querySelector('#mchatIfm2').src = '/mchat/?' + Date.now(); return false;" title="Refresh"><img alt="" border="0" align="absmiddle" src="http://s102.ucoz.net/img/fr/mcr.gif" width="13" height="15"></a> </td></tr></table> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td colspan="2"><input type="text" maxlength="60" name="uname" class="mchat" id="mchatNmF" placeholder="Name" title="Name" style="width:100%;"></td></tr> <tr><td width="50%"></td><td></td></tr> </table> <table border="0" cellpadding="1" cellspacing="1" width="100%"> <tr><td width="95%" rowspan="2"><textarea name="mcmessage" class="mchat" id="mchatMsgF" title="Message" onkeyup="countMessLength();" onfocus="countMessLength();" style="height:40px;width:100%;resize:none;">