الجمعة، 7 فبراير 2014

إضافة أداة المواضيع العشوائية لمدونتك بشكل بسيط


عدت إليكم مجددًا ومعى موضوع متميز وفريد من نوعه فى مجال اضافات البلوجر وهو إضافة أداة المواضيع العشوائية لمدونتك التى تتغير مع تحديث الصفحة وهى تمتاز بسرعة التحميل والنظام والشكل الجذاب مع مصغرات الصور كما هو بالصورة أعلاه وهذه الأداة المتميزة تساعد الزائر على الوصول لأكبر عدد من المواضيع فى مدونتك ، والآن مع شرح التركيب 

المعاينــــة >>  من هنا  أو هنــا
شرح التركيب 
اذهب للوحة التحكم >> التخطيط >> اضافة أداة >> Html/Javascript
ضع بها الكــــــــــــود التالى 
<style type='text/css'>
#random-posts img{float:right;margin-left:10px;border:2px solid #999;background:#FFF;width:45px;height:45px;border-radius:3px;padding:3px}#random-posts img:hover{border-radius:999px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=3;
var rdp_snippet_length=150;
var rdp_info='no';
var rdp_comment='التعليقات';
var rdp_disable='Turn off comments';
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){a=location.href;y=a.indexOf('?m=0');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;if(y!=-1){rdp_posturl=rdp_posturl+'?m=0'}var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="http://lh3.ggpht.com/--Z8SVBQZ4X8/TdDxPVMl_sI/AAAAAAAAAAA/jhAgjCpZtRQ/no-image.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" 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>
ملاحظات على الكـــود
♦ لتحديد عــــــــدد المواضيع >>    var rdp_numposts=3
♦ لاظهار واخفاء تفاصيل الموضوع >> var rdp_info='no

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

6 التعليقات:

  1. الردود
    1. عند حسن الظن دائما اخى ان شاء الله

      حذف
  2. شكرا لك يا اخى الكريم :) لكن للاسف تظهر الصور فارغة ويلزم لها ان تكون الصور مرفوعة من المدونة ممكن حل للمشكلة

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

      حذف

ملاحظة : للإبلاغ عن رابط محتوى لا يعمل المرجوا الضغط على " الاتصال السريع " في أسفل القائمة مباشرة لاصلاح الخطأ بسرعة : نحن نسعى دائما لرقي الموقع جميعا من أجل الاستقرار
جميع الحقوق محفوظة © 2014 مدونة ابداعاتىجميعا من أجل الاستقرار