
كنا عرضنا في موضوع سابق زر المواضيع العشوائية واليوم نعرض إضافة لعرض مواضيع عشوائية لكن بعناوين المواضيع وصور مصغرة Random Post With Thumbnail الفرق بين الإضافتين أن الأولى كما سماها مبرمجها ضربة حظ فأنت لا تعلم الى أين يأخذك الزر أما هذه انت تعلم بالضبط اي موضوع ستشاهد وكلاهما يفيد في إبقاء الزائر وقت أطول نظراً لانهما يعرضان مواضيع مختلفة مع كل تحديث للصفحة
وطريقة الإضافة فقط ضع الكود التالي في آداة HTML/JavaScript
<style>#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='تعليق';
var rdp_disable='بدون تعليقات';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"…";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://1.bp.blogspot.com/-v6XbCYAVV7o/UEMRCev1H-I/AAAAAAAADf0/PFwqDiY4jVg/s1600/na_image.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>
إن أردت جعل صور المصغرات على اليمين حول left الى Right و
Right الي left
الرقم 5 هو عدد المواضيع المعروضة في الإضافة
150 هو طول العنوان المسموح بعرضه
yes حولها الى No إن أردت إخفاء التعليقات والتاريخ من الإضافة
أما 36 هو طول وعرض الصور المصغرة
إضافة جميلة أخي أتمنى لك التوفيق
ردحذفأهلا وسهلا بك
ردحذفوشكرا لمرورك
وأتمنى لك أيضا التوفيق
تحياتي
شكرا لك اخي ع ألأ ضافه الجميله
ردحذفبس هي متحركه ام ثابتبه
الشكر لله أخي أحمد
ردحذفوالإضافة ثابته
شكرا لك طيب متنفعش تبق متحركه زي باقي الأ ضفات اللي بنشفها
حذفأخي الكريم الإضافات المتحركة تكون في آخر المواضيع وليس المواضيع العشوائيه
حذفلان آخر المواضيع يحتاج البعض لعرض عدد أكبر فيستخدم الحركة لفعل ذلك
أما المواضيع العشوائية هي طبيعي تتغير بها الموضوعات مع كل تحديث للصفحة فلا تحتاج الحركة
وملحوظة عامه حاول قدر الإمكان تجنبالإضافات المتحركة فهي أثقل مرتين من الإضافة العادية
وترهق الزوار أصحاب السرعات البطيئه
وبالتوفيق
اضافة جميلة اخويا عمرو والله
ردحذفوشكلى هركبها عندى بدل المشاركات الشائعة
لانى المشاركات الشائعة عندى الصور لما تظهر
رايك يهمنى برضه ياغالى
كل إضافة ولها إستخدام
حذفوبالنسبة للمشاركات الشائعة حاول ان تجعل او صورة في الموضوع بحجم مناسب
وتكون مرفوعة على موقع بيكاسا فهو الأضمن في وصول الإضافة للصور
اخويا وحبيبى عمرو
ردحذفانا فهمت قصدك
بس بالنسبة للصور انا رافع صورتين موضوعيين على بيكاسا
وفعلا ده موقع رائع من اول لما بلغتنى بيه وبستعمله لكله
وبالنسية بعمل بحجم مناسب ياترى دى مشكلة ايه بقى
إن كانت المواضيع التي إستخدمت بها بيكاسا جديدة فهي لن تظهر في المشاركات الشائعة
حذفأما إن كانت قديمة وقمت بتعديل الصور وجعلتها على موقع بيكاسا
فيد يكون عدم الظهور بسبب الصور القديمة ربما تكون حذفت الصور القديمة لكن روابطها ما زالت موجوده
قم بعمل تعديل على المواضيع وحول صندوق الكتابة من وضع التأليف الى HTML
وإبحث في بداية الأكواد عن روابط للصور القديمة وإحذفها
أو قد يكون يحتاج الموضوع بعض الوقت بحيث يتم تحديثة بالنسبة للآداة وتستقبل الصور الجديدة
هذه الإحتمالات الشائعة غير ذلك الله أعلم
اخى عمرو تسلم لردك الجميل
ردحذفوانا راجعت المواضيع اكتشفت انى كل المواضيع مش مرفوعة على بيكاسا للاسف
الا باين موضوع واحد وهو جديد
فااذا ياغالى عدلت على الصور للمواضيع القديمة وخليتها على بيكاسا ان شاء الله تظهر اما لا
ومعلش تعبك معايا اخى
نعم أخي ستظهر بإذن الله
حذفولا يوجد تعب أخي الكريم
تحياتي
حبيبى اخويا عمرو
ردحذففعلا تم اظهار الصور المصغرة تسلملى يارب
اخر سوال اخويا عمرو
انا دلوقتى مش عايز اظهر اداة المشاركات الشائعة فى صفحة المواضيع واعتقد مالهش لازمة
وعملت بالشرح بتاع اخفاء الزيادات بظبط وبيالحرف واتاكدت كام مرة
وفى الاخر بيقولى الخطا ده
ملحوظة : انا جربت الشرح بظبط لكود الغائها فى صفحة المواضيع مع اداة قناتنا على اليوتيوب وتم بالفعل الا هذه الاداة لم تنفع مالحل اخويا عمرو ؟؟
أزال أحد مشرفي المدونة هذا التعليق.
ردحذفيمكن تعديل الكلمة الإنجليزية comments بكلمة تعليقات و كذلك Comments Disabled بـ بدون تعليقات
ردحذف--------
var rdp_comment='تعليقات';
var rdp_disable='بدون تعليقات';
نعم أخي محمد ملاحظة جيده كنت نسيت ذكرها
حذفبارك الله فيك
رهيييييييييييييييييييب انت استمر . . تم وضعك في المفضضلة :)
ردحذفشكراً لمرورك وأتشرف ان تكون المدونة في مفضلتك
حذفالاضافة رووعة
ردحذفممكن اكواد الـcss الخاصة بعنوان الموضوع مثل لون نص العنوان وارتفاعهِ الخ...
اخي الإضافة تتخذ شكل والوان الخط والروابط في القالب تلقائياً
حذفلكن عموما جرب وضع التالي بعد الوسم <style>
#random-posts {
color: #777777;
font-size: 15px;
list-style: none outside none;
}
#random-posts a {
color: #000000;
text-decoration: none;
}
شكرا لك أخي الكريم
ردحذفهل ممكن أن نضيف مقتطف من الموضوع على كل مشاركه
أهلاً ومرحباً بك الإضافة لا تدعم تلك الخاصية فمصممها لم يتيح بها الأمر انا معرب ومطور للإضافة فانا لست متخصص في البرمجة تحياتي
حذفشكرا لك
حذف