طريقة وضع صورة أو نص فوق صندوق التعليقات في مدونات بلوجر

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

كما تلاحظون في المثال فقد أضفت نصا و صورة فوق صندوق التعليق مباشرة لكن بطريقتين مختلفتين.

طريقة إضافة صورة أو نص فوق صندوق التعليقات

الطريقة الأولى

هذه هي الأسهل، فمن لوح تحكم مدونتك توجه إلى إعدادات ثم تعليقات و انزل أسفل الصفحة حتى تجد خيار رسالة نموذج التعليق و في الحقل المقابل لها أدخل النص المراد عرضه فوق صندوق التعليق ثم اضغط زر حفظ الإعدادات، و لتعلم أن هذه الطريقة لا تمكنك من عرض صورة أو إدخال أوسمة HTML ( فقط بعض الأوسمة متاحة مثل <b>, <i>, <a>). فإن كنت تحتاج فقط لإضافة نص أنصحك بهذه الطريقة، أما إن احتجت لإدراج صورة أو كود HTML مركب فاتبع الطريقة الثانية إذن.

الطريقة الثانية

أولا يتعين عليك تجهيز ما ستدرجه فوق صندوق التعليق و أقصد هنا كود HTML . فمثلا لو أردنا إدراج صورة سيكود كود Html كالآتي.

<img src="رابط الصورة" border="0" />

مكان النص الأحمر ضع رابط الصورة المراد إدراجها فوق صندوق التعليقات.
بعد ذلك من لوح تحكم مدونتك توجه إلى صفحة التصميم ثم تحرير HTML و قبل أي تعديل احفظ نسخة احتياطية من قالبك بعد ذلك ضع علامة في خانة توسيع القالب.
ثم ابحث عن <p><data:blogCommentMessage/></p>
و مباشرة تحتها أضف كود HTML الذي جهزت و تود إضافته فوق صندوق التعليق بحيث يصبح الكود كالآتي.

<p><data:blogCommentMessage/></p>
<img src="رابط الصورة" border="0" />

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

أفكار و اقتراحات

• يمكن استعمال الطريقة الثانية لوضع إعلانات فوق صندوق التعليقات.

• كذلك يمكن وضع أيقونات لمتابعتك على المواقع الاجتماعية .

• يمكنك كذلك اقتراح رابط أو رسالة ...

و هذه بعض الأكواد إن رغبت في استعمالها.

صورة تذكير و تنبيه:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_HCYYTRXCt5Wa8s2J39Z-cdBGHJ7QsXTl1KXAT6OSCNX-yYIWcE3By3_XZRoFIUj3fxEXupUWYkjW3T08kWxZnV8D6fEDfVCp6sdX-TgadvpSX_1ubi5iJOgkEBXFTNSQoWEkr1BvTfQ/s512/warnning.png" border="0" />

صندوق HTML

<div class="warning" style="background:#F3F9FB url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjffHo-vVpNDRZQ377ju8ybVRbpv-StACz8o6AcVjOaMru1fWU9m9PIH4RKQ-xuFNmQIK5-4Ynoyb9hptLE-DK5hF81x6Rkk7d4GJuUbFhBwJShUasPExhQxR9yHZJAQc2iz_oSNACFV6k/) 8px 6px no-repeat ; border:#A8D1E6 1px solid; padding: 5px 5px 5px 40px;"> فقرة من بضع جمل </div>

  نسألكم الدعاء.

زر "أعجبني" من فيسبوك لمدونات بلوجر و ووردبريس

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


توجه إلى صفحتك في فيسبوك و ستجد جملة تبين لأصدقائك أنك أحببت موضوعا و هي تبدو كالآتي.

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

أولا: في مدونات بلوجر Blogger

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

<data:post.body/>

بعده مباشرة تضع كود زر "أعجبتني" و هو الآتي.

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=button_count&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=arial&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

لتخصيص الزر غير ما أشير إليه في الكود بالألوان.

• like  يمكن تغييرها إلى recommend  لتغيير النص الظاهر في الزر من "أعجبتني" إلى "ننصح بهذا" ليصبح هكذا.

• arial لتغيير الخط كأن تضع مكانها مثلا tahoma فيصبح هكذا.

• light غيرها إلى dark لتحصل على لون آخر للزر هو الآتي.

ثم تحفظ القالب و به تكون قد أنهيت المهمة.

\!/ تحديث : جدد مظهر الزر بحيث يظهر عدادا للمعجبين بالموضوع، رجاء ممن يضعون الكود القديم أن يبحثوا عن layout=standard ثم يستبدلوه ب layout=button_count ، أما من يضع الكود للمرة الأولى فلا يفعل هذا لأني عدلت كود الزر ليظهر الشكل الجديد.

