محترف الحاسوب: قسم انشاء المواقع وتطويرها

‏إظهار الرسائل ذات التسميات قسم انشاء المواقع وتطويرها. إظهار كافة الرسائل
‏إظهار الرسائل ذات التسميات قسم انشاء المواقع وتطويرها. إظهار كافة الرسائل

الأحد، 13 أكتوبر 2013

كيفية عمل موقع business card للمعلومات الخاصة بك | جزء 1

السلام عليكم ورحمة الله وبركاته اليوم انشاءالله درسنا اليوم هو كيفية عمل موقع business card للمعلومات الخاصة بك فهو درس حلو طبعا ورح الكل يستفيد منه لأنه عبارة عن الcv ان صح التعبير لأن الcv يعني اذا حابب ان تشتغل فتعطي الشركة الموقع عشان يعرفو المعلومات الخاصة بك فأول شيئ لعمل هذا الموقع لازم تنزل الملف المضغوط اسفل الفيديو طبعاً و تنزل برنامج ++Notepad رح تلاقي رابط تحميله اسفل الفيديو ومن ثم احضر الفيديو وسوف تقدر تعمل موقع 



فرجة ممتعة 





رابط تحميل الملف المضغوط : اضغط هنا

رابط تحميل برنامج ++ notepad : اضغط هنا 

الخميس، 5 سبتمبر 2013

كيف تبدأ رحلتك في برمجة المواقع

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


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

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

 نبدأ مع التعلم على على نفس الطريقة التي تعلمت بها قبل سنوات و التي نجحت فيها

 1- HTML لغة لبناء الموقع و هيكلته و الكثير يظن أنها لغت برمجة . إنها لغة خاصة ببناء الموقع و ليست لغة برمجة و سهلة جدا يمكنك البدء في تعلمها كأول لغة تتعلمها مع تعلمHTML5 الذي هوعبارة عن إضافات وتحسينات عن HTML .

 2-CSS لغة خاصة بالتصميم و التنسيق يعني حين دخولك إلى أحد المواقع تجد أنه مزين و به تأثيرات إذا مررت الماوس على كتابة يتغير اللون و ألوان تكون متناسقة هته هي وظيفة CSS و له إصار CSS 2.0 و آخر إصدار هو CSS 3 يتميز أيضا بإضافات تغنيكعن إستعمال تصاميم الفوتوشوب داخل الموقع.

3-Javascript لغة رائعة خصوصا مع مكتبة الجيكويري JQUERY التي تساعدك على وضع تأثيرات رائعة مثل القاوائم المنزلقة , السلادشو , إدخال تعليقات دون تحديث الصفحة ...

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

الجمعة، 30 أغسطس 2013

انشاء مدونة على بلوجر + قالب اكتر من احترافي + كيف تنشأ مشاركة على المدونة

السلام عليكم ورحمة الله وبركاته

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




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



 لتحميل القالب : اضغط هنا

الموقع جمايل : اضغط هنا

رابط إنشاء المدونة على بلوجر : إضغط هنا

     

الأحد، 25 أغسطس 2013

إضافة تجعل رابط موقعك يتبع مؤشر الماوس

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



طريقة التركيب لمدونات بلوجر: 

الذهاب للوحة التحكم لمدونة بلوجر

تحرير القالب Html 

إضغط على CTRL+F
البحث عن الكود الآتي:


</body>



ثم نسخ الكود التالى ووضعه قبل فوق الكود السابق مباشرة


<script type="text/javascript">

var text=&#39; ENTER YOUR TEXT HERE &#39;;

</script>

<script src="http://conda3ianllkhir.googlecode.com/files/mousetail.js" type="text/javascript">

</script>


إستبدل العبارة المكتوبة باللون الأحمر برابط موقعك أو أى عبارة تريد تكتبها لتتبع الماوس

الاثنين، 12 أغسطس 2013

تحميل قالب محترف الحاسوب الجديد

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

                                                   صورة عن القالب
                                  


لتحميل القالب : اضغط هنا

كلمة سر لفك الضغط : hamza-ibrahem

شكراً لكم

الخميس، 25 يوليو 2013

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







السلام عليكم ورحمة الله وبركاته اليوم سوف اقدم لكم درس مهم وهو طريقة تعريب قوالب بلوجر الاجنبية طبعا بدون برامج تعريب فقط لازم تستخدم برنامج الذي يدعى بأسم ++not bad طبعا هذا البرنامج معروف ومشهور وبأمكانك انك تستخدم النوتباد   العادي فعندك مواقع كثيرة بقدم قوالب بلوجر جميلة جدا جدا لكن لم تعرف ان تعربها وبذلك لا تقدر ان تضعها على مدونتك ولكن رح اضع بين يديكم موقع قوالب جميلة بالانجليزي وكل ما عليكم انتم ان تحملوه على الديسكتوب وبعد ما تحملو تحضرو الفيديو ومن ثم سوف تعرفو كيفية تعريب القالب 
للذهاب الى الموقع الذي يقدم قوالب اجنبية : اضغط هنا

فرجة ممتعة للجميع

ملاحظة هامة : اذا لم يكون عندك برنامج ++notebad فبأمكانك انك تستخدم النوتباد اللي في الويندز فقط ضع القالب في النوت باد اللي في الويندز واضغط control+h وسوف يعطيك مثل البرنامج 

لتحميل برنامج ++notebad : اضغط هنا

للذهاب الى الموقع الذي يقدم قوالب اجنبية : اضغط هنا

الجمعة، 12 يوليو 2013

حمل أكثر من 200 خط إنجليزي للتصميم على الفوتوشوب

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


عدد الخطوط: 231 خط
حجم الخطوط: 6.8 ميجا
تحميل الخطوط: Mediafire

الأربعاء، 26 يونيو 2013

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



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





 

بالنسبة للمدونات الشخصية كل ماعليك فعله هو الذهاب إلى لوحة تحكم مدونتك والضغط على قالب ثم تحرير html ، وتضغط في الكيبورد على ctrl+f ثم تضع العلامة على خانة توسيع القوالب وتقوم بالبحث عن هذا الكود

  ]]></b:skin> 

بعد أن تجده ضع قبله مباشرة هذا الكود

 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

 /* Author Bio */ .postauthor { background: #F5F5F5; border-top: 1px solid #e1e1e0; border-bottom: 1px solid #e1e1e0; overflow: hidden; padding: 0.7em; } .postauthor img { border: 5px solid #e2dede; float: right; margin-left: 1em; } .postauthor h3 { color: #666; font-size: 1.2em; margin-bottom: 5px; margin-top: 0; } .postauthor p { color: #515151; font-size: 12px; margin-bottom: 10px; margin-top: 0; } /* Author Bio End */


 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

بعد أن تضيفه قم بالبحث عن  هذا الكود 

 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<data:post.body/>


 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

 بعد أن تجده وقد تجد فيه إثنين أو أكثر ، فالثاني هو المقصود وقم بإضافة بعده مباشرة هذا الكود 


 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='postauthor'>
 <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/>
 <h3>بقلم <a href='Blog Link'> اسم الكاتب </a></h3>
 <p> فقرة تضم نبذة عن الكاتب </p>
</div>
</b:if>

 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

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

 في الأخير قم بحفظ التغييرات ومبروك عليك الإضافة
 ______________________

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

أولا تقوم بالخطوة الأولى كما شرحنا في الأول  بإضافة الكود الأول قبل ]]></b:skin>  .(شاهد المثال الأول )

* ثم كمرحلة ثانية تقوم بالبحث عن هذا الكود مباشرة  (إن وجدت إثنين فالثاني  هو المقصود)

<data:post.body/>

 ثم بعده مباشرة أضف هذا الكود
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____
 <b:if cond='data:blog.pageType == &quot;item&quot;'> <!-- تعريف الكاتب الأول --> <b:if cond='data:post.author == &quot;أحمد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الأول</a></h3> <p> فقرة تضم نبذة عن الكاتب الأول </p> </div> </b:if>
 <!-- تعريف الكاتب الثاني --> <b:if cond='data:post.author == &quot;جواد&quot;'> <div class='postauthor'> <img alt='' height='80' src='رابط الصورة الشخصية' width='80'/> <h3>بقلم <a href='Blog Link'> إسم الكاتب الثاني</a></h3> <p> فقرة تضم نبذة عن الكاتب الثاني </p> </div> </b:if> </b:if>
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____

  ملاحظة  : كرر كود تعريف الكاتب الثاني إن كنتم أكثر من كاتبين

 *في الأخير وقبل حفظ التغييرات غير ما باللون الأخضر إلى معلومات الكاتب الأول والثاني ...

قالب جميل وأنيق جاهز للتحميل لمدونات بلوجر

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


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

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

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


*ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى  تذهب إلى لوحة تحكم مدونتك وتضغط على قالبثم تحرير html وتضع العلامة على  مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد علىctrl+f وتبحث عن هذا الكود 

</head>

 قم بوضع فوقه مباشرة هذا الكود                                                                                             
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____ 
<style> #related-posts { float : left; width : 540px; margin-top:20px; margin-left : 5px; margin-bottom:20px; font : 15px arial; margin-bottom:10px;font-weight:bold; } #related-posts .widget { list-style-type : none; margin : 5px 0 5px 0; padding : 0; } #related-posts .widget h2, #related-posts h2 { font-size : 20px; font-weight : normal; margin : 5px 7px 0; padding : 0 0 5px; } #related-posts a { text-decoration : none; } #related-posts a:hover { text-decoration : none; } #related-posts ul { border : medium none; margin : 10px; padding : 0; } #related-posts ul li { display : block; background : url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhasA8rYYQMoxsj_PBLyHvMuNIELe-btzyHfPuxEnRzuHw8tEEUlqlidS_Ze9o7WiKc9vhSpt00JJSmQ5EuK4-xMYONSBFqW-uX-V6iO8x4C9Ls3VmXKwt5XnMb8Kzu0oKeNENWKCaBaJE/") no-repeat 0 0; margin : 0; padding-top : 0; padding-right : 0; padding-bottom : 1px; padding-left : 21px; margin-bottom : 5px; line-height : 2em; border-bottom:1px dotted #cccccc; } </style> <script src='http://related-sources.googlecode.com/files/Related_posts_b.js' type='text/javascript'/>
 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____ 

* وكخطوة ثانية وأخيرة قم بالبحث عن هذا الكود

 <div class='post-body> أو <data:post.body/>

 بعد أن تجد أحد منهما قم بوضع هذا الكود بعده مباشرة

 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____ 

<b:if cond='data:blog.pageType == "item"'>
<div id='related-posts'>

<font face='Arial' size='5'><b>
 قد يهمك أيضا:</b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != "true"'>,</b:if><b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=5"' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div>
</b:if>

 ____๑۩۞۩๑๑۩۞๑۩۞۩๑๑۩۞۩๑۩۞۩۩۞۩۩๑۩۞۩۩۞۩๑____ 

 قم بتغيير كلمة قد يهمك أيضا إلى أي كلمة تريدها إذا أحببت ذلك ، ثم قم بحفض التغييرات ومبروك عليك الإضافة المهمة.

إضافة مواضيع ذات صلة أسفل كل تدوينة

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

*ولتطبيق هاته الإضافة على مدونتك ، تذهب مباشرة إلى  تذهب إلى لوحة تحكم مدونتك وتضغط على قالب ثم تحرير html وتضع العلامة على  مربع توسيع قالب واجهة المستخدم ثم تضغط في الكيبورد على ctrl+f وتبحث عن هذا الكود 

</head>
قم بوضع فوقه مباشرة هذا الكود
<!-- www.monte-escalier-prix.org Related Posts with thumbnails -->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<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, &#8220;Times New Roman&#8221;, 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTOIoufWhRGtChwV-jNnGEobrHX-81FmeEo4N4NHvuo9qxRudAQ2i3u4AvBfVDWKG6EXzjDzJgRxEk6rlo9-wb4LtWz88F4bdjed3Vx1k8ap2wCRARkAaWec-O_S4nIr1WxCib9rsGwhI/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'/>
<!-- remove --></b:if>
<!--www.pergola-bois-terrasse.org Related Posts with thumbnails -->

 يمكنك تغيير كلمة "مواضيع ذات صلة" بأي جملة تريد

كخطوة ثانية  إبحث مرة أخرى عن هذا الكود
<div class='post-footer-line post-footer-line-1'>
فإن لم تجده إبحث عن هذا الكود
<p class='post-footer-line post-footer-line-1'>

ثم قم بوضع الكود التالي تحت الكود الذي وجدته من بين الكودين السابقين
<!-- www.monte-escalier.org Related Posts with Thumbnails Code Start-->
<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'><div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></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='www.monte-escalier-prix.org' ><img style="border: 0" alt="Blogger Widgets" src="http://image.bloggerplugins.org/blogger-widgets.png" /></a>
</b:if></b:if>
<!-- Related Posts with Thumbnails Code End-->
ملاحظة : يمكنك تغيير الرقم 5، وهو يدل على عدد المواضيع ذات الصلة التي سيتم عرضها.

قم بحفظ التغييرات ومبروك عليك الإضافة 

للأمانة الموضوع منقول من مدونة أبو إياد

اتصل بنا

الاسم

بريد إلكتروني *

رسالة *