blog test |ضع هنا وصف مختصر للمدونة 4 أو 5 كلمات

مقرر توليف الخامات

مقرر توليف الخامات

اسم المقرر	رمز المقرر	رقم المقرر	عدد الساعات
توليف الخامات	BAED	242	3

توصيف المقرر:

يهتم هذا المقرر بكيفية الاستفادة من بقايا خامات البيئة من الجلود وزجاج ومعادن وأخشاب وسعف نخيل الخ، واكتشاف الخصائص التشكيلية لتلك الخامات و ابتكار أعمال فنية متميزة مع أمكانية التوليف بين هذا الخامات بما يتناسب مع طبيعتها التشكيلية.

أهداف المقرر العامة:

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

محتوى المقرر:

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

مفردات المحتوى العلمي:

- مفهوم الخامات المستهلكة.
- أنواع الخامات المستهلكة.
- عمل تجارب للتشكيل بخامة واحدة.
- عمل تجارب للتشكيل بأكثر من خامة.
- تشكيل مشغولة فنية مبتكرة بتوليف الخامات البيئية المستهلكة.

المخرجات المتوقعة لهذه المادة :

- تجارب لكيفية التشكيل بخامة واحدة.

- تجارب لكيفية التشكيل بأكثر من خامة.
- مشغولة فنية مبتكرة بتوليف الخامات البيئية المستهلكة.

المراجع المساندة:

- روبرتسون .سيونايدميري.الأشغال الفنية والثقافة المعاصرة .ترجمة محمد حنيفة بركات .مؤسسة سجل العرب .مطابع البلاغ.
- الدمرداس .حسني.خامات التوليف .المطابع الأهلية .1985م.
- حسن.سليمان محمود. دور الخامات البيئية في التشكيل الفني .مجلة دراسات وبحوث.جامعه حلوان .المجلد الخامس العدد الثالث.1982م.
- السيد.أبو سمرة متولي. تكنولوجيا الصناعات الصغيرة . دار الكتب الجامعية 1970م.
- المهدي.عنايات.فن الزخرفة على الجلد.دار النصر للطباعة الاسلامية 1998م.

فتح روابط "تختارها" لمدونات بلوجر في صفحة جديدة

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

ترتيب المواضيع حسب التصنيف وعدد الزيارات والتعليقات

إضافة خاصية إقرأ المزيد

5
أزرار المفضلات الاجتماعية
أزرار
11
95

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

<base target='_blank'/> قبل الكود <head> .
فعند تطبيقها تصبح جميع روابط المدونة وعناوين التدوينات وكل كلمة لها رابط تفتح في نوافذ جديدة ،مما تسبب ازعاج للزائر وذلك لكثرة وتراكم النوافذ المفتوحة و التي تزيد في بطئ جهاز المستخدم .
الخاصية التي سوف أقوم بشرحها ،تجعلك تختار الروابط المراد فتحها في نافذة جديدة ,وذلك بإضافة الكلمة target="_blank" بين الرمز <a ورابط الصفحة المراد فتحها في نافذة جديدة http:// .
مثال :

<a target="_blank" href="http://abu-iyad.blogspot.com/">مدونة أبو إياد</a>

والنتيجة تكون :مدونة أبو إياد
كذلك ومثال بالنسبة لفتح صورة في نافذة جديدة .
مثال:

<a target="_blank" href="http://abu-iyad.blogspot.com/" ><img src="رابط الصورة"/></a>

والنتيجة تكون :

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

<b:widget id='LinkList' locked='false' title='إسم الأداة' type='LinkList'>
<b:includable id='main'>
<b:if cond='data:title'><h2><data:title/></h2></b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:links' var='link'>
<li><a expr:href='data:link.target'><data:link.name/></a></li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

قم باستبدال الكود ذا اللون الاحمر بالكود التالي (الفرق بين هذا الكود وذاك هوإضافة الكود target='_blank' .)

<li><a expr:href='data:link.target' target='_blank'><data:link.name/></a></li>

ولفتح روابط التسميات أو الأقسام الرئيسية للمدونة في نافذة جديدة،قم بالبحث عن الكود التالي،وسوف تجد منه 2 ثم قم بإسبدالهما بالكود الذي يليه )

expr:dir='data:blog.languageDirection' expr:href='data:label.url'

إسبدالهما بالكود التالي :

expr:dir='data:blog.languageDirection' expr:href='data:label.url' target='_blank'

وأخيرا أتمني أن يعجبكم هذا الدرس ،فلا تبخلوا علينا بتعليعاتكم و استفساراتكم ،في انتظار تشجيعاتكم

