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

ولأول مرة سوف أقوم بشرح هذه الطريقة بالفيديو والتي سوف أظهر فيها كيفية تحديدي للمدونات الخاصة بي والتي إريد إظهارها وإخفاء المدونات الأخرى,(لمشاهدة الفيديو إضغط على الصورة أسفله  )
1.مدونة أبو إياد
2.مدونة Comment Fabriquer
3.مدونة Couches Bebe

أتمنى أن تتركو إنطباعاتكم وآرائكم حول الفيديو لأن آراءكم تهمنا ،بالتوفيق للجميع

Résuméabuiyad

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

باسم الله الرحمن الرحيم ,السلام عليكم ورحمة الله  ,ھذا شرح لطريقة تغيير شكل مؤشر الماوس على مدونات بلوجر فهذه الطريقة تمكننا من تغيير شكل المؤشر حسب الرغبة وجعله مناسب لمحتوى المدونة  نبدأ باسم الله تعالى :
نذھب الى احد المواقع التي تعطي كود مؤشر مجاني لإختيار شكل مؤشر مناسب لمدونتنا ,ھذا احد المواقع المجانية يوجد به الكثير من المؤشرات الجميلة, الدخول للموقع من ھنا
ھذه قائمة بالاشكال المتوفر في الموقع :

نقوم باختيار الشكل المناسب لنا ,على سبيل المثال اخترنا ھذا الشكل :

سوف نجد اسفل الشكل ضمن تبويب (Universal) الكود الخاص بهذا المؤشر
نقوم نسخه

 

 

بعد اختيار الشكل المناسب
نذھب الى مدونة بلوقر ونقوم بتسجيل الدخول لحسابنا
ثم بعد ذلك نذھب الى (لوحة التحكم الرئيسية) ثم (تصميم) ثم (تحرير Html)

 

نقوم بتفعيل حقل (توسيع قوالب عناصر واجهة المستخدم)

 

الان نضغط على (Ctrl+F) ونبحث على ھذا الكود

 

 

الان نقوم بلصق كود المؤشر الذي نسخناه من موقع cursors-4u

مباشرة اسفل

كما ھو موضح في الصورة

 

  بعد ذلك نقوم بحذف الجزء الزائد من الكود وھو ليبل (label)
 اعلاني لموقع (cursors-4u)
يظهر في أعلى واجهة المدونة
ھذا ھو

ملاحظة : الجزء الزائد عادتاً يبدأ مباشرة بعد

<style/>

فنقوم بتحديد كود الليبل الاعلاني ونحذفه
كما ھو موضع في الصورة

 

 

بعد ما نقوم بحذف الكود المحدد سابقا
تكون النتيجة النهائية على هذا الشكل

الان نضغط على (حفظ القالب) ليتم حفظ التغييرات.

ولتحميل الموضوع على شكل ملف بصيغة PDF
إضغط على زر التحميل

مع تحيات مدونة أبو إياد
http://www.abu-iyad.com/
بالتعاون مع مدونة وَذَكِّرْ
http://wthaker.blogspot.com/

Résuméabuiyad

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرhtml, ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.قم بالبحث عن الكود التالي :

</head>

ثم ضع الكود التالي قبله :

<script src="http://abu-iyad.googlecode.com/files/autotag.js" type="text/javascript"></script>

 الآن قم بالبحث عن هذا الكود، (إن وجدت منه إثنين فالكود الثاني هو المقصود) .

<data:post.body/>

ثم قم بإستبداله بهذا الكود .

<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/>
 </div>      
 <script type='text/javascript'>
 highlightSearchTerms('مدونة أبو إياد',true,'http://www.abu-iyad.com','summary<data:post.id/>');
 </script>              

         

ما عليك سوى تبديل الكلمة "مدونة أبو إياد" والرابط الخاص بها باللون الأزرق بالكلمة التي تريد عمل رابط لها بصفة تلقائية .
هذا الكود يخص كلمة واحدة  فقط ويمكنك إضافة كلمات أخرى مع الروابط المناسبة لها وذلك بلصق هذا الكود قبل الوسم  </script> ذا اللون الأخضر .

highlightSearchTerms(' الكلمة',true,' رابط-الكلمة','summary<data:post.id/>');

  ثم قم بحفظ القالب .

أتمنى أن تعجبكم هذه الخاصية والتي فعلا تسهل عمل الروابط بكيفية سريعة ،ولأي إستفسارات المرجوا ترك تعليقاتكم أسفل الموضوع ؛دمتم بألف خير

Résuméabuiyad

السلام عليكم ورحمة الله تعالى وبركاته ، شاهدنا في الموضوع السابق حول كيفية إنشاء معرض للصور على مدونات بلوجر ،حيث قمنا بإستعمال خاصية إنشاء الجداول لعمل ذلك،الآن سوف نقوم بشرح كيفية إنشاء معرض للفيديو على مدونات بلوجر مع إستعمال نفس الخاصية ،فإذا فهمت جيدا الموضوع السابق فلن تجد أي صعوبة في إنشاء معرض الفيديو في موضوع مدونتك ،ما عليك سوى تتبع المراحل التالية :

وهذا مثال على معرض للفيديو الذي تريد إنشائه .

فيديو 1	فيديو 2	فيديو 3	فيديو 4
فيديو 5	فيديو 6	فيديو 7	فيديو 8
فيديو 9	فيديو 10	فيديو 11	فيديو 12

• المرحلة الأولى : نقوم بتحضير أكواد مقاطع الفيديو ،التي نقوم بنسخها من أحد المواقع الشهيرة ك Youtube أوDailymotion

وهذا الكود يكون على هذا الشكل :

<object width="640" height="385"><param name="movie" value="http://www.youtube.com/v/FIErsQZbKss?fs=1&amp;hl=fr_FR"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/FIErsQZbKss?fs=1&amp;hl=fr_FR" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="640" height="385"></embed></object>

يجب تصغير قياسات الفيديو ليظهر كما في المثال الأول وذلك بتغيير ما لون باللون الأحمر والون الأزرق بقيمة أصغر من ذلك ،حيث أن قيمة القياسات الطول والعرض في المثال الأول هو 110 بدلا من 640 و385 .

• المرحلة الثانية :

في هذه المرحلة ،تقوم بإدراج أكواد الفيديوهات التي تم نسخها مسبقا من يوتوب في المكان المخصص لها في الكود التالي :

<style type="text/css">.nobrtable br { display: none }</style>
<div class="nobrtable"><table>
<tr>
<th align="center"> فيديو 1</th>
<th align="center"> فيديو 2</th>
<th align="center"> فيديو 3</th>
<th align="center"> فيديو 4</th>
</tr>
<tr>
<td>ضع كود الفيديو1 هنا</td>
<td>ضع كود الفيديو2 هنا</td>
<td>ضع كود الفيديو3 هنا</td>
<td>ضع كود الفيديو4 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 5</th>
<th align="center"> فيديو 6</th>
<th align="center"> فيديو 7</th>
<th align="center"> فيديو 8</th>
</tr>
<tr>
<td>ضع كود الفيديو5 هنا</td>
<td>ضع كود الفيديو6 هنا</td>
<td>ضع كود الفيديو7 هنا</td>
<td>ضع كود الفيديو8 هنا</td>
</tr>
<tr>
<th align="center"> فيديو 9</th>
<th align="center"> فيديو 10</th>
<th align="center"> فيديو 11</th>
<th align="center"> فيديو 12</th>
</tr>
<tr>
<td>ضع كود الفيديو9 هنا</td>
<td>ضع كود الفيديو10 هنا</td>
<td>ضع كود الفيديو11 هنا</td>
<td>ضع كود الفيديو 12هنا</td>
</tr>
</table>

 في إنتظار تشجيعاتكم وتعليقاتكم ،دمتم بألف خير.

Résuméabuiyad

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

• المرحلة الأولى:

في هذه المرحلة يجب تحديد روابط الصور التي سوف نقوم بإدراجها ضمن معرض الصوروذلك بإضافة كل رابط في هذا الكود لنستعمله في المرحلة الثانية.

<A HREF="رابط الصورة" target="_blank" title="إضغط لتكبير الصورة" >
<IMG HEIGHT=50 WIDTH=50 SRC="رابط الصورة" alt="إسم الصورة" /></A>

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

• المرحلة الثانية :

في هذه المرحلة سوف نقوم بعملية إدراج الكود السابق(الأكواد التي تضم جميع الصور) في الكود المخصص لإنشاء الجدول ،فالأمر بسيط جدا ما عليك سوى التركيز قليلا عند إدراج الأكواد .حيث نقوم بإدراج كل كود(الكود السابق) بين  <TD> و </TD> ليس العكس .

على سبيل المثال ،إذا أردنا إنشاء جدول يضم سطرا واحدا و4 خانات نستعمل هذا الكود.

<TABLE> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> </TABLE>

وتكون النتيجة على هذا الشكل : 

يمكنك إضافة خانات أخرى في نفس السطر ذلك بإضافة الوسمين  <TD> </TD> قبل </TR>  مع إضافة الكود الأول الذي يضم الصورة بين الوسمين ذي اللون الأخضر.
والآن لإضافة سطر تاني يضم نفس عدد الخانات وهو العدد 4 كما في المثال السابق نقوم بإضافة جميع الأوسمة الموجودة بين <TABLE> و </TABLE>  بعد الوسم  </TR> ليصبح الكود على هذا الشكل .

<TABLE> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR> <TR> <TD> </TD> <TD> </TD> <TD> </TD> <TD> </TD> </TR></TABLE>

وكما تلاحظ أن الوسم <TR> و</TR>  هما المسؤولان عن عمل أسطر أفقية
لتكون النتيجة على هذا الشكل :

وبإتباع نفس الطريقة لإنشاء معرض للصور يضم العدد الذي تريد من الصور

 أما لإضافة عنوان لمعرض الصور ،قم بإضافة هذا السطر بعد الوسم <TABLE> مع إدخال العنوان في المكان المحدد