ثانيا: في مدونات ووردبريس Wordpress  (الخاصة طبعا!)

1- حمل ملف الإضافة المضغوط من هنا.



تحميل إضافة زر "أعجبتني"

2 - فك الضغط عن الملف و ارفع مجلد الإضافة إلى الامتداد wp-content/plugins
3 - من لوح تحكم مدونتك فعل الإضافة.

ثالثا: في باقي المواقع

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

طريقة إضافة سلايدر لمدونات بلوجر

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

إضافة الأكواد إلى قالب المدونة

بعد تسجيل دخولك إلى مدونتك توجه إلى صفحة التصميم ثم تحرير HTML.
الآن ابحث عن <head> و بعده مباشرة ضع الأكواد الآتية :

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>
<script src='http://javascript-file.googlecode.com/svn/trunk/coin-slider.min.js' type='text/javascript'/>

بعد ذالك ابحث عن ]]></b:skin>  و مباشرة فوقها ضع الأكواد الآتية:

/*
 Coin Slider jQuery plugin CSS styles
 http://workshop.rs/projects/coin-slider
*/


.coin-slider { overflow: hidden; zoom: 1; position: relative; }
.coin-slider a{ text-decoration: none; outline: none; border: none; }

.cs-buttons { font-size: 0px; padding: 10px; float: left; }
.cs-buttons a { margin-left: 5px; height: 10px; width: 10px; float: left; border: 1px solid #B8C4CF; color: #B8C4CF; text-indent: -1000px; }
.cs-active { background-color: #B8C4CF; color: #FFFFFF; }

.cs-title { text-align:right; width: 590px; padding:10px; background-color: #000000; color: #FFFFFF; }

.cs-prev, 
.cs-next { background-color: #000000; color: #FFFFFF; padding: 0px 10px; }

■ 
 يشير العدد المكتوب بالأحمر إلى عرض مستطيل عنوان الموضوع و طبعا يحبذ أن 
يكون نفسه قياس عرض السلايدر الذي سنرى كيفية تحديده في الخطوة الموالية.

بعد إجراء هذه التعديلا الآن اضغط زر حفظ القالب. 

إضافة أداة السلايدر إلى تصميم المدونة

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

<div id='coin-slider'>
 <a href="رابط الموضوع الأول">
  <img src="رابط صورة الموضوع الأول" />
  <span>عنوان الموضوع الأول</span>
 </a>
 <a href="رابط الموضوع الثاني">
  <img src="رابط صورة الموضوع الثاني" />
  <span>عنوان الموضوع الثاني</span>
 </a>
 <a href="رابط الموضوع الثالث">
  <img src="رابط صورة الموضوع الثالث" />
  <span>عنوان الموضوع الثالث</span>
 </a>
 <a href="رابط الموضوع الرابع">
  <img src="رابط صورة الموضوع الرابع" />
  <span>عنوان الموضوع الرابع</span>
 </a>
</div>
<script type="text/javascript">
 $(document).ready(function() {
  $('#coin-slider').coinslider({ width: 590, height: 250, navigation: true, delay: 5000 });
 });
</script>

■ رابط الموضوع الذي تود أن ينتقل إليه الزائر في حال ضغطه على الصورة.

■ رابط الصورة التي سوف تظهر في السلايدر و يجب أن تكون بنفس قياسات السلايدر (عرض و طول)

■ عنوان الموضوع أو وصف مقتضب له.

■ عرض السلايدر المطلوب يمكن تعديله بما يناسب مدونتك (نفسه سيكون عرض صور المواضيع)

■ ارتفاع السلايدر المطلوب كذلك يمكن تعديله بما يناسب مدونتك (نفسه سيكون ارتفاع صور المواضيع)

يمكن تكرار الأكواد في حال الرغبة في عرض أكثر من أربعة مواضيع. 

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

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

جعل إضافة السلايدر تظهر فقط بالصفحة الرئيسية

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

<b:widget id='HTML2' locked='false' title='سلايدر' type='HTML'>
<b:includable id='main'>
<b:if cond='data:blog.url == data:blog.homepageUrl'>
  <!-- only display title if it's non-empty -->
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='widget-content'>
    <data:content/>
  </div>
  <b:include name='quickedit'/>
</b:if> 
</b:includable>
</b:widget>

احفظ القالب و عد لعناصر الصفحة و احذف عنوان أداة السلايدر. 

مونتاج إبداعي

السلام عليكم

هذا من آعمال الممنتجين العرب

بسم الله تفضلوا

وانتظروا مني كل جديد


واللهم زد وبآرك من إبداعات العرب

مونتاج ""مواهب"

السلام عليكم

اليوم معانا مونتاج حلو

من مواهب

اتمنى ان تسفيدوا منه 

 

سلااااام

مونتاج Eid mubark

السلام عليكم

لقطت لكم اليوم مونتاج روعة

للعيد 

صنعته أيادي عربية 

تم عمل المونتاج 

ببرنامج الإفتر إفكت والبريمر

تفضلوا 

انتظرووا

برنامج TvAnts شاهد جميع قنوات التلفزيون بدون تقطيع

بسم الله الرحمن الرحيم

الان مع برنامج TvAnts

لن يفوتك اى مباراة او اى شىء

تريد مشاهدتة و ليس لديك القناة

هذا البرنامج يحتوى على عدد كبير جدا من القنوات

و يمكنك مشاهدة اى منها دون تقطيع او تهنيج

و حجمه 2 ميجا فقط لا غير

صور من البرنامج










اليكم الرابط



Full Download Broadcasting TV | Free TV Software On Free TV Software Download

تحياتى للجميع ...

حمل اضافة الداونلود مانيجر للفايرفوكس

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

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

IDM integration guide for Firefox






حمل من هنا على بركة الله


http://www.sef.ps/short/5503

برنامج قاموس المورد ...عربي - انكليزي

قاموس المورد ...عربي - انكليزي


قاموس عربي - انكليزي من تأليف الأستاذ منير البعلبكي ومن إصدار دار العلم للملايين - ببيروت،و يعتبر قاموس المورد من أكثر القواميس استخداماً بالنسبة للمترجمين في العالم العربي.

من هذا الرابط


http://www.sef.ps/short/5497

برنامج اختبارات تنمية مهارات العمليات الحسابية للأطفال

برنامج اختبارات تنمية مهارات العمليات الحسابية للأطفال







البرنامج أكثر من رائع

يعلم الأطفال بأسلوب سهل ورائع

بعد التحميل وفك الضغط ستجد مجلد انسخ محتوياته بداخل برنامج النيرو nero على اسطوانة ثم افتح البرنامج من الاسطوانة


ملاحظة يجب نسخ الملفات التي في المجلد وليس المجلد


ثم أدخل الاسطوانة وثبت البرنامج

DOWNLOAD

تحميل برنامج Microsoft Office 2010 Pro Plus اوفيس 2010 الاحترافى

download free Microsoft Office 2010 Pro Plus/ Microsoft Office Plus 2010 Pro
ميكروسوفت أوفيس بلس 2010 النسخة الاحترافية الكاملة فى أخر أصدار من ميكروسوفت يوفر Microsoft Office 2010 طرقًا جديدة مرنة وفعّالة تساعدك على تقديم أفضل عمل لديك - سواءً كنت في المكتب أو المنزل أو المدرسة .





يوفر Microsoft Office 2010 طرقًا جديدة مرنة وفعّالة تساعدك على تقديم أفضل عمل لديك - سواءً كنت

في المكتب أو المنزل أو المدرسة. يمكنك إنشاء تقارير وعروض تقديمية مميزة باستخدام أدوات تساعدك على

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

الكمبيوتر، من خلال إمكانية الوصول إلى ملفات Office عبر مستعرض ويب أو الهاتف الذي يعمل بنظام

التشغيل Windows1. فبإمكانك العمل بكفاءة مع الآخرين عن طريق مشاركة الملفات وتحريرها ومراجعتها

في نفس الوقت — حتى عبر المناطق الجغرافية والزمنية المختلفة. باستخدام Office 2010، أنت تتحكم بزمام

الأمور، حيث تنجز أعمالك وتقدم نتائج ممتازة بغض النظر عن المكان أو الطريقة التي تعمل بها بشكلٍ أفضل.

يمكنك تحرير الصور داخل برامج معينة من Office 2010 مباشرةً. فجرّب استخدام صفيف من التأثيرات الفنية

الملفتة للنظر وأداة إزالة الخلفية الجديدة لإضافة مظهر متميز إلى الصور. بإمكانك إضافة لمسة جمالية إلى النص

باستخدام أسلوب الطباعة الجديد OpenType‏ في Word 2010 وPublisher 2010. حيث تستطيع استخدم

وصلات الأحرف والمجموعات النمطية وميزات أسلوب الطباعة الأخرى المتوفرة في العديد من خطوط

OpenType يمكنك تحرير ملفات الفيديو المُضمنة بسهولة في PowerPoint 2010 مباشرةً، دون الحاجة

إلى أي برامج إضافية. فبإمكانك تطبيق الاقتطاع، أو إضافة التضاؤل والتأثيرات، أو حتى تضمين إشارات

مرجعية في الفيديو لتشغيل الحركات والكثير الكثير .




تحميل Microsoft Office Plus 2010




تم بحمد الله

الرجاء الدعاء لى بظهر الغيب

بالتوفيق