كتابة كود بمدونات بلوجر وعمل scroll box

من المعلوم أنه عند كتابة كود بموضوع ما إما انه لا يظهر أو يرسل رسالة خطأ بـ html، وفي هذا الموضوع سوف أعرض عليكم أحدى طرق كتابة كود html بمدونات بلوجر، فهناك طريقة رأيتها في أحدى المدونات ولكن لم تنجح معي، وهنا الطريقة سهلة جدا بدون التعديل في القالب، وسيكون المثال على كود لعمل -لا أدري ما أسميه بالضبط ولكن هو- صنوق ذات حجم معين يطلقون عليه scroll box يمكنك وضع صورة كبيرة به، كما يمكنك كتابة الأكواد به، وكما يمكنك من كتابة نص طويل أو تقرير لبرنامج ما، وربما يكون له مزيدا من الفوائد،،،


لكتابة كود بمدونات بلوجر ينبغي بعض التعديلات على الكود وهذا ما سوف نقوم به،
نغير > إلى

ونغير < إلى

كيف نقوم بهذا؟
ننسخ الكود الذي نريده ونلصقه في ملف نصي notepad ومن ثم نذهب إلى تحرير edit ثم نضغط على استبدال replace ثم نختار استبدال الكل replace all .... لا حظ الصورتين أسفل






مثال على ما تقدم:
بعد عمل التعديلات السابقة ننسخ الكود بالشكل الجديد ونضعه في تحرير html أفضل من تأليف للتحكم بمحاذة النص وخلافة، وسوف يظهر عند المعاينة بالشكل المطلوب، وهذا هو كود عمل scroll box سوف أضعه خارج الصندوق هكذا


<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>


وهذا نفس الكود قمت بوضعه بالصندوق

<div style="width: 395px; height: 400px; background-color: a0ffff; color: 000000; font-family: arial; font-size: 12px; text-align: left; border: 0px solid 00000; overflow: auto; padding: 4px;">ضع ما تريد هنا</div>


للإشارة يمكن التعديل على طول وعرض الصندوق وكذلك لون الخلفية به...

وللعلم يمكن عمل التعديل على الكود من خلال هذه الأداة
Encode Decode HTML

كما يمكن عمل scroll box بواسطة هذه الأداة
scroll box generator

المصدر: Peter

لكم تحياتي واتمنى لكم الفائدة المرجوة

5 التعليقات:

المرشد الامين إلى عالم التدوين يقول...

بالنسبة للطريقة الاولى فقد جربتها في مدونتي لكنها تصادف بعض المشاكل في التنسيق خاصة بعد تعريب القالب حتى مع استعمال الأداة المدكورة لذلك لجات في تدوينات اخرى إلى وسم ifram .
اما الطريقة الثانية scrol box فقد استفدتها منك وسأجربها إن شاء الله
ولك الشكر الجزيل على المعلومة.

Eng. A. Srhan يقول...

أهلا بك أخي عمر
بالنسبة للطريقة الأولى فهي فعلا تحتاج لحرص في جعلها يسارا في حين النص يكون يمينا وأفضل شيء هو استخدام الأكواد الخاصة بالتنسيق في تحرير html لو تقصد هذا الأمر..
لك الشكر على مرورك ومشاركتك بمدونتي المتواضعة...

حبيبى يا رسول الله يقول...

السلام عليكم ورحمة الله وبركاته
جزاك الله خيرا على الشرح
لكن لى سوال
اسال الله ان اجد لديك اجابته
اريد عمل مدونة مثل مدونتك ولكن عجز عقلى عن استكمال باقى المواضيع
فما اريد منك توضيحه هو
كيف وقف الاعلانات الغير مستحبة واعلانات النصارى
كيفية تنسيق المواضيع مثل مدونتك وتنسيقها
كيفية اضافة مواقع استماع القران الكريم الى مدونتى
وجزاكم الله خيرا

Forex Vision consulting يقول...

اخى الكريم تحية طيبة
استكمالا لاسئلتي حول مدونتي التى بداتها من شهرين حينما افحص حالة اعلانات ادسنس دائما مكتوب فى حالة انتظار الموافقة فهل هناك عائق فنى بالموضوع ام ان هذا امر طبيعي وشكرا
http://forex-stage.blogspot.com

Forex Vision consulting يقول...

تحية طيبة
عملت مدونة منذ شهرين ولا تظهر بمحرك جوجل حتى الآن
احيانا من بعض المواقع الاخرى ياتيني بان مدونتي بها iframe فهل ذلك السبب هو ما يمنع ظهورها بمحركات البحث عموما ؟
كيف اغير من تصميم شكل المدونة سواء بالمستطيل العلوى الموجود به اسم الدونة فقط بشكل تقليدي الى اشكال جيدة فيها خلفيات صور وكتابات
وكيف اغير تصميم الناحية اليمني التى اضع فيها روابط باشكال مختلفة عن الاشكال الاساسية التى اخترت منها حين عملت المدونة ؟
كيف احسن ترتيب المدونة بعد طبعا اظهارها بمحركات البحث ؟
اين اضع الكلمات الدليلية بالضبط التي تجذب الزوار للمدونة في اى منطقة وكيف تكتب ؟
كيف اضيف ملفات ( صوتية ) وملفات ( فيديو ) داخل المدونة واين توضع والكيفية
جزاك الله خيرا
http://forex-stage.blogspot.com

:)) ;)) :D ;) :p :(( :) :( :-o :-/ :| :-t b-( :-L x( =))

إرسال تعليق