نيو ويب بلوجر { NEW WEB }: طريقة عمل صندوق للأكواد HTML بالمواضيع لبلوجر

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

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

أولا -  صندوق أكواد مزود بإطار يمكنك تغيير ارتفاعه وعرضه وكذلك سماكة الإطار ولونه - تابع الألوان - كل ما عليك هو نسخ الكود داخل الصندوق وعند انشاء مشاركة جديدة قم بالضغط على "HTML"  بجانب  " تأليف  " ولصقه ثم اضغط بعدها على   " تأليف   لتجد أنه قد تم انشاء صندوق يحتوي على جملة ( اكتب الكود هنا ) قم بحذفها وإضافة الكود ...

<div style="font-family:georgia; font-size: 16px; height: 150px; overflow: scroll; width:550px;border:2px solid black;"> الصق الكود هنا</div> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"> <a href="http://new2015.blogspot.com/">مدونة New Web</a></div>

معاينة للكود :

<div style="font-family:georgia; font-size: 16px; height: 150px; overflow: scroll; width: 550px;border:2px solid black;"> الصق الكود هنا</div> <div style="font-family: verdana,arial,sans-serif; font-size: 10px;"> <a href="http://new2015.blogspot.com/">مدونة New Web</a></div>

مدونة New Web

يمكنك تعديل كل ما هو باللون الأحمر داخل الكود

ثانيا - صندوق اخر بدون اطار خارجى :

<div style="font-family:georgia; font-size: 16px; height: 150px; overflow: scroll; width:550px;">

الصق الكود هنا</div>

<div style="font-family: verdana,arial,sans-serif; font-size: 10px;">

<a href="http://new2015.blogspot.com/">مدونة New Web</a></div>

معاينة للكود :

<div style="font-family:georgia; font-size: 16px; height: 150px; overflow: scroll; width:550px;">
الصق الكود هنا</div>
<div style="font-family: verdana,arial,sans-serif; font-size: 10px;">
<a href="http://new2015.blogspot.com/">مدونة New Web</a></div>

مدونة New Web

اتمنى من الله ان اكون وفقت بالشرح

عنوان التدوينة: طريقة عمل صندوق للأكواد HTML بالمواضيع لبلوجر
تقييم : 100من 100مرتكز على 53 تقييم.
الكاتب / المدير : Unknown
التسميات : أضافات بلوجر ، قوالب وأضافات بلوجر
توقيت النشر : 1:04 ص

عدد التعليقات : 0

عدد المشاهدات :

الرجاء مشاركة الموضوع لتعم الفائده على الجميع

فيس بوك

غرد

تويتر

جوجل +

لينكدان

get