وضع الاكواد في الموضوع في المدونة بلوجر بطريقة سهلة وبإحترافيه وتميز ( شرح بالصور ) ~ Status codes in Blogger Blog in an easy and professionally CSS + HTML

بسم الله الرحمن الرحيم 

س8

كيف حالكم ياطبيبن

من زمان ماحطيت موضوع بمدونتي

انشغلت كثير بالدنيا ~ ياجعل ربي مايشغلنا الا بطاعته بس عاد وش نسوي 

المهم

لقيت طريقة حللللللووووة عشان اقدر احط واضيف اكواد الهتمل في مدونتي

من قبل كنت انسخ من المنتدى واحطه هنا ف7

بس خلاص هذاك اول ض4 س2 خخخخخخخ

الحين مايحتاج راح احطه بدون معاناة وبطريقة سسسهلة مررااا

هذا مثال س3 :

هذا مثال لوضع الكود في المدونة
<div class="codeview">

</div>

::




الطريقه الأولى ~

 وهي على خطوتين فقط :

الخطوة الأولى ض8 /

 لوحة التحكم الرئيسية > قالب > نسخ احتياطي ( تنزيل النموذج كامل )
وبعد ماتحفظ قالبك تتوجه الى > تحرير HTML > متابعة > تحط صح على مربع ( توسيع قوالب عناصر واجهة المستخدم)

ونبحث على هالكلمة

]]></b:skin>


ونضع فوقها ( اعلاها ) هذا الكود :

.codeview {
pre class="alt2" dir="ltr" style="background-attachment: initial; background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-color: rgb(104, 104, 104); border-bottom-style: dashed; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(104, 104, 104); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(104, 104, 104); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(104, 104, 104); border-top-style: dashed; border-top-width: 1px; color: #333333; font-family: tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif; height: 90px; overflow-x: auto; overflow-y: auto; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; text-align: center; width: 735px;
}

بإمكانك تغير قيم الخلفية والعرض والطول :
الطول
العرض
لون الخلفية

ثم نضغط على   حفظ  

الخطوة الثانية ض8 /

ونروح نعمل موضوع
نضغط على تحرير HTML
ونضع هذا الكود :

<div class="codeview">

<!-- ضع الكود الخاص بك هنا بعد معالجته في موقع /postable/ -->

</div>

ملاحظة ~ طريقة معالجة الكود هيا ض1 :


ندخل على هالموقع /postable/
ونلصق الكود اللي بنكتبه , ونضغط على make it friendly
وبعدين ننسخة ونضعه مكان الكلام اللي باللون الفوشي

وبكذا انتهينا ’



الحين نجي للطريقة الثانية ~

وهي على خطوة وحده وسهلة ,


لما بـ نعمل موضوع
نضغط على تحرير HTML
ونضع هذا الكود :

<div class="codeview" style="background-clip: initial; background-color: white; background-image: initial; background-origin: initial; border-bottom-style: dashed; border-bottom-width: 1px; border-color: initial; border-image: initial; border-left-color: rgb(104, 104, 104); border-left-style: dashed; border-left-width: 1px; border-right-color: rgb(104, 104, 104); border-right-style: dashed; border-right-width: 1px; border-top-color: rgb(104, 104, 104); border-top-style: dashed; border-top-width: 1px; height: 90px; overflow-x: auto; overflow-y: auto; padding-bottom: 6px; padding-left: 6px; padding-right: 6px; padding-top: 6px; width: 735px;">

<br />

<span style="color: #444444;">هنا الكود</span></div>

<span style="color: magenta;"><b><br /></b></span><br />

وثم نضغط على تأليف

 وبعدين تستبدلون اللي باللون الفوشي بالكود اللي تبونة

ونفس الشي اذا تبون تغيرون الخلفية او العرض او الطول ,

ملاحظه ~ بالطريقة هاذي مايحتاج تعملون معالجة للأكواد ..





ومبرؤؤؤؤؤؤك عليكم هالاضااافه الحلوة

س9 س8







~






الفكره للطريقه الاولى من مدونة تقارب اما العمل والشرح والاكواد من عملي ..