اضافة قائمة المشاركات حسب تصنيف محدد

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

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

محدد كما يمكنكم التحكم في عدد المواضيع التي ستظهر كما يمكنك ايضا

اختيار تصنيف محدد تم عرضه عبر هذه الاضافة

لن أطيل عليكم اكثر تابعوني .

من لوحة التحكم بلوجر تخطيط اضافة اداة اضف الكود التالي داخل الاداة

<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/AVvXsEj8o3sva553v50pzLB-eo5gfrDaC4h4skTY9fZ-txKX3-Fbon6jkHwvzLYp9h6syTSyYESXRoAo03OKZMKAMuDSfS3C9yJzbyBWu9mmqUikj6iByoYZa0T9ecyPepXNHmLbpy7SB67A6bM/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.blogbzm.blogspot.com/",

MaxPost: 7,

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,Geneva,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: #ffa800;

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) #ffa800;

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: #ffa800;

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>

غير ماهوملون بلون الاخضر

من فضلك اضغظ لايك لمشاهدة لينك التحميل