مساحة إعلانية

الأحد، 10 فبراير، 2013

الأحد، 10 فبراير، 2013

إضافة مواضيع عشوائية مع مصغرات Random Post

كنا عرضنا في موضوع سابق زر المواضيع العشوائية واليوم نعرض إضافة لعرض مواضيع عشوائية لكن بعناوين المواضيع وصور مصغرة 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)+"&#133;";};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 هو طول وعرض الصور المصغرة

هناك 23 تعليقًا:

  1. إضافة جميلة أخي أتمنى لك التوفيق

    ردحذف
  2. أهلا وسهلا بك
    وشكرا لمرورك
    وأتمنى لك أيضا التوفيق
    تحياتي

    ردحذف
  3. شكرا لك اخي ع ألأ ضافه الجميله
    بس هي متحركه ام ثابتبه

    ردحذف
  4. الشكر لله أخي أحمد
    والإضافة ثابته

    ردحذف
    الردود
    1. شكرا لك طيب متنفعش تبق متحركه زي باقي الأ ضفات اللي بنشفها

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

      حذف
  5. اضافة جميلة اخويا عمرو والله
    وشكلى هركبها عندى بدل المشاركات الشائعة
    لانى المشاركات الشائعة عندى الصور لما تظهر
    رايك يهمنى برضه ياغالى

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

      حذف
  6. اخويا وحبيبى عمرو
    انا فهمت قصدك
    بس بالنسبة للصور انا رافع صورتين موضوعيين على بيكاسا
    وفعلا ده موقع رائع من اول لما بلغتنى بيه وبستعمله لكله
    وبالنسية بعمل بحجم مناسب ياترى دى مشكلة ايه بقى

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

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

    ردحذف
    الردود
    1. نعم أخي ستظهر بإذن الله
      ولا يوجد تعب أخي الكريم
      تحياتي

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

    ردحذف
  9. أزال أحد مشرفي المدونة هذا التعليق.

    ردحذف
  10. يمكن تعديل الكلمة الإنجليزية comments بكلمة تعليقات و كذلك Comments Disabled بـ بدون تعليقات
    --------
    var rdp_comment='تعليقات';
    var rdp_disable='بدون تعليقات';

    ردحذف
    الردود
    1. نعم أخي محمد ملاحظة جيده كنت نسيت ذكرها
      بارك الله فيك

      حذف
  11. رهيييييييييييييييييييب انت استمر . . تم وضعك في المفضضلة :)

    ردحذف
    الردود
    1. شكراً لمرورك وأتشرف ان تكون المدونة في مفضلتك

      حذف
  12. الاضافة رووعة

    ممكن اكواد الـcss الخاصة بعنوان الموضوع مثل لون نص العنوان وارتفاعهِ الخ...

    ردحذف
    الردود
    1. اخي الإضافة تتخذ شكل والوان الخط والروابط في القالب تلقائياً
      لكن عموما جرب وضع التالي بعد الوسم <style>
      #random-posts {
      color: #777777;
      font-size: 15px;
      list-style: none outside none;
      }
      #random-posts a {
      color: #000000;
      text-decoration: none;
      }

      حذف
  13. شكرا لك أخي الكريم

    هل ممكن أن نضيف مقتطف من الموضوع على كل مشاركه

    ردحذف
    الردود
    1. أهلاً ومرحباً بك الإضافة لا تدعم تلك الخاصية فمصممها لم يتيح بها الأمر انا معرب ومطور للإضافة فانا لست متخصص في البرمجة تحياتي

      حذف

نسعد ونتشرف بتعليقاتكم
لكن هناك شروط يجب اتباعها لضمان نشر التعليقات
1ان يكون التعليق يخص محتوى الموضوع
2ان لا يحتوي التعليق اى روابط دون داعي
3إن أردت إضافة كود حوله اولا بمحول الأكواد
4أن لا يحتوي التعليق اي الفاظ او اساءات لاى احد
5أى سؤال بعيد عن محتوى الموضوع يرجى استخدام ركن الأسئلة

جميع الحقوق محفوظة لــ كن مدون 2013-2015 ©