اضافة مربع نص html | إلى مشاركات بلوجر

هل تريد عمل مربع نص html في مشاركات بلوجر ؟ إذا كنت تريد ذلك فتفضل لتعرف كيف تقوم بذلك بطريقة سهلة ومبسطة وهذا الدرس يعتبر من اسهل الدروس التي قدمتها في تعليم لغة html 

    حيث ان اضافة مربع النص بسيطة ولا تحتاج سوى كود بسيط ليتم تفعيلها داخل مدونتك 

    أهمية اضافة مربع نص html

    شكل مربع النص في مدونات بلوجر



    تكمن أهمية اضافة هذا الكود عند ادراج نص للمتابعين والمطلوب منهم نسخة وعند إضافتك لمربع النص يسهل على المتابعين نسخ النص من داخل المربع واستخدامه في ما يريدون 

    خصوصاً إذا كانت مدونتك من النوع الذي يمنع نسخ النصوص في مدونته وسيكون من الصعب على المتابعين كتابة الكود من صورة مثلاً

    وأيضاً هناك أهمية عند إضافة أكواد html طويلة وعرضها دون استخدام مربع نص سيأخذ مكان واسع من مشاركة مدونتك حيث ان استخدامه جميل ويحتوي النص مهما كان طويلاً ويمكن للمتابعين الانتقال من اعلى النص الى أسفله داخل المربع بالرغم من صغر ذلك المربع الذي لا يتجاوز 300px عرضا و 144px طولا 

    إذا كان نوع المربع يسمح بنسخ النص الموجود داخله بضغطة واحدة فذلك من الأفضل للمستخدم بدلاً عن تتبع النص وتحديده ثم نسخه

    وهذا المربع يتيح ذلك حيث ان بإمكان المستخدم الضغط على ( نسخ الكل ) وسيتم تحديد كل النص داخل المربع 

    كود اضافة مربع نص html

    هنا لدينا عدة أكواد بلغة html تسمح بتكوين مربع نص بعضها تم نقلها لكم من مواقع اخرى وبعضها صممتها شخصيا لتنال اعجابكم ولا اقول لكم اني ارغب الاكواد التي صممتها عبر تطبيق مستندات قوقل أكثر من المثال الأول الذي سترونه الآن وهذا هو الكود وأوصيكم باستخدامه لانه يتيح بضغطة واحدة نسخ النص الذي داخل المربع انضر الى الكود والمربع بالاسفل منه



    <form name="copy"><div align="center"><input onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button" value="نسخ الكل" /> </div><div align="center"></div><p align="center"><textarea cols="55" dir="ltr" name="txt" rows="100" style="height: 144px; width: 300px;">أضف الذي تريد أن يضهر في المربع هنا</textarea></p></form>




    أكواد مربع نص html تم تصميمها عبر تطبيق مستندات قوقل

     توجد بالاسفل يمكنك معاينتها واختيار أحدها إذا أردت ذلك هي عبارة عن مربعات تتمدد كلما اضفت داخلها نص مثل ادراج مربع نص في برنامج وورد قد تحب أحدها ، لنذهب الى المربع الاول


    المربع الأول معاينة

    مربع نص html وكيفية إضافته في 

    مشاركات مدونات بلوجر 





    المربع الثاني معاينة

    مربع نص ١

    مريع نص ٢




    المربع الثالث معاينة

    مربع نص ١

    مربع نص ٢

    مربع نص ٣

    مربع نص ٤




    اضافة كود مربع نص html في مشاركات بلوجر


    يمكنكم اضافة الكود عند تحرير مشاركات بلوجر في صفحة التأليف بلغة html حيث يمكنكم نسخ الكود ولصقه هناك ويستحسن أن يبدأ بفقرة جديدة هكذا 

    <p>الكود </p>

    أما بالنسبة لتعديل النص داخل الكود فلابد من التعديل عليه داخل صفحة التأليف بلغة html هذا بالنسبة للمربع الأول أما المربعات التي صممتها أنا عبر تطبيق مستندات قوقل فيمكنك اضافة الكود في صفحة التأليف بلغة html والتعديل على النص في صفحة التأليف العادية 

     

    طريقة اضافة مربع نص html في مشاركات بلوحر

    نتمنى أن تنال المشاركة اعجابكم ، شاركونا بالتعليقات في حالة وجود اي مشكلة تواجهكم أو ترغبون بإضافة أي نوع من المربعات 

    شاهد أيضاً

    ١)  مقدمة عن لغة html

    ٢) كل ما تريد معرفته عن السيو داخل وخارج الموقع الإلكتروني

    تحياتنا لكم





    إرسال تعليق

    0 تعليقات