طريقة وضع كود أو نص داخل إطار تحديد الكل

<div dir="rtl" style="text-align: right;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMow_W53yJgZvmSLyZlZOJnv6M4B2qwXGz71RL5Hx4aKiavD4lQAyuXO7WNxjXxdJ0PmnWChtwOS-3WPgRwNSfFv3rOcEHhTYzCJQS0UW52jfg8H8QDxgqyD2wfbmgze0t6vmxlN1t8MF/s1600/050.jpg" imageanchor="1" style="clear: right; float: right; margin-bottom: 1em; margin-left: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgaMow_W53yJgZvmSLyZlZOJnv6M4B2qwXGz71RL5Hx4aKiavD4lQAyuXO7WNxjXxdJ0PmnWChtwOS-3WPgRwNSfFv3rOcEHhTYzCJQS0UW52jfg8H8QDxgqyD2wfbmgze0t6vmxlN1t8MF/s1600/050.jpg" /></a></div> <br /> <div class="post-body" style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 1.5em;"> <div dir="rtl" trbidi="on"> <div dir="rtl" trbidi="on"> <br /></div> <div dir="rtl" trbidi="on"> <div class="post-body" style="line-height: 1.5em;"> <div dir="rtl" trbidi="on"> <div dir="rtl" trbidi="on"> <br /> أحيانا قد يتطلب أن نضيف كود طويل وهناك عدة طرق لفعل ذلك ولكن كنوع من التسهيل على القراء يمكن أن يتم إضافة الأكواد داخل إطار يسمح بتحديدها كلها ليسهل النسخ <b>Text area With Select All</b>والطريقة سهله وبسيطة فقط نتبع التالي<br /> ندخل الى تحرير القالب وفوق الوسم <b></head></b> نضيف الكود التالي<br /> <br /> <blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); font-family: Arial; margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"> <script type="text/javascript"><br /> function selectAll()<br /> {<br /> document.form1.demo.focus();<br /> document.form1.demo.select();<br /> }<br /> </script></blockquote> <br /> <div style="text-align: center;">  ثم عند كتابة موضوع نحول لوحة الكتابة من <span style="color: red;">تأليف</span> الى وضع <b><span style="color: blue;">HTML</span></b></div> <div style="text-align: center;"> <br /> <a href="http://www.blogger.com/blogger.g?blogID=477844892825172877" name="more" style="color: #8a0808;"></a><br /> ثم نضع الكود التالي</div> <br /> <blockquote class="tr_bq" style="background-color: #f2f2f2; border: 3px dashed rgb(187, 187, 187); font-family: Arial; margin: 7px 0px; max-height: 250px; overflow: auto; padding: 9px;"> <form name="form1" ><br /> <textarea cols="<span style="color: #38761d;"><b>25</b></span>" rows="<span style="color: red;"><b>10</b></span>" name="demo"><br /> أكتب هنا الكود او الكلمات التي تريد<br /> </textarea><br /> </br><br /> <input type="button" name="selectit" value="تحديد الكل" onclick="selectAll ();"><br /> </form></blockquote> <br /> <div style="text-align: center;"> على أن <b><span style="color: red;">10</span> =</b> عدد الصفوف</div> <div style="text-align: center;"> و <b><span style="color: #38761d;">25</span> =</b> عدد عرض الأحرف</div> </div> </div> </div> <div class="post-footer" style="background-color: whitesmoke; border: 1px solid rgb(221, 221, 221); line-height: 20px; margin-top: 10px; padding: 8px 10px;"> <br /></div> </div> </div> </div> <br /> <div> <div class="post-body" style="-webkit-text-stroke-color: rgb(150, 151, 150); -webkit-text-stroke-width: 0.4000000059604645px; font-family: 'Droid Arabic Kufi'; font-size: 14px; line-height: 1.5em;"> <div dir="rtl" trbidi="on"> <div style="text-align: center;"> <form name="form1"> <textarea cols="25" name="demo" rows="10">