إضافة المشاركات العشوائيه والمشاركات حسب تصنيف محدد

الــيـوم مـعــنـا احـد الاضــافـات الـمـمــيـزه والـقـديــمـة صــراحـه، الإضــافـة مـعــدلـه وتـم تـغــيـر ألـوانــهـا وشـكـلــهـا وتـم قـص مـنــهـا بــعـض الاشــيـاء الـزائده أيــضـا تـم تـسـريـعــهـا بــحـذف الأكـواد الـخـارجــيـه، وتـم تـطـويــرهـا بـال CSS3.

الإضــافــة تــعــرض فــي الأســاس الـمــشــاركــات بـطــريــقــة عــشــوائيــه، ولــكــن نــسـتــطــيــع تـخــصـيــصــهــا بــحــيــث تــعــرض الـمــشــاركــات مــن قــســم مــعــيــن أو مــن تـســمــيــة مــعــيــن بــحــيــث تــجــلــب لــنــا مـواضــيــعــه.

الأضـافــة أيـضــا تـنـفــع لـمـطــوري الـقـوالــب والـذيــن يــبـحـثــون عــن طـريـقــة إضـافــة صـنــدوق يـعــرض الــمـشـاركــات حـســب تــصـنـيــف مـعـيــن، حـيــث انــه كـثــر الـبـحــث عـنـهــا...

صـورة مـن شـكـل الإضـافـة :

 

مــثــال حــى ومـبــاشــر لــلأداة

المعــاينة

مراحل تركيب الإضافة

1. ادخل إلى لتخطيط  المدونة في بلوجر.
2. أضف أداة HTML/javascript، ثم قم بلصق بها هذا الكود :

