بسم الله الرحمــن الرحــيم.
السلام عليكم ورحمة الله تعالى وبركاته.
مرحبا بكم في موضوع جديد في مدونتي المتواضعة
.مدونة الحلم
أرجو التفاعل من حضراتكم
على سبيل التشجيع و الدفع نحو الأمام.
اليوم مع درس طريقة ارفاق كود HTML أو Javascript
في المواضيع داخل المدونة طبعا .وسيتم ذلك عبر خطوات بسيطة بإذن الله ، وبطريقتين إثنتين
سهلة وأسهل بكثير .كما جرت العادة
--(كتبت موضوعين صارت عادة 
)-- سنعطي مثال عن النتيجة، وهاهو ذا :
أكمل القراءة.
>> تنبيه << خذ نسخة للقالب لا قدر الله >> !!!
أولا : الطريقة الأولى
في هذه الطريقة يظهر الكود داخل إطار مثل الصورة
سجل الدخول ثم توجه إلى التخطيط - - > تحرير HTML.
ثم عبر Ctrl+f إبحث عن هذا الكود :
]]></b:skin>ثم ضع فوقه مباشرة الكود التالي :
.codeview {
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz1OFVBNOoAqcAVDeJvyw_8e_oIERgCoWkfoprBzNaDeD45F7_ilIGtrCh0t2ATThyJqGTmNGvKn4fCTtYaGJ82YB-AzjkkFJfAsbPNGJPItohbcJ22DuNYBA8EBLc-whGYkMUWQwaw8A/) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
<div class="codeview">
ضع هنا كود HTML أو Javascript
</div>
margin : 15px 35px 15px 15px;
padding : 10px;
clear : both;
list-style-type : none;
background : #ffffff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjz1OFVBNOoAqcAVDeJvyw_8e_oIERgCoWkfoprBzNaDeD45F7_ilIGtrCh0t2ATThyJqGTmNGvKn4fCTtYaGJ82YB-AzjkkFJfAsbPNGJPItohbcJ22DuNYBA8EBLc-whGYkMUWQwaw8A/) no-repeat right bottom;
border-top : 1px solid #eeeeee;
border-right : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
font-family : “Courier New”, “MS Sans Serif”, sans-serif, serif;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
ثم قم بالحفظ . . . . ومبروك 
لكن مهلاً - - -
يجب عليك استخدام الكود التالي، عندما تريد إدراج كود للمواضيع
ما تكتبه مكان الكتابة الحمراء سيظهر داخل الاطار الأبيض :
لكن مهلاً - - -
يجب عليك استخدام الكود التالي، عندما تريد إدراج كود للمواضيع
ما تكتبه مكان الكتابة الحمراء سيظهر داخل الاطار الأبيض :
<div class="codeview">
ضع هنا كود HTML أو Javascript
</div>
ثانيا : الطريقة الثانية
في هذه الطرية لا يظهر الكود داخل إطار أو أي شيء آخر، مثاله في هذا الموضوع
والتي استعملتها في هذا الموضوع
يكفي أن تتوجه نحو هذا الرابط --هنا--
ضع الكود المراد إرفاقه في الموضوع في الخانة اليسرى ثم إضغط convert
وألصق الكود الناتج بطريقة عادية في الموضوع في المكان المراد .
أسهل ما يكون.
لكن سيظهر الكود فقط،
و بدون اطار.
أرجو أن تتركو تعليقا تقديرا للمجهود المبذول، سواء شكر أو نصيحة أو إستفسار أو مجرد رأي .
في هذه الطرية لا يظهر الكود داخل إطار أو أي شيء آخر، مثاله في هذا الموضوع
والتي استعملتها في هذا الموضوع
يكفي أن تتوجه نحو هذا الرابط --هنا--
ضع الكود المراد إرفاقه في الموضوع في الخانة اليسرى ثم إضغط convert
وألصق الكود الناتج بطريقة عادية في الموضوع في المكان المراد .
أسهل ما يكون.
لكن سيظهر الكود فقط،
و بدون اطار.أرجو أن تتركو تعليقا تقديرا للمجهود المبذول، سواء شكر أو نصيحة أو إستفسار أو مجرد رأي .
6 تعليقات:
السلام عليكم
الطريقة الثانية أسهل بكثير ولا تحتاج أدنى مجهود .
أشرحها المرة القادمة بإذن الله .
شرح طيب سلمت يدآك ^^
شكرا على الإهتمام والرد الحلو . . .
أرجو أن تشرفينا و تزورينا مرة أخرى.
مشكووور اخي على الطريقتين لكن راح اجرب الاولى لانه متميزة
و لكن قالبك غير معرب و لهذا حاول تعريبه
شكرا اخي الياس على الرد
وبخصوص القالب :: هذا ما قدرت عليه ::
شكرا مرة ثانية
السلام عليكم ورحمة الله وبركاته ممكن طلب
ياريت تشرحلي كيف عملت الشيط المتحرك الي فوق
وكذلك خط السمر الخاص بالصفحات شكرا
إرسال تعليق
السلام عليكم ورحمة الله
شكرا أخي/أختي على الاهتمام
شرف لي أن تحتوي مدونتي على ردك