ياهلا والله وسهلا تقبلو ترحيبي بكم وكل أمل بتواصلكم و تعليقاتكم ذات الفائدة واتمنى حضوركم المستمر لتحظو بكل ماهو جديد ومفيد و اتمنى ان تستفيدو ولاتبخلو علينا بتعليقاتكم. ♥♥♥
اليوم انشاء سوف اقدم لكم اضافة من اضافات بلوجر تحت عنوان مواضيع عشوائية مع الاعدادات
وتنسيقات اي أنه يمكنك التحكم الكامل في هذه الاضافة من ناحية الون والابعاد وكل شيئ ان كنت تريد الغاء نظرة علي الاضافة قبل ان تضيفها الي مدونتك فيمكنك ذلك وذلك من خلال زر المعاينة هذا
ا
ا
معاينة
طريقة التركيب أخي الزائر
طبعا كا العادة من لوحة التحكم بلوجر >> اضافة آداة >> ونضع بها الكود التالي
ا
ا
كود بلغة HTML:
<style type='text/css'>
#random-posts img{float:right;margin-left:10px;border:2px solid #000;border-radius: 5px;background:#FCE60B;width:36px;height:36px;padding:3px}
</style>
<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=4;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='التعليقات';true
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)+"…";};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+'" 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>
نظرة عامة علي الاضافة
float:right; هذا يعني ان الصور ستكون علي اليمين والنص علي اليسار
margin-left:10px; هذا الكود هو المستعمل لجعل مساحة بين الصور والعناوين
border:2px solid #000; أما هذا فهو المسؤول عن الخط الأسود و2 هي القيمة يمكن زيادتها ونقصانها
border-radius: 5px; أما هذا فهو المستعمل في جعل الصورة دائرية ويمكن زيادته ونقصانه أيضا
background: #FCE60B; أما هذا فهو المسؤول عن الخلفية الصفراء ويمكن تغيره باي لون تريده
width:36px; أما هذا فهو عرض الصورة 36
height:36px; أما هذا فهو طول الصورة 36
padding: 3px; أما هذا فيمثل المساحة بين الصور والخلفية ويستحسن تركه كما هو
var rdp_numposts=4; أما هذا فهو عدد المواضيع لتي سوف تظهر في الاضافة
var rdp_info='yes'; أما هذا فهو المسؤول عن اظهار واخفاء التاريخ والتعليقات غير yes الي no
وبهذا الشرح اصبح با امكانك تخصيص الاضافة كما تشاء
في أمان الله