شرح كيفية عرص كودhtml داخل اطار بمدونة بلوجر

عرض كود html داخل اطار خاص مميز بمدونة blogger يعطي طابع خاص وشكل جميل ومنظم لمواضيع المدونة لأن عرض الكود بدون اطار وبطريقة عشوائية أكيد يذهب جمال وجاذبية المدونات .

بحيث يمكننا عرض كود html بالمدونة داخل اطار خاص بالشكل واللون الذي نريد عن طريق التحكم في لون وحجم الإيطار .

- أولا نقوم بتسجيل الدخول الى المدونة الإلكترونية على موقع blogger .

- من لوحة التحكم نختار التخطيط ثم نختار تحرير html .

- نقوم بحفظ نسخة من قالب المدونة على جهاز الكومبيوتر .

-نضغط على المفتاح f3 الخاض بلوحة المفاتيح لإظهار مربع البحث ونقوم بالبحث عن الكود التالي داخل قالب html الخاص بالمدونة :

]]></b:skin>

-ثم نقوم بنسخ الكود التالي ولصقه مباشرة قبل الكود السابق .

.code{
margin : 15px 15px 15px 15px;
padding : 40px 10px 10px 10px;
clear : both;
list-style-type : none;
background : #f9f9f9 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIkIfDk7YTfqFP7EoeUTB8_BKotk2q4k9pSUdU4-u125rGxI66XKqz4XqWnmQzzwi95rEMwVmm-mMEwtV8QEr4wyBGtYY3QtpSs-bHGDNicNquBdSWfVwS5BOz9HbPOifUCtCacL9C2S5T/s1600/codeview2.gif) no-repeat left top;
border : 3px solid #eeeeee;
color : #7D7D7D;
}

- ثم نقوم بحفظ قالب المدونة .

ثانيا :

لعرض الكود html الذي نريد نذهب الى صندوق تحرير رسالة جديدة للمدونة الإلكترونية شاهد الصورة التالية :

- ثم نضغط تحرير html ونقوم بوضع الكود التالي :

<div class="code">
xxxxxxxxxxxxxxxxxxxxxxxxxxxx
</div>

في مكان xxxxxxxxxxxxx نقوم بلصق الكود الذي نريد ظهوره داخل اطار خاص بعد تشفيره