مكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخولالبوابةالرئيسية

شاطر | 
 

  كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
قلم رصاص

avatar


الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011



منتديات المدونون العرب

مُساهمةموضوع: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الأربعاء نوفمبر 16, 2011 5:39 pm

طريقة وضع اكواد HTML او PHP او اي اكواد اخرى بداخل مواضيع مدونة بلوجر،


المشكلة انه لو انت وضعت الكود مباشرة في الموضوع، فسيتم معالجته على انه كود HTML و يتم

ترجمته من طرف المتصفح. و لن يظهر كما تريده. لذا لحل هذه المشكلة، اتبع الطريقة التالية.


1) كتابة اكواد HTML بداخل مواضيع بلوجر:


اولا اكتب الكود الذي تريد، ثم قم بنسخه

و الصقه في هذا الموقع:
http://centricle.com/tools/html-entities/



بعد ذلك ينتج لك كود جديد (معدّل من السابق).


بعد ذلك ينتج لك كود جديد (معدّل من السابق).


ثم اضغط على encode مثل ما هو مبيّن في الصورة:



الرجوع الى أعلى الصفحة اذهب الى الأسفل
قلم رصاص

avatar


الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011



منتديات المدونون العرب

مُساهمةموضوع: رد: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الأربعاء نوفمبر 16, 2011 5:41 pm

بعد ذلك ينتج لك كود جديد (معدّل من السابق).



قم بنسخه، و ضعه في الموضوع عادي جدا،

و عندما تنشر الموضوع سيظهر الكود بشكل جيد للزوار و بدون اي مشكل.


مثال عن النتيجة:

<hr>
<p>Arab publishers Blog</p>


الرجوع الى أعلى الصفحة اذهب الى الأسفل
قلم رصاص

avatar


الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011



منتديات المدونون العرب

مُساهمةموضوع: رد: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الأربعاء نوفمبر 16, 2011 5:42 pm

2) تنسيق الاكواد في مدونة بلوجر:



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

على عشرات الاسطر، حتما سيأخذ مكانا كبيرا من الموضوع، فما رأيك ان نقوم بتنسيقها و نضعها

بداخل اطار جميل و بالعرض و الارتفاع الذي نريده، تابع معي.


ادخل الى تحرير HTLM في لوحة تحكم مدونتك.

و ابحث لنا عن التالي:


]]></b:skin>



و اضف قبله التالي:


#code {

padding:5px;

border:1px dashed;

background-color:#a4ddff;

direction: ltr;

text-align: left;

height:100px;

overflow-y:scroll;

}



* خلفية اطار الكود

* ارتفاع اطار الكود


و قم بالحفظ.

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


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

ثم اضغط على HTML في صندوق تحرير الموضوع.




الرجوع الى أعلى الصفحة اذهب الى الأسفل
قلم رصاص

avatar


الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011



منتديات المدونون العرب

مُساهمةموضوع: رد: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الأربعاء نوفمبر 16, 2011 5:43 pm




ثم ابحث عن الكود الذي وضعته.


و اضفه بداخل اطار (خلية) مستعملا تنسيق الاطار الذي وضعناه.

مثل ما هو موضح في الصورة:





الرجوع الى أعلى الصفحة اذهب الى الأسفل
قلم رصاص

avatar


الدولة: : أم الدنيا مصر
رقم العضوية: : 3
عدد المساهمات : 638
نقاط نشاط العضو: : 1035
تاريخ التسجيل : 12/11/2011



منتديات المدونون العرب

مُساهمةموضوع: رد: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الأربعاء نوفمبر 16, 2011 5:44 pm

شرح اكثر لما قمنا به:


<div id="code">

<hr>

<p>Arab publishers Blog</p>

</div>




مثال عن النتيجة، بعد النشر:


<hr>
<p>Arab publishers Blog</p>




ارجو ان يكون الدرس افادكم،





الرجوع الى أعلى الصفحة اذهب الى الأسفل
خلفان




الدولة: : سلطنة عمان
رقم العضوية: : 47
عدد المساهمات : 3
نقاط نشاط العضو: : 3
تاريخ التسجيل : 09/12/2011

منتديات المدونون العرب

مُساهمةموضوع: رد: كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة    الجمعة ديسمبر 09, 2011 6:34 pm

شكرا لك على هذه الطريقة
بارك الله فيك


تسعدني زيارتك لمدونتي

http://khalfanblog.blogspot.com/
مدونة خلفان
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://khalfanblog.blogspot.com/
 
كيف تضع الاكواد مثل: Html في مدونات بلوجر و تنسقها بسهولة
استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
المدونون العرب :: قسم التدوين والمدونات :: منتدى التقنية :: معرض الاضافات-
انتقل الى: