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

وللدخول على تحريرHTML  توجه من قالب ثم إنزل إلى تحث وإضغط على تحرير القالب

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

4:30 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

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

ولتطبيق هذه الفكرة ،توجه إلى  "تصميم" ثم حدد أحد الأدوات الجانبية التي ليس لها عنوان ،بطبيعة الحال سوف يكون العنوان الإفتراضي هو HTML/JavaScript ،إضغط على تحرير هذه الأداة ثم ضع لها عنوان مناسب .

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

<b:widget id='HTML5' locked='false' title='عنوان الأداة' type='HTML'>
<b:includable id='main'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h3 class='title'><data:title/></h3>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:includable>
</b:widget>

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

1:19 ص

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

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

انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ،ثم "تحريرHTML " ثم ضع علامة في خانة توسيع قوالب عناصر واجهة المستخدم.
قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F).

</head>

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

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/read-more-left.js' type='text/javascript'/>

الصورة في يمين النص

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/read-more-right.js' type='text/javascript'/>

وإذا رغبت في ظهور الصورة في الوسط قم بلصق الكود التالي :

<script type='text/javascript'>var thumbnail_mode = &quot;no-float&quot; ;
summary_noimg = 300; /* طول الملخص للمواضيع بدون صورة */
summary_img = 250; /* طول الملخص للمواضيع ذات صورة*/
img_thumb_height = 128; /* عرض الصورة في الملخص*/
img_thumb_width = 128; /*طول الصورة في الملخص */
</script>
<script src='http://abuiyad.googlecode.com/svn/trunk/LireLaSuiteCentre0.js' type='text/javascript'/>

والآن قم بالبحث عن الكود التالي :

<data:post.body/>

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

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script> <span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'>إقرأ المزيد...</a></span>
<a href='http://abu-iyad.blogspot.com/2010/07/read-more-for-blogger.html' style='display:none;'>Résumé</a><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a> </b:if> <b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>
</b:if>

يمكنك تبديل كلمة "إقرأ المزيد" ذات اللون الاحمر في الكود السابق بكلمة أخرى حسب رغبتك أو تبديلها بصورة مثل هذه :

وذلك بإستبدال عبارة إقرأ المزيد.. بالكود التالي :

<img src="https://sites.google.com/site/lightbox007/photo/readmore.jpg" title="إقرأ المزيد" alt="إقرأ المزيد"/>

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

8:47 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

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

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

1. نقوم بإنشاء صفحة جديدة وذلك من "الصفحات" ثم "صفحة جديدة " ثم "عنوان الويب".

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

http://www.abu-iyad.com/search/label/إضافات بلوجر?&max-results=9

3.بما أننا نريد إضافة قائمة أفقية سوف نختار الإختيار رقم 1 وهو يتيح عمل علامات التبويب بالجزء العلوي وعند إختيار الخيار رقم 2 سوف يتم عمل قائمة جانبية والإختيار رقم 3 وهو لإخفاء القائمة وعدم عرضها بالمدونة .

كما قلت سابقا فإن هذه الإضافة متاحة فقط على المنصة الجديدة من بلوجر للمسودة والتي يمكنك الدخول إليها من هذا الرابط  http://draft.blogger.com ،أما بالنسبة للأشخاص الذين لم يتم تنصيب المنصة الجديدة لديهم ،ما عليكم سوى إنتظار فرصتكم في أقرب وقت ممكن

6:49 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

السلام عليكم ورحمة الله ،مرحبا بالجميع ،لقد قامت بلوجر بإطلاق المنصة الجديدة التي كانت وعدتنا بها من قبل ،لقد تم تطبيها هذا اليوم على حسابي في بلوجر ،وها أنا أكتشفها  وإياكم... هذه المنصة التي تسعى جوجل من خلالها بتطوير إمكانياتها ومتحدية منافسيها كوردبريس ،إلا أنني أعتقد أن المهندسين الذين أشرفو على هذا التطوير كانو سكارى أو فاقدين للذاكرة ،حيث أنهم نسوا أهم شئ وهو تحريرHtml الغير الموجود في هذه المنصة الجديدة وبالتالي لا يمكن التعديل على القالب ولا يمكن إضافة اي أكواد أو إستبدال القالب بقالب آخر،وهذا في نظري كما لو أنك إشتريت سيارة بدون مقود، المهم بالنسبة للتغييرات مقارنة مع المنصة القديمة لا أرى شئ ملموس لكن يمكنني أن ألخص ما تم إضافته فيما يلي :
1.إضافة مرات مشاهدة الصفحة في تحرير الرسائل
2.إمكانية إظهار التدوينات على تحرير الرسائل حسب أقسام أو تسميات المدونة
3.يمكنك إضافة أيقونة favicon من تصميم المدونة والتي أصبح الآن إسمها القديم "تخطيط" لو تذكرون
4.أصبحت السماحات في إعدادات ثم أساسي
5.مكان إدراج التسميات أصبح بجانب مستطيل عنوان الرسالة الجديدة
6.أصبحت المدونات التي تتابعها تظهر باللوحة الرئيسية وتأخد ثلتي الصفحة ولم أفهم ما أهمية ذلك ..
7.إمكانية عمل روابط خارجية للصفحات الثابثة 

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

1.اللوحة الرئيسية للمدونة

2.نظرة عامة :

3.رسالة جديدة

4.تحرير الرسائل

5.تحرير صفحات التحرير

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

7:20 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).

</body>

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

<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>

الآن قم بالبحث عن هذا الكود :

<data:post.body/>

ثم قم بلصق الكود التالي بعده ،ليكون الزر أسفل التدوينة ،أو قبله ليكون الزر تحت عنوان التدوينة .

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<g:plusone expr:href='data:post.url' size='tall'/>
</b:if>

ملاحظة : يتوفر زر1+ على 4 قياسات حيث يمكنك إختيار القياس المناسب لك وذلك بإستبدال الكلمة tall  من الكود بأحد القياسات الموجودة في الصورة أسفله  .

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

5:45 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F )

<div class='post-header-line-1'/>

ثم قم بلصق هذا الكود أسفله :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a Width='600px' class='twitter-follow-button' data-align='right' data-button='grey' data-lang='en' data-link-color='#EB4C07' data-show-count='true' data-text-color='#000000' href='http://twitter.com/Abuiyad007'>تابعني على التويتر</a>
<script src='http://platform.twitter.com/widgets.js' type='text/javascript'/>
</b:if>

وأخيرا قم بحفظ القالب 

وللمعاينة قم بالضغط على الزر أسفله :
follow me


يمكنك كذلك وضع الزر  في أسفل كل تدوينة وذلك بلصق الكود السابق أسفل هذا الكود :

<data:post.body/>

4:32 م

مزيد من المعلومات »

• • فيسبوك
  • تويتر
  • غوغل بلس