( مرات التنزيل : مرة )

إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر

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

معاينة

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

</head>

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

<link href='http://sites.google.com/site/mohamedabuiyad/horizontal-bar/abu-iyad.css' rel='stylesheet' type='text/css'/>

قم بحفظ القالب ثم توجه إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascript
ولآن الصق الكود التالي :

<ul class="abu-iyad">
<li class="current"><a href="http://abu-iyad.blogspot.com/"><b>الرئيسية</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/abu-iyad.html"><b>فهرس المدونة</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/05/blog-post_3377.html"><b>بلوجر</b></a></li>
<li><a href="http://abu-iyad.blogspot.com/search/label/SEO?&max-results=6"><b>SEO </b></a></li>
<li><a href="http://abu-iyad.blogspot.com/2010/04/blog-post.html"><b>إتصل بنا</b></a></li>
</ul>

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

كما ذكرت سابقا لدينا الآن 5 نماذج من القوائم الأفقية ويمكنك إختيار أي واحدة حسب ألوان مدونتك ،عليك سوى تبديل الكلمة ذات اللون الأزرق " abu-iyad" بأحد هذه الكلمات :

abu-iyad
abu-iyad bleu
abu-iyad vert
abu-iyad orange
abu-iyad violet

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

إدراج إعلانات أدسنس داخل مواضيع بلوجر

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

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

<b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if>

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

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'> <b:if cond='data:post.includeAd'> <data:adEnd/> <data:adCode/> <data:adStart/> </b:if> </b:if>

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

<data:post.body/>

ثم إستبدله بالكود التالي :

<div expr:id='"aim1" + data:post.id'></div>

<div style="clear:both; margin:10px 0">

"ضع كود أدسنس هنا،بعد تحويله"
</div>

<div expr:id='"aim2" + data:post.id'>

<data:post.body/>

</div>
<script type="text/javascript">
var obj0=document.getElementById("aim1<data:post.id/>");
var obj1=document.getElementById("aim2<data:post.id/>");
var s=obj1.innerHTML;
var r=s.search(/\x3C!-- adsense --\x3E/igm);
if(r>0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+16);}
</script>

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

وللقيام بهذا التعديل قم بتبديل الكلمة ذات اللون الأخضر clear:both باحد الكلمات التالية:
float:left : لعرض الاعلان في يسار الموضوع
float:right : لعرض الاعلان في يمين الموضوع
float:center : لعرض الاعلان في وسط الموضوع

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

كيفية نشر مواضيع المدونات والمواقع تلقائياً على تويتر و فيسبوك في آن واحد

السلام عليكم اخواني اخواتي الكرام،اليوم بعون الله تعالى سوف نتعلم كيفية نشر تدوينات بلوجر على تيوتر والفيسبوك معا و في وقت واحد بطريقة أوتوماتيكية،وهذا يعني أنك عند إضافة أي موضوع جديد في مدونتك سوف يتم نشره أوتوماتيكياعلى موقعي "تويتر" و "فيسبوك" من دون الحاجة الى نشره بطريقة يدوية ،وهذه العملية جد فعالة بالنسبة لاصحاب المواقع و المدونات ،وللاستفادة من هذه الخدمة ،يجب أن تتوفر على رابط خلاصات Rss المحصل عليه من موقع فيدبرنر Feedburner والذي يبدو على هذا الشكل: http://feeds.feedburner.com/feedburner/simo

سوف اقوم بعون الله تعالى بالشرح بشكل مبسط مع الاعتماد على الصور التوضيحية لتفادي اي

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

وهذه الصورة تبين نشرالموضوع على فيسبوك :

توجه الى موقع تويترفيد Twitterfeed وقم بالتسجيل ثم قم باتباع التعليمات الموضحة في الصور.

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

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

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

في البداية قم باختيار خدمة تويتر Twitter وسوف نقوم باختيار خدمة فيسبوك فيما بعد ...

المرحلة الثالثة : سوف تظهر لك صفحة تطلب منك ادخال حسابك على تويتر وذلك بالضغط على المستطيل الأزرق ,او اذا كنت داخلا مسبقا الى حسابك اضغط على السهم عند القائمة المنسدلة Twitter account .وسوف يظهر اسم حسابك على تويتر, ثم قم باختياره.
ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة.

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

المرحلة الخامسة : نقوم بالضغط على مستطيل الفيسبوك او باختيار اسم حسابك من خلال القائمة المنسدلة" Facebook Account"

