إضافة أداة "مشاركات عشوائية" لمدونات بلوجر

إعلان تحت صورة الموضوع

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

الذي سنتطرق من خلاله إلى طريقة إضافة أداة "المشاركات العشوائية" للمدونة 

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

وهي تتغير بالستمرار مع كل تحميل لصفحات مدونتك

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

نمر الآن إلى طريقة التركيب

إذن أولا ومن الصفحة الرئيسية في بلوجر قم بالذهاب إلى:

تخطيط >> إضافة أداة >> HTML/JAVASCRIPT

ثم قم بإلصاق الكود التالي في المربع المخصص

<div class='widget-content'> <style type='text/css'> #random-posts img{float:right; webkit-border-radius: 100px; -moz-border-radius: 100px; border-radius: 100px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4); margin-right:0px;border:1px solid #999;width:70px;height:72px;padding:4px;} #random-posts {text-align:right;font:normal 14.5px "Sanchez",ge_ss_threeregular; line-height: 28px;padding-top: 10px;} #random-posts li{margin: 4px 4px 10px 0px;solid 2px ##333333;} </style> <ul id='random-posts'> <script type='text/javaScript'> var rdp_numposts=12; var rdp_snippet_length=60; var rdp_info='no'; rdp_info2='no'; var rdp_comment='Comments'; var rdp_disable='Comments Disabled'; 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhL8UG72blZbCbYVJ3_IM9jDC7D7XAczjvnde-i8TaiEVruRilk4Ltcn0oRSOJ4CMOp1UKkLZv6WDdDNKD6FsoJrbRAMJHJuTY6KRqz7J4TuaRwOMB06upTH1w08tmiPVNHFkbROLfb94E/s1600/no_thumb.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>'} if(rdp_info2=='yes'){document.write('<span class="random-summary">'+rdp_snippet)+'</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> </div>

إعلان وسط الموضوع

ثم قم بحفض الإضافة

إلى هنا نكون قد وصلنا إلى النهاية

أي إستفسار أو مشكل أنا في خدمتكم

و دمتم في رعاية الله.

إعلان آخر الموضوع