كيفية ادراج الاكواد في بلوجر كما في الووردبريس

بسم الله الرحمان الرحيم،
كما نعرف، ان ووردبريس كان متميزا عن بلوجر بمراحل، لكن بفضل الله و جهود الاداريين في بلوجر، اصبح افضل و اصبح يتقارن به، لكن للاسف لم يستطع ان يتألق عليه في اضافة واحدة على ما اظن، و هي اضافة ادراج الاكواد منسقة على صفحاته، لذا قررت ان ابحث لعلي اجد شيئا في هذا الصدد في المدونات العربية، لكن دون جدوى، لكنني لم ايأس، تابعت البحث الى ان وصلت الى الحل، الا و هو موقع لتدرج بواسطته اكوادك على مدونات بلوجر، ليكون مظهرها كالاتي:
الكود سوف يظهر بهذا الشكل في الحقيقة، اي على التدوينة:
- سوف تتسال و تقول انه اذا قمت بنسخ الكود سوف تاخذ الارقام الخاصة بالاسطر معه ايضا، هذه غير صحيح، جرب و سترى
   + لننتقل الى الشرح
- اولا عليك بالدخول الى الموقع: http://pastebin.com
- بعد الدخول الى الموقع، اماك اختياران، اما التسجيل في الخدمة او استعمالها مباشرة.
- لن اشرح عملية التسجيل، لانها عادية.
- بعد الدخول الى الموقع سيظهر لك مكان فارغ لتضع فيه الكود، و بعض الخيارات الاخرى، تابع الصورة:
- بعد ان تعبئ الخانات اضغط على Submit ليظهر لك كود التحقق، ادخله، ليظهر الكود هكذا في الصفحة:
- اضغط على كلمة Embed كما في الصورة اعلاه، لتظهر لك هذه الصفحة:
- قم بأخذ الكود المحدد، ثم الصقه في تدوينتك، لكن ستلاحظ ان وضعت كود طويل، سيكون الكود داخل الصندوق غير ظاهر كاملا و سيحتاج الى عملية تكبير للحقل حتى يظهر كاملا بشكل افضل، و هذه ما اقصده:
- ان اردته ان يظهر كما في المعاينة في اعلى الموضوع فعليك اضافة قيمة CSS في الكود و التعديل عليها الى ان تحصل على الارتفاع المطلوب، القيمة هي height:ْ XXXpx; حيث XXX هي القيمة العددية، مثال:
   + الكود يكون هكذا:

تجعله يظهر بهذا الشكل:

مع تغيير القيمة XXX بالقيمة المرادة.
- مع امكانية التعديل على الكود متى شئت كما في الصورة:
اظن ان هذا كان اول شرح عربي لموقع لاضافة الاكواد الى بلوجر باحترافية كما في الووردبريس،
انتهى الشرح، الى اللقاء، و نلتقي في شروحات افضل و حصرية على مدونتكم، مدونة رضا :-)
______________________________________________________

9 التعليقات:

أسماء || أم نضال || يقول...

ما شاء الله بصراحة أول مرة أشاهد هذه الطريقة

صادفت ما يشابهها لكن عند نسخ الكود تنسخ الأرقام الجانبية معها



بارك الله فيك ونفع بك

رضا يقول...

و الله مرورك يشرفني سيدتي ام نضال
شكرا لك :-)

علاء الدين يقول...

السلام عليكم،
موقع رائع حقا، لكنني أفضل الطريقة التقليدية !

علاء الدين يقول...

أدعوك أخي للتبادل الإعلاني مع مدونة مختارات، للمزيد من المعلومات : j.mp/AdM5tar

رضا يقول...

شكرا لك على المرور.
____________________
بخصوص الاعلان، اسف، لا توجد اماكن شاغرة للان

علي العسبلي يقول...

راااااااااائع جدا ولله جميل
ينفع لمواقع الشروحات والدروس
وكالعاده أول مره أشوفه الدرس هذا منور ياخوي رضا

رضا يقول...

اهلا و سهلا بك اخي
منور اكثر :-)

عين الحياة يقول...

تمام - تسلم ايدك
الحمد لله طبقت الطريقة و نجحت
جزاك الله خيرا

رضا يقول...

الحمد لله، شكرا لمرورك العطر

أضف تعليق

 
| مدونة رضا © 2010-2012 | تعريب وتطوير : عرب بلوجر | الى الاعلى |