واذا كانت لديك صفحة علي الفيسبوك قم باختيارها من القائمة المنسدلة Facebook pages . ثم بعدها قم بالضغط على كلمة" create Service" أسفل الصفحة لتفعيل الخدمة, وعندها سوف تظهر لك صفحة تبين لك الخدمات التي تم تفعيلها(Tiwitter+Facebook) ،بعدها اضغط على كلمة "All Done" اسفل الصفحة للانتهاء
و في الاخير اضغط على زر go to dashboard وسوف تظهر لك هذه الصفحة التي تبين لك تفعيل الخدمتين Twitter +faceook

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

إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر

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

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

قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F ).
تذكير:لا تنسى أخي المدون أن تأخد نسخة إحتياطية لمدونتك تجنبا لأي أخطاء.

</head>

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

<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url('http://i27.tinypic.com/2qfqu.png') no-repeat left bottom;
position:relative;
width:540px;
}

div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom;
position:absolute;
right:-17px;
}

div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}

div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}

div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;

}

.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url('http://i44.tinypic.com/1znbj83.png%27') no-repeat !important;
}

.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}

</style>

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

<data:post.body/>

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

<b:if cond='data:blog.pageType == "item"'><div class='sexy-bookmarks sexy-bookmarks-expand sexy-bookmarks-bg-love' style='margin:20px 0 0 0 !important; padding:25px 0 0 10px !important; height:29px;/*the height of the icons (29px)*/ display:block !important; clear:both !important;'> <ul class='socials'>
<li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

<li class='sexy-syndicate'><a href='أضف رابط خلاصات الخاص بك هنا ' title='Subscribe to RSS'/></li>

<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank'/></li>

</ul>
<span class='sexy-rightside'/></div>

<div class='sexy-link'> Distributed by <a href='http://abu-iyad.blogspot.com' title='أبو إياد'>Abu-Iyad</a>
</div></b:if>

أخيرا قم بحفظ القالب و إذهب للمعاينة.ولا تنسى أن تقوم بتبديل ما باللون الأحمر بعنوانك على Feed Burner
أنتظر تشجيعاتكم

إضافة أداة مواضيع ذات صلة للبلوجر

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

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

</head>

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

<b:if cond='data:blog.pageType == "item"'>
<style type="text/css">
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, “Times New Roman”, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage="http://1.bp.blogspot.com/_u4gySN2ZgqE/SosvnavWq0I/AAAAAAAAArk/yL95WlyTqr0/s400/noimage.png";
var maxresults=5;
var splittercolor="#d4eaf2";
var relatedpoststitle="مواضيع ذات صلة ";
</script>
<script src='http://sites.google.com/site/lightbox007/abuiyad/related-posts-with-thumbnails-for-blogger-pro.js.txt' type='text/javascript'/>
</b:if>

ملاحظة : يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة تريد .
ثم قم بالبحث عن الكود التالي :

<div class='post-footer-line post-footer-line-1'>

فإن لم تجده إبحث عن هذا الكود :

<p class='post-footer-line post-footer-line-1'>

ثم قم بوضع الكود التالي تحت الكود الذي وجدته من بين الكودين السابقين :

<b:if cond='data:blog.pageType == "item"'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != "true"'>
</b:if>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs("<data:post.url/>");
</script>
</div><div style='clear:both'/>
</b:if>
<b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'>
<a href='http://abu-iyad.blogspot.com/2010/07/related-postssimilar-posts-widget-for.html'><img style="border: 0" alt="Related Posts Widget For Blogger with Thumbnails" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a><a href='http://abu-iyad.blogspot.com/' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>

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

إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور

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

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

</head>

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

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

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

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

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

<data:post.body/>

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

<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'>
<data:post.body/></div><script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</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 == "item"'><data:post.body/><a href='http://abu-iyad.blogspot.com' style='display:none;'>abuiyad</a></b:if>

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

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

<img src="http://www.monsterup.com/upload/1279851751662.jpg" title="إقرأ المزيد" alt="إقرأ المزيد">

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

مدونة أبو إياد

مقرر توليف الخامات

فتح روابط "تختارها" لمدونات بلوجر في صفحة جديدة

إضافة قائمة أفقية بتأثيرات لامعة لمدونات بلوجر

إدراج إعلانات أدسنس داخل مواضيع بلوجر

كيفية نشر مواضيع المدونات والمواقع تلقائياً على تويتر و فيسبوك في آن واحد

إضافة أزرار المفضلات الاجتماعية أسفل التدوينات في بلوجر

إضافة أداة مواضيع ذات صلة للبلوجر

إضافة خاصية "إقرأ المزيد"وتلخيص التدوينات مع الصور

عمود ثالث

التصنيفات

عمود أول

عمود ثاني

أرشيف المدونة