<script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
<script type="text/javascript">function RandomRecenTag(b){(function(m){var j={blogURL:"",MaxPost:5,RandompostActive:true,idcontaint:"#randompost",thumbSize:100,jumlahhuruf:100,cmtext:"comments",pBlank:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiCz86VMUi29UbRLNwrAdNQpJy7I_omlBuF19ZEyUhGaD-_xNF6eoS0OgzpCTQW-vqQ3v8UQOX-USnv72RuwFkS4h43VTp-A_sjw0m4gx06nVrPIgCjX1ejaEzzHLLLtTPEcUpPnPYmjE/s1600/noimage.jpg",NoCmtext:"No Comment",tagName:false};j=m.extend({},j,b);var k=m(j.idcontaint);if(j.blogURL==""){var a=window.location.protocol+"//"+window.location.host}else{var a=j.blogURL}var o=k.append('<ul class="rdmrcpostag"/>');var l=function(y){var D,i,c,h,B,z,C,f="",A=y.feed.entry;for(var d=0;d<A.length;d++){for(var e=0;e<A[d].link.length;e++){if(A[d].link[e].rel=="alternate"){D=A[d].link[e].href;break}}for(var g=0;g<A[d].link.length;g++){if(A[d].link[g].rel=="replies"&&A[d].link[g].type=="text/html"){c=A[d].link[g].title.split(" ")[0];break}}if(c!=0){h='<span class="cm">'+c+" "+j.cmtext+"</span>"}else{h='<span class="cm">'+j.NoCmtext+"</span>"}if("content" in A[d]){B=A[d].content.$t}else{if("summary" in A[d]){B=A[d].summary.$t}else{B=""}}if("media$thumbnail" in A[d]){z=A[d].media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+j.thumbSize+"-c")}else{z=j.pBlank.replace(/\/s[0-9]+(\-c|\/)/,"/s"+j.thumbSize+"$1")}B=B.replace(/<\S[^>]*>/g,"");if(B.length>j.jumlahhuruf){B=B.substring(0,j.jumlahhuruf)+"..."}i=A[d].title.$t;C=A[d].published.$t.substring(0,10),C=C.replace(/-/g,"/");f+='<li><a class="thumbp" href="'+D+'" target="_blank"><img width="'+j.thumbSize+'" height="'+j.thumbSize+'" alt="'+i+'"src="'+z+'"/></a><b><a href="'+D+'" target="_blank">'+i+'</a></b><div class="datex"><span class="dt">'+C+"</span>"+h+'</div><p class="contxisi">'+B+"</p></li>"}m("ul",k).append(f)};var p=function(h){Total_Posts_Number=h.feed.openSearch$totalResults.$t;if(Total_Posts_Number<=j.MaxPost){j.MaxPost=Total_Posts_Number}var e=[];while(e.length<j.MaxPost){var f=Math.ceil(Math.random()*Total_Posts_Number);var g=false;for(var i=0;i<e.length;i++){if(e[i]==f){g=true;break}}if(!g){e[e.length]=f}}if(j.tagName==false){var c=""}else{var c="/-/"+j.tagName}if(j.RandompostActive==true){for(var d=0;d<j.MaxPost;d++){m.ajax({url:a+"/feeds/posts/default"+c+"?start-index="+e[d]+"&max-results=1&orderby=published&alt=json-in-script",success:l,dataType:"jsonp",cache:true})}}else{m.ajax({url:a+"/feeds/posts/default"+c+"?max-results="+j.MaxPost+"&orderby=published&alt=json-in-script",success:l,dataType:"jsonp",cache:true})}};var n=function(){if(j.tagName==false){m.ajax({url:a+"/feeds/posts/default?max-results=0&alt=json-in-script",success:p,dataType:"jsonp",cache:true})}else{m.ajax({url:a+"/feeds/posts/default/-/"+j.tagName+"?max-results=0&alt=json-in-script",success:p,dataType:"jsonp",cache:true})}};m(document).ready(n)})(jQuery)};</script>
<div id="randomcecent_posts_id">
</div>
<script type="text/javascript">//<![CDATA[
$(window).load(function(){
RandomRecenTag({
blogURL: "http://www.teqniweb.com",
MaxPost: 6,
RandompostActive: true,
thumbSize:55,
jumlahhuruf:100,
cmtext:true,
NoCmtext:true,
tagName:'قوالب',
idcontaint: "#randomcecent_posts_id"
});
});
//]]></script>
<style>
ul.rdmrcpostag { text-align: right; font: normal normal 11px Arial, sans-serif; }
ul.rdmrcpostag, ul.rdmrcpostag li { margin: 0; padding: 0; list-style: none; overflow: hidden; }
ul.rdmrcpostag { background: #fff; width: 310px; float: right; }
ul.rdmrcpostag li { padding: 5px; float: right; }
ul.rdmrcpostag b a { color: #FFF; font: 700 12px tahoma, 'Open Sans', sans-serif; margin-right: 80px; padding: 13px 0 0 0; height: 48px; text-align: center; border-radius: 4px; display: block; background: #F0BF4A; border: 1px solid #D5A83D; }
ul.rdmrcpostag b a:before { content: ""; width: 0; height: 0; border-width: 10px 11px; border-style: solid; border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #F0BF4A; position: relative; top: 8px; right: -22px; display: block; float: right; }
ul.rdmrcpostag b a:hover { color: #977014; transition: .3s; }
ul.rdmrcpostag .thumbp { float: right; margin: 0 0 3px 5px; }
ul.rdmrcpostag img { padding: 3px; border: 1px solid #D5A83D; background: #F0BF4A; border-radius: 10px; }
ul.rdmrcpostag .datex { display: none; }
ul.rdmrcpostag .dt { margin: 0 0 0 5px; padding: 0 0 0 5px; border-right: 1px solid #7A7A7A; display: none; }
ul.rdmrcpostag p { display: none; }
</style>

 ضـبـط وتــعـديـل الإضـافـة :

• اللون الاحمر : اسـتـبــدلـه بـعــنـوان مـدونــتـك
• اللون الاصفر : هـذا عـدد الـمـشــاركـات، تــسـتـطــيـع زيــادتـه أو انـقــاصـه ( بـمــزاجـك )
• اللون الاخضر : هـذا اسـم الــتــصـنـيـف، قـم بــتـغـيـره بـالــتــصـنـيـف الـذي تـريـد، ولاكـن إذا أردت اظـهـار الــمـشـاركـات بــطـريـقـة عـشـوائيـه فــســتـبـدلـه كـامـل مـع عـلامـات الــتــنـصـيـص بـهـذه false
• اللون البنفسجي : هــو كــود اســتــدعــاء مــكــتــبــة الــجــيــكــوري, بــدونــه لــن تــعــمــل الأضــافــة, ولاكــن هــو مــوجــود فــي مــعــظــم الــقــوالــب, إذا كــان بــالــفــعــل مــوجــود فــي مــدونــتــك فــحــذفــه لانــك لــســت بــحــاجــتــه.

المصدر : http://www.teqniweb.com/