<caption>ضع العنوان هنا</caption>

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

 <TABLE cellspacing=0 cellpadding=3 width="80%" border=1 bordercolor="#0000ff">

ولأي إستفسار المرجوا ترك تعليقاتكم أسفل الموضوع.

Résuméabuiyad

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

تسمى هذه الخاصية بإسم Iframe وهذا مثال على هذه الخاصية ،حيث يمكنك تصفح مدونة ذؤيب الموجودة داخل الموضوع كيف ما تشاء,مع إمكانية التحكم في طول وعرض الصفحة .

ملاحظة هامة : إذا كان الموقع الذي ترغب في إدراجه في التدوينة يستعمل الكود الذي قمنا بشرحه في الدرس السابق حول كيفية  "حذف خاصية Iframe من محركات البحث للصور لزيادة إحصائيات مدونات بلوجر والمواقع" ،فلن يظهر في التدوينة لأنه تم تعطيل هذه الخاصية وسوف يتم التوجه مباشرة إلى الموقع الذي تم إدراجه عند فتح التدوينة .

• الآن نتوجه إلى التطبيق :

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

<iframe frameborder="0" height="800" src="ضع رابط الموقع هنا" width="100%"></iframe>

يمكنك التعديل على طول وعرض الصفحة من خلال  height  و width ,ثم قم بنشر التدوينة وتوجه للمعاينة .
ولأي إستفسار المرجوا ترك تعليقاتكم أسفل الموضوع،تقبوا تحياتي

Résuméabuiyad

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

الخلاصات  RSS
وهي خدمة تمكن الزائر من متابعة آخر أخبار مواقعه المفضلة في مكان واحد وتقوم فكرة الخلاصات على متابعة وجلب جميع المواضيع الجديدة من المواقع المفضلة للشخص دون أن يقوم بزيارتها في كل مرة .
روابط خلاصات المواضيع :
وهي عبارة عن روابط تقوم بإظهار جميع التدوينات ويمكن إستعمالها كخريطة للموقع أو المدونة ,حيث تكون على هذا الشكل.

   http://abu-iyad.blogspot.com/feeds/posts/default
 http://abu-iyad.blogspot.com/feeds/posts/default?alt=rss

حيث يمثل الرابط الأول خلاصات Atom والرابط الثاني خلاصات RSS
ولعرض المواضيع على شكل تدوينات مختصرة ،ماعليك سوى إضافة المتغير Summary حيث يصبح الرابط على هذا الشكل.

http://abu-iyad.blogspot.com/feeds/posts/summary

ولعرض التدوينات كاملة ،نستعمل المتغير Full ليصبح على هذا الشكل .

http://abu-iyad.blogspot.com/feeds/posts/Full

مع تغييرمالون بالأحمر برابط مدونتك.
خلاصات المواضيع ذات تسمية محددة .
هذه الخاصية مهمة جدا بالنسبة للمواقع أو المدونات التي تحتوي على أقسام متعددة ،مما يجعل الزائر يقوم بمتابعة المواضيع الجديدة للقسم الذي يريد ،فمثلا هناك مدونة تشمل عدة أقسام :دروس أنترنت،برمجيات،برامج...وأنا كزائر ما يهمني هو قسم البرامج ،ولا تهمني الأقسام الأخرى لذي سوف أقوم بالإشتراك فقط في هذا القسم .ولمعاينة الأمر في مدونتي هناك أيقونة بجانب كل تسمية ,في قائمة "أقسام المدونة" ،فعند الضغط عليها ،يعرض فقط المواضيع التي تخص ذلك القسم,وهي تكون على هذا الشكل.

    http://abu-iyad.blogspot.com/feeds/posts/default/-/name widget
http://abu-iyad.blogspot.com/feeds/posts/default?alt=rss/-/name widget

مع تغيير ما لون بالأحمر بإسم القسم أو التسمية ومالون باللون الأزرق برابط مدونتك,

خلاصات التعليقات :

هذه الروابط مسؤولة عن إظهار آخر التعليقات المدونة وهي تكون على هذا الشكل

     http://abu-iyad.blogspot.com/feeds/comments/default

  http://abu-iyad.blogspot.com/feeds/comments/default?alt=rss

مع تغييرمالون بالأحمر برابط مدونتك.
خلاصات التعليقات لموضوع محدد. 

 http://abu-iyad.blogspot.com/feeds/postID/comments/default
http://abu-iyad.blogspot.com/feeds/postID/comments/default?alt=rss

 مع تغيير ما لون بالأحمربرابط مدونتك ومالون باللون الأزرق برقم تعريف التدوينة.
 تستعمل هذه الروابط لعرض التعليقات تخص موضوع معين من المدونة وذلك بتحديد رقم تعريف التدوينة ،وللحصول على هذا الرقم نتوجه إلى تحرير الرسائل ثم نختار أحد التدوينات وذلك بالضغط على تحرير،ثم نقوم بنسخ رقم التعريف من رابط المتصفح والذي يكون على هذا الشكل . postID=8819262650497926670

Résuméabuiyad