إنشاء صندوق لإختصار أكواد 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://www.4bignet.blogspot.com/">مدونة عملاق النت</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://4bignet.blogspot.com/">مدونة عملاق النت</a></div>

شرح فيديو بسيط لتفادي الوقوع في الخطأ