
عرضنا اكثر من موضوع حول إضافة مواضيع ذات صلة وكل واحده تختلف وتتميز عن الأخرى واضافتنا هذه أكثر ما يميزها هي الملخصات فقليل من إضافات مواضيع ذات صلة تسمح بعرض الملخصات إضافة الى مظهرها المميز والعملي وطبعا سيتم شرح كيفية تنسيقها بالألوان التي تناسب قالبك وايضاً طريقة الإختيار بين طريقة العرض والتقسيم ويمكنك معاينة الإضافة من الرابط التالي
تركيب الإضافة الكود الأول
أضف هذا الكود فوق الوسم </head>
<script type='text/javascript'>
//<![CDATA[
/*Related Post*/
var relnojudul = 0;
var numpost = 4;
var numchars = 88;
//]]>
</script>
<script src='https://cnmu.googlecode.com/svn/trunk/2014/Related-summ.js'/>
مع مراعاة ان الرقم 4 هو عدد المواضيع
تركيب الإضافة الكود الثاني
<b:if cond='data:blog.pageType == "item"'>
<div id='related_posts'>
<h4>مواضيع ذات صلة</h4>
<b:loop values='data:post.labels' var='label'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=relpostimgcuplik&max-results=50"' type='text/javascript'/>
</b:loop>
<ul id='relpost_img_sum'>
<script type='text/javascript'>artikelterkait();</script>
</ul>
<div style='clear: both;'/>
</div>
</b:if>
أضف الكود السابق بعد أحد الاكواد التالية
تركيب الإضافة الكود الثالث مرحلة التنسيق
أضف الكود التالي فوق الوسم]]></b:skin>
/*Related cnmu.blogspot.com Posts*/هذا #777 هو لون خلفية كلمة مواضيع ذات صلة
#related_posts {
display: block;
padding: 0 5px 5px;
width: 100%;
}
#related_posts h4 {
background: #777;
color: #FFFFFF;
display: block;
font: bold 18px tahoma;
margin: 5px -15px 10px -5px;
padding:10px;
position: relative;
}
#related_posts ul {
margin-right: -50px;
width: 102%;
}
#related_posts li {
background:#eee;
border: 1px solid #bbb;
display: block;
float: right;
line-height: 1.4em;
list-style: none outside none;
margin: 0 10px 10px 0;
max-height: 80px;
min-height: 80px;
padding: 3px;
width: 46%;
transition: all 0.8s ease 0s;
}
#related_posts li:hover {background:#ddd;}
#related_posts li a {
display: block;
}
#related_posts span {
font-size: 12px;
}
ul#relpost_img_sum li img {
background:#fff;
border: 1px solid #777;
float: right;
height: 60px;
margin-left: 5px;
padding: 2px;
width: 60px;
}
وهذا #FFFFFF هو لون الكلمة
هذا #eee هو لون خلفية المواضيع
هذا #bbb هو لون الإطار
أما الرقم 46% هو مقاس الموضوعات ان جعلته أ:ثر مثلا 90% أو 100% سيصبح في كل سطر موضوع واحد وليس مقسم
وان صغرته مثلاً لـ 29% سيصبح في السطر ثلاث مواضيع
هذا #ddd هو لون خلفية المواضيع عند تمرير الماوس
هذا #fff لون خلفية الصور
وهذا #777 لون اطار الصور
أما الرقم 60 والمتكرر مرتين هو عرض وارتفاع الصور
في حالة وجدت الإضافة مزاحة لليمين قم بتقليل هذا الرقم -50 او اجعله 0
هذه اكثر النقاط أهمية في التنسيق ويمكنك بقليل من الدراية بالـ CSS أن تغير الكثير بمظهر الإضافة
دمتم في امان الله
شرح واضافة اكثر من رائع كل عام اونت بخير
ردحذفوأنت بخير أخي الحبيب أحمد ربي يبارك فيك يا طيب
حذف=r
=q شكرا أخي مصطفى على الإضافة الجميلة , و لكن كيف يمكنني إضافة الأيقونات قبل عناوين الإضافات مثل مدونتك ؟؟
ردحذفقم أخي بإستبدال هذا الكود
حذف#related_posts h4 {
background: #777;
color: #FFFFFF;
display: block;
font: bold 18px tahoma;
margin: 5px -15px 10px -5px;
padding:10px;
position: relative;
}
بهذا
#related_posts h4 {
background: url("https://lh6.googleusercontent.com/-SBbfNyje7jI/Uxu0ReQBcFI/AAAAAAAADhs/etPbFr-wfmk/s1444/bigic.png") no-repeat scroll 100% 10px #0062C4;
color: #FFFFFF;
display: block;
font: bold 16px droid arabic kufi;
margin: 5px -15px 10px -5px;
padding: 10px 50px 10px 10px;
position: relative;
}
وان اردت تغيير الأيقونه غير هذا الرابط
https://lh6.googleusercontent.com/-SBbfNyje7jI/Uxu0ReQBcFI/AAAAAAAADhs/etPbFr-wfmk/s1444/bigic.png
وهذا يخص اللون
#0062C4
شكرا أخي =d
حذفشكرا اخى عمرو على الاضافة وتم تصميم القالب الخاص بمدونتى شبه مدونتك وارجو المراجع عن القالب واذا تم اى خط ارجو الابلغ بيها كل عام اونت بخير
ردحذفhttp://bilokr.blogspot.com
كل عام وانت بخير أختي هذا ما يخص الشهر المبارك
حذفأما ما يخص القالب حقيقة يحزنني هذا الأمر كونه يتم انتهاك حقوق الملكية بهذا الشكل انا لم اسمح بتقليد القالب او نسخ الأكواد وما سمحت به فقط هو ما نشرته من ادوات موجوده بالقالب غير ذلك غير مسموح بإستخدام اى من الاكواد فهي محمية بحقوق ملكية خاصة وهذا انتهاك لها
اضافة الى انتهاك آخر وهو نقل المواضيع دون ذكر المصدر بإسم ورابط الموضوع الأصلي
لا أعلم هل تعلمين امور حقوق الملكية ام لا ولكن من الواضح طالما تسالين عن رايي اذا ليس لديك كثير من الخبرة في هذا المجال ولذلك ساوضح لك الامر
المواضيع القوالب هي اشياء تخص كل موقع لا يجوز ان تنقل او تقلد إلا بإذن صاحبها وان رفض لا يجوز فعل ذلك وإلا تعد سرقة
هناك مواقع تسمح بنسخ المواضيع كموقعي مع شرط الحفاظ على حقوق الملكية بإسم الموضوع ورابطته بان يكتب في المواضيع المنقوله وينوه عن ذلك
اما القوالب المصممة تصميم خاص كقالبي لا يجوز أبداً نسخ أكواده او تقليده إلا بإذني وأنا لم آذن لكم بذلك ولا لغيركم
لذلك يرجى الإلتزام بهذا الأمر وعدم تقليد القالب نهائياً واضافة الحقوق على المواضعي المنقولة من مدونتي
شكرا يا اخ عمرو على ردك السريع
حذفاما بعد انا لا انقل موضوع من مدونتك ام عن هذا القالب فقض احببت القالب الخاص بيك ولا يجوز اى سرقه بل اعجبنى وهذا لا يوجد اى شياء الى ان يكون القالب من حقق مع حزف حقوق الملكيه اسفه جداا اخى ولو اعرف ان هذا القالب يزعجج كونت اود ان لا اريد القالب منع للزعل والاحراج واسفه جدا اما عن الموضوع الزاى تتكلم عنه وهو نقل الموضوع بدون زكر المصدر انا لا انقل منك اى موضو اما الموضوع المتاشبه هو الموضوع التالى وارجو التركيز فى الموضوع هو الموضوع ذات صله بس مش بنفس تصميمك ارجو اتباع الموضوع جديد http://bilokr.blogspot.com/2014/07/2015.html تحياتى
خيراً أختي الفاضلة بالنسبة لحقوق القوالب هناك نوعين من الحقوق حق التعرب والتطوير وهو ان يكون هناك قالب مجاني شخص عربه وطوره وشخص آخر حذف الحقوق ونسبه لنفسه وهنا هذا انتهاك التعريب والتطوير وليس التصميم لان القالب مطروح مجانا
حذفاما عندما يكون القالب غير مجاني ومدفوع وتصميم خاص كقالبي اى نسخ للأكواد هو انتهاك لحقوق الملكية لان تلك الأكواد التي يتم نسخها في دقائق هي اخذت ربما ساعات للوصول لصيغة مضبوطة لها وهي حق خاص بصاحبها فقط لا يسمح لا بالنسخ ولا بالنقل والمشكلة ربما لا تعرفين هذا اختي ولكن هذه ليست اول مرة اصادف مشكلة مع مدونتك بخصوص حقوق الملكية لكن لم يكن معك ككاتبه كانت مع الأخ سيد وكتاب آخرين وكانت تتعلق بقوالب ومواضيع ولهذا لم الاحظ الفرق بين الموضوعين غلبتني الأفعال السابقة
أما اعجابك بالقالب اشكرك عليه وهو شهاده اعتز بها لكن للاسف كما قلت هو حق ملكية خاص لكن مدون وليس مسموح لا بتقليده ولا نسخه وحتى انني رفضت بيعه بالرغم من العديد من الطلبات عليه لذا يجرى الإلتزام بهذا الأمر ولك جزيل الشكر
يعطيك العافية اخي عمرو موضوع اكثر من رائع
ردحذفو كل سنة و انت طيب
ربي يحفظك أخي وكل عام وانت بخير يا طيب
حذفالسلام عليكم اخي عمرو كل عام وانت بخير رمضان كريم
ردحذفانا عاوز اضع المواضيع ذات صلة اسف الخط الفاصل بين الموضوع وتعليقات
مع تذكير مدونة بوزوم
وعليكم السلام ورحمة الله وبركاته
حذفوانت بخير أخي محمد ورمضان مبارك عليك وعلى الأمة الإسلامية
أظن أخي الكريم انك بالفعل وضعت الإضافة تحت الخط الفاصل موفق بإذن الله
أخي شكرا لك ك طيب كيف اقوم بسحب الخلفية الخضراء لتي عليها مواضيع ذات صلة الي اليمين او اليسار
ردحذفان كنت تقصد الأيقونة
حذففستجد كودها بالشكل التالي
url("https://lh6.googleusercontent.com/-SBbfNyje7jI/Uxu0ReQBcFI/AAAAAAAADhs/etPbFr-wfmk/s1444/bigic.png") no-repeat scroll 100% 10px #007CDD
قم بتعديل 100% الى رقم بالبكسل مثل 600px وقم بالزيادة والنقصان بحسب ما تريد
أما لو تقصد الخلفية بأكملها
فلديك margin: 5px -15px 10px -5px;
قم بتعديل رقم -15 و -5 حتى يضبط معك
شكرا اخي عمرو تقبل تحياتي
حذفالسلام عليكم ورحمة الله وبركاته وكل عام وانتم بخير
ردحذفاخى الحبيب ما شاء الله على مدونتك نسال الله ان يبارك
وجد فى مدونتك كل ما احتاجه لكن للاسف كلما حاولت ان اركب الاكواد لا تفلح معى ولا تظهر النتيجة
المشكلة عندى لكن لا اعرف ما الحل
للعلم هذه أول تصميم لى فى المدونة مع انى أتقن لغة php
نرجوا الافاده
والسلام عليكم
وعليكم السلام ورحمة الله وبركاته
حذفأشكرك جزيل الشكر على هذا الكلام الطيب اخي الكريم
بالنسبة لعدم ظهورالكود غالبا سيكون السبب الكود الذي تضيفه بعده
يعني انا نوهت عن ثلاث أكواد تضيف الكود بعد أحدهما قد تكون هذه الاكواد مكررة أكثر من مرة في القالب نسخة ستعمل تحتها الإضافة ونسخة لن تعمل معها عليك بتجربة كل نسخه بشكل منفرد حتى تحصل على النسخة المضبوطة يا طيب
السلام عليكم اخي
ردحذففي البداية اشكرك على مواضيعك الرائعة
انا لدي مشكة هي اي كود اضيفه في القالب يضهر لي هذا الخطأ
More than one widget was found with id: HTML2. Widget IDs should be unique.
وارجوا منك المساعدة
وعليكم السلام ورحمة الله وبركاته
حذفأهلا بك أخي الكريم
الواضح من الرسالة التنبيهية هي ان لديك اضافتين يحملان نفس المعرف
يعني لديك اضافة معرفها HTML2 وأنت تحاول اضافة آداة بها نفس الإسم التعريفي HTML2
غير المعرف لـ 3 أو 4 أو 11 أو اى رقم يضبط معك
شكراً لك ياطيب لقد تم حل المشكلة ...
حذفانا احببت مدونتك الرائعه .. واريد ان اعمل لك اعلان لها في مدونتي ...
اعطني رابط وصوره مدونتك ... لأضعها في مدونتي وهذا رابط مدونتي يمكك ان تراها
http://tagem3.blogspot.fr/
اشكرك أخي الكريم على هذا الدعم
حذفوهذا رابط صفحة البنرات الإعلانية
http://cnmu.blogspot.com/p/blog-page_11.html
------------------------------------
ملاحظة بخصوص نشرك رابط مدونتك بنطاق fr
راجع هذا الموضوع سيفيدك وبالتوفيق
http://cnmu.blogspot.com/2013/01/alexa.html
السلام عليكم
ردحذفرمضان كريم وكل عام وانت بخير عمرو
شكرا لك يا غالي على الإضافة الأكثر من رائعة , لاكن هل يمكن جعل الصور تظهر حتى لو لم يتم تحميلها على موقع بيكاسا ؟
وشكرا لك على ابداعك
وعليكم السلام ورحمة الله وبركاته
حذفبالنسبة للصور طالما لا تظهر فالمشكلة تلقائيا تكون في موقع الرفع وتوافقه مع بلوجر لذلك يجب تغيير الصور التي لا تظهر بصور مرفوعة على موقع يدعم بلوجر وطبعا لا مفر من استخدام بيكاسا
وسررت بمرورك العطر
السلام عليكم
ردحذفاخي عمرو انا اضفت هذه الإضافة الرائععة الي قالب قيد التطوير ولكن بها مشكلة
معاينة http://qaalbe.blogspot.com/
ارجو الحل وشكرا
وعليكم السلام ورحمة الله وبركاته
حذفأخي محمد ابحث عن هذا الكود #related_posts ul {
بعده ستجد الجزء التالي احذف الجزء
margin-right: -50px;
أما بالنسبة لخروج الكلمات عن مساحة المواضيع يمكنك تقليل عدد كلمات الملخص بقليل الرقم 88 كما هو موضح بالشرح وبالتوفيق
اخي عمرو مازالت الكلمات خارج عن المساحة مع العلم اني لم اجد الرقم 88 ولكمني وجدت 80 متكررة مرتان وقمت
ردحذفبتقليلها وزيادتها ولم تفلح
أخي محمد الرقم 88 موجود في الكود الاول وليس كود الستايل راجع اول كود بالموضوع
حذفالسلام عليكم و رحمة الله
ردحذفاخي عمرو لم استطع اضافة هذه الاضافة الى مدونتي و اضن ان المشكلة في القالب هذه مدونتي http://i-can213.blogspot.com/
اذا امكن تشوفلي حل بارك الله فيك اخي
وعليكم السلام ورحمة الله وبركاته
حذفجرب اخي الكريم أن تركبها مرة ثانية وجرب ان تضيف الكود الثاني فوق هذا الكود او كود ستجده يشبهه
<div class="postmeta-secondary">
ان لم ينفع جرب على قالب آخر ان عملت على القالب الآخر فكما قلت المشكلة ستكون من القالب استخدم قالب آخر
وبالتوفيق
أخي أنظر مواضيع تلتصق با الإضافة لتي قبلها ممكن الحل لوسمحت والله أتعبتك معي
ردحذفأخي في إضافة خيارات التنقل ستجد أسفل هذا الجزء .cnmu-pager
حذفmargin-bottom: 20px;
استبدله بهذا
margin-bottom: 20px !important;
مع العلم ان الرقم 20 هو الفرق يمكنك زيادته او انقاصه
السلام عليكم تحياتي لك اولا وان شاء الله تكون بافضل حال موضوع قيم ومفيد ايضا شكرا لك بس ياصديقي العزيز اريد شرح لكيفيت اضافه موضيع ذات صله او اقراء ايضا بس تكون تحت بعضهاء وبالون الازرق مثلا رئيتها في مدونات كتيره وعجبتني منتظر الافاده اخي شكرا تقبل مروري ^_^
ردحذفوعليكم السلام ورحمة الله وبركاته
حذفراجع هذا الموضوع أخي لعله ما تريد
http://cnmu.blogspot.com/2013/12/related-posts.html
تم تركيب الاضافة ولكنها لا تعمل الا اذا اضفت ( www ) قبل الرابط وان ادخلت الرابط بدونها لا تظهر
ردحذفرابط المعاينة : http://tqmap.blogspot.com
ما علاقة الرابط اخي بالاضافة ؟
حذفلا أعلم لكنى اكتشفت ان السبب ان المواضيع مرتبطة بالقسم فقط لأنى اذا قمت باضافة تدوينة بدون تحديد قسم تظهر الاضافة وعندما اضيف تدوينة تحمل اسم قسم تختفى الاضافة
حذفوهذا مثال اخر : http://v4eg.blogspot.com
ركب الإضافة من البداية جيداً أخي الإضافة تعمل جيداً طبيعيا لإضافة لا تظهر مواضيع الا ان كان الموضوع مضاف لقسم لانه تعتمد على الأقسام
حذفان لم يكن هناك قسم فلن تعمل
الاضافه لا تعمل معى يا اخى
ردحذفان لم تظهر نهائيا اذا المشكلة في الكود الثاني المكان الذي اضفته به ليس هو المكان الصحيح فاحيانا تكون تلك الاكواد متكررة
حذفاخي انا ماطلع الي اسم المواضيع والصور المرجوا المساعدة
ردحذفعدم ظهور الإسم او الصور معناه ان الموضوع لم يضاف الى قسم يجب ان تضيف الموضوع الى قسم معين او يكون القسم فارغ لا يوجد به اى مواضيع يجب ان يكون القسم به مواضيع اخرى بخلاف الموضوع الموجود لتظهر العناوين والصور
حذفشكرا اك ...تم التركيب والتفعيل بنجاح
ردحذفالسلام عليكم ورحمة الله وبركاته
ردحذف___
أخي الكريم بعد التحيه الطيبه أريد فقط معرفة شيئ أريد أعرف أزاي بتخليها نبزة يعني التفاصيل معه رابط الكلمة بمعني أنت لديك الموضوع وتحته مباشر تفاصيل حول الموضوع وشكرا أخي الكريم معه العلم شيئ بسيط مكنتش لاقي الثلاث أكواد ثم بحثت عن هذا الكود : تحته مباشر هذا الكود مواضيع ذات صلة الي هوة رقم 2
نجح معاية =r
http://ashb7a.blogspot.com
=d
وعليكم السلام ورحمة الله وبركاته
حذفالنبذة يتم جلبها من الموضوع نفسه بشكل تلقائي يعني لو الموضوع به نبذه في بدايته ستجلبها الآداة
يرجى مراجعة إعدادات المدونة ثم أخرى ثم السماح بخلاصة المدونة
من جانبها يجب التأكد أن الإختيار هو كامل
السلام عليكم ورحمة الله وبركاته اخي الكريم
حذف_
أسف علي الازعاج لك ولكن المشكلة تبقا كما هيي لا أعرف ما السبب تم مراجعه الخلاصة وهيي أختيار : الكامل ولكن لا اعرف ما السبب يمكن في الخط المدونة أو شيئ من هذا القبيل
وعليكم السلام ورحمة الله وبركاته
حذفجرب البحث عن الكود التالي واحذفه
#relpost_img_sum .news-text {
display: none;
}
جزاكم الله خيرا على هذا المجهود الرائع. لقد قمت بالتطبيق لكن يظهر لي بدلا من ملخصات المواضيع شئ كهذا : NORMAL 0 FALSE FALSE FALSE EN-US X-NONE AR-SA . فما هو الحال؟؟؟
ردحذفوجزاكم الله بالمثل تأكد من اعدادات اللغة في المدونة أخي وانها على اللغة العربية
حذفوتأكد ان المواضيع مضافة للتسميات
اللغة العربية هي لغة المدونة في الاعدادات و المواضيع مضافة للتسميات بدليل ظهور عناوين المواضيع ذات الصلة باللغة العربية أما الملخصات فتظهر كما قلت لك و ان كان ظهر ملخص واح من الملخصات الاربعة بطريقة منضبطة.
ردحذفطالما ظهر ملخص واحد يكون لديك المشكلة في المواضيع نفسها ان تكون بها أجزاء منسوخه او لا يوجد بها كتابه افتراضية
حذفلا توجد أجزاء منسوخة لدى مواضيعي بفضل الله. و ما معنى الكتابة الافتراضية؟
ردحذفآسف على كثرة الاستفسارات
لا عليك يا طيب , أقصد بالكتابة الإفتراضية ان يكون بالموضوع كتابة وليس فقط صور او فديو حينها لن تستطيع الإضافة جلب شئ في الملخص
حذفبخلاف ذلك لا اجد مشكلة فعلية لديك فالإضافة طالما جلبت ملخص موضوع إذا هي تعمل جيداً لديك عدم ظهور باقي الملخصات امر قد يكون سببه القالب او شئ آخر يصعب تحديده
معلش اخر سؤال. لاحظت شيئا قبل ذلك أنه عند عدم وضع فاصل في المواضيع من أجل ملخصات الصفحة الرئيسية ( اقرأ المزيد ) فإنه يظهر حروف غريبةكهذا الذي حدث معي بدلا من المقتطف و إذا رجعت و وضعت الفاصل و قمت بتحديث الموضوع فإن الملخص يظهر بطريقة صحيحة. فما الرابط بين الموضوعين في المظهر مع العلم أن الفاصل موجود في كل المواضيع و الملخصات قبل اقرأ المزيد منضبطة؟ أفيدونا أفادكم الله
ردحذفيصعب تفسير الأخطاء التي لا يوجد لها سبب محدد انا استخدم الفاصل دون مشاكل لذلك ربما تكون مشكلتك في الخط قد تكون الإضافة عاجزة عن قرائته او تكون المشكلة في القالب نفسه
حذفجزاكم الله خيرا. أرهقناكم معنا.
ردحذفوجزاكم الله بالمثل
حذفمرحبا
ردحذف