الأحد، أبريل 18، 2010

كيفية عرض نص داخل اطار خاص بمدونتك


بواسطة هذه الخاصية أو الإضافة تستطيع عرض أي نص تريد ظهوره لزوار مدونتك بشكل مميز وملفت للإنتباه عن طريق وضعه داخل صندوق أو اطار خاص يمكن تحديد وتغيير حجمه ولونه بالشكل واللون الذي تريد .

 لأضافة هذه الخاصية الى مدونتك اتبع الخطوات البسيطة التالية :

* قم بتسجيل الدخول الى مدونتك على blogger

*  اذهب الى لوحة التخطيط ثم اختر تحرير html .

* قم بحفظ نسخة من قالب مدونتك كخطوة احتياطية .

*  اضغط f3 من لوحة المفاتيح وابحث عن الكود التالي :


</b:skin>


*  ثم قم بلصق الكود التالي قبل الكود السابق تماما


.mbt-textarea {

padding:0;

margin:0;

width:400px;

height:40px;

color:#0080ff;

font:12px arial;

background:#fff;

border:1px dotted #289728; }

.mbt-textarea:hover {

color:#289728;

border:2px solid #666; }

.mbt {

padding-top:3px;

margin:0;

color:#289728;

font-size: 9px;

font-family: sans-serif, verdana;

}


*  قم بحفظ قالب مدونتك .

-الأن أصبح بامكانك اضافة صندوق خاص بالنصوص التي تريد تمييزها عن باقي نصوص التدوينة أو الموضوع .

1 - كيف أستخدم الأداة :

* من صندوق تحرير الرسائل  اختر تحرير html .

* قم بنسخ الكود التالي ولصقه داخل تحرير html :


<textarea class="mbt-textarea" readonly="readonly">xxxxxxxxxxxxxxx</textarea>
<p class="mbt" ><u> </u></p>



* الأن يمكنك اضافة النص الذي تريد ظهوره داخل اطار خاص مكان الرمز xxxxxxxxxxxx بحيث يمكنك كتابة النص أو لصقه من خاصية تحرير html الخاصة بصندوق تحرير رسائل المدونة الألكترونية .

2- شاهد كيفية استخدام الأداة بواسطة مقطع فيديو مصغر



ملاحظة : الكود قد يظهر بانه كود غير سليم لكن الكود سليم فقط قم بنسخه بطريقة صحيحة .
سيظهر النص الذي تريد داخل اطار بالشكل التالي :

هناك 6 تعليقات:

  1. طريقة سهلة شكرا لك
    http://my-amwaj.blogspot.com/

    ردحذف
  2. مميز اخي

    كما يشرفني

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

    blog al3lamy

    http://al3lamy.blogspot.com

    ردحذف
  3. شكرا لك أخي
    http://barca-vs-real.blogspot.com/

    ردحذف
  4. وين انسخه بالضبط
    اضغط ثم اختر تحرير html .

    - قم بنسخ الكود التالي ولصقه داخل تحرير html :
    يعني امسح الكود الموجود او انسخ هذا الكود في الاسفل

    ردحذف
  5. الأخ أحمد الروقي شكرالك على التعليق وأعتذر على التأخر في الرد،قد تم ادراج توضيح بالفيدو.

    وان وجدت اشكالا ثانيا فتفضل بادراج تعليق وسنحاول التوضيح أكثر.

    ردحذف
  6. موضوع جيد للمدونات التى تضيف اكواد.

    ردحذف