{حصريا} إضافة مواضيع ذات صلة الخاصة بقالب كوول ابطر

مرحبا بكم في درس جديد وإضافة جديدة من دروس مدونة ابطر :)

في هذا الدرس ساقوم بطرح اداة جديدة ومجانية وايضا حصرية هذه الاضافة هي عبارة عن مواضيع ذات صلة على شكل صور ونص :)

بعد معاينة الإضافة إتبع الخطوات التالية لإضافتها لقالبك :

1. إذهب للوحة تحكم بلوجر من هنا.
2.  إذهب الى تبويبت القالب.
3. اعمل نسخة احتياطية للقالب لتفاذي المشاكل.
4. ثم إدخل إلى القالب وإضغط تحرير HTML 

بعد ذلك إبحث عن الكلمة التالية:

]]></b:skin>

:ثم اضف قبله مباشرة الكود التالي

/* --- Abter-Related_Post by Abter.Blogspot.com --- */
#related_posts{color:#B3B3B3;}
#related_posts ul{overflow:hidden;list-style:none;}
#related_posts li{list-style:none;float:right;position:relative;width:50%;padding:0;min-height:120px;margin:0 0 8px;}
#related_posts .inner{padding:5px 3px;}
#related_posts .gmbrrltd{float:right;margin-left:5px;padding:3px;border:1px solid #d3d3d3;width:70px;height:70px;display:block;}
#related_posts a:hover{text-decoration:none;}
#related_posts strong{line-height:1.4em;overflow:hidden;max-height:30px;margin-bottom:5px;display:block;}
#related_posts p{margin:5px 0 0;line-height:1.5em;display:none;}
#related_posts .date.floatd:before{display:none;}
#related_posts .date.floatd{position:absolute;top:0;right:15px;color:#ffffff;display:block;background-color:#be001b;text-align:center;padding:4px 2px;}
#related_posts li:hover .date.floatd{background-color:#770404;}
#related_posts .date.floatd span{display:block;font-size:9px;line-height:12px;height:12px;}
#related_posts .date.floatd span.dd{font-size:18px;line-height:17px;height:17px;font-weight:bold;}

بعد ذلك إبحث عن الكلمة التالية:

</head>

:ثم اضف قبله مباشرة الكود التالي

<script class='jshilang' type='text/javascript'>
//<![CDATA[
//Abter-Related_Post by Abter.Blogspot.com
function relatedPostsWidget(a){(function(e){var f={blogURL:"",maxPosts:5,maxTags:5,maxPostsPerTag:5,containerSelector:"#related_posts",tags:null,loadingText:"",loadingClass:"loadingxx",relevantTip:"",ShowComment:true,ShowDate:true,DateFloat:false,ShowDesc:true,rlt_summary:100,relatedTitle:"مواضيع ذات صلة",readMoretext:"متابعة القراءة »",rlpBlank:"http://1.bp.blogspot.com/-htG7vy9vIAA/Tp0KrMUdoWI/AAAAAAAABAU/e7XkFtErqsU/s1600/grey.gif",rlt_thumb:70,recentTitle:"Recent Posts",MonthNames:["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],postScoreClass:"",onLoad:false};f=e.extend({},f,a);var k=0,b=null,g=null;if(!f.containerSelector){document.write('<div id="related_posts"></div>');f.containerSelector="#related_posts"}var c=function(A,v){k++;if(A.feed.entry){for(var z=0,o=A.feed.entry.length;z<o;z++){var D,q,H,s,t,G,F,B,p,w,E,y,n=A.feed.entry[z];var n=A.feed.entry[z];for(var x=0,r=n.link.length;x<r;x++){if(n.link[x].rel=="alternate"){D=n.link[x].href;break}}for(var u=0,C=n.link.length;u<C;u++){if(n.link[u].rel=="replies"&&n.link[u].type=="text/html"){G=n.link[u].title.split(" ")[0];break}}q=("content" in n)?n.content.$t:("summary" in n)?n.summary.$t:"";var m=/<script\b[^<]*(?:(?!<\/script>)<[^<]*)*<\/script>/gi;t=e("<div></div>").append(q.replace(m,""));F=t.find("img");s=("media$thumbnail" in n)?n.media$thumbnail.url.replace(/\/s[0-9]+\-c/g,"/s"+f.rlt_thumb+"-c"):(F.length!=0)?F[0].src:f.rlpBlank;q=q.replace(/<\S[^>]*>/g,"");if(q.length>f.rlt_summary){q=q.substring(0,f.rlt_summary)+"..."}H=n.title.$t;B=n.published.$t.substring(0,10);p=B.substring(0,4);w=B.substring(5,7);E=B.substring(8,10);y=f.MonthNames[parseInt(w,10)-1];if(location.href.toLowerCase()!=D.toLowerCase()){i(D,H,s,q,p,E,y,G)}}}if(k>=f.tags.length){g.attr("class","");e("#related-posts-loadingtext",b).remove();if(f.maxPosts>0){e("li:gt("+(f.maxPosts-1)+")",g).remove()}}};var i=function(q,u,w,m,y,v,x,z){var r=e("li",g);for(var p=0,l=r.length;p<l;p++){var t=e("a",r.eq(p));var s=j(t);if(t.attr("href")==q){h(t,++s);for(var o=p-1;o>=0;o--){var n=e("a",r.eq(o));if(j(n)>s){if(p-o>1){r.eq(o).after(r.eq(p))}return}}if(p>0){r.eq(0).before(r.eq(p))}return}}g.append('<li><div class="inner"><a class="jdlunya" href="'+q+'" title="'+(f.relevantTip?f.relevantTip.replace("\d",1):"")+'"><span class="gmbrrltd"><img style="width:'+f.rlt_thumb+"px;height:"+f.rlt_thumb+'px;display: block" alt="'+u+'" src="'+w+'"/></span><strong>'+u+'</strong></a><div class="info">'+(f.ShowDate===true?'<span class="date'+(f.DateFloat===true?" floatd":"")+'"><span class="dd">'+v+'</span> <span class="dm">'+x+'</span> <span class="dy">'+y+"</span></span>":"")+(f.ShowComment===true?'<span class="comnum"><a href="'+q+'#comment-form">'+z+"</a></span>":"")+"</div><p "+(f.ShowDesc===true?'style="display:block"':"")+">"+m+'<a title="'+u+'" href="'+q+'">'+f.readMoretext+"</a></p></div></li>")};var j=function(l){var m=parseInt(l.attr("score"));return m>0?m:1};var h=function(l,m){l.attr("score",m);if(f.relevantTip){l.attr("title",f.relevantTip.replace("\d",m))}if(f.postScoreClass){l.attr("class",f.postScoreClass+m)}};var d=function(){if(f.containerSelector!="#related_posts"){var l=e(f.containerSelector);if(l.length!=1){return}b=e('<div id="related_posts"></div>').appendTo(l)}else{b=e(f.containerSelector)}if(!f.tags){f.tags=[];e('a[rel="tag"]:lt('+f.maxTags+")").each(function(){var n=e.trim(e(this).text().replace(/\n/g,""));if(e.inArray(n,f.tags)==-1){f.tags[f.tags.length]=n}})}if(f.tags.length==0&&!f.recentTitle){return}if(f.tags.length==0){e("<h4><span>"+f.recentTitle+"</span></h4>").appendTo(b)}else{if(f.relatedTitle){e("<h4><span>"+f.relatedTitle+"</span></h4>").appendTo(b)}}if(f.loadingText){e('<div id="related-posts-loadingtext">'+f.loadingText+"</div>").appendTo(b)}g=e("<ul "+(f.loadingClass?'class="'+f.loadingClass+'"':"")+"></ul>").appendTo(b);if(f.tags.length==0){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}else{for(var m=0;m<f.tags.length;m++){e.get((f.blogURL===""?window.location.protocol+"//"+window.location.host:f.blogURL)+"/feeds/posts/default/-/"+f.tags[m]+"?max-results="+f.maxPostsPerTag+"&orderby=published&alt=json-in-script",c,"jsonp")}}};d()})(jQuery)};
//]]>
</script>  

قم بتغيير "مواضيع ذات صلة" إلى الجملة او الكلمة التي تناسبك

بعد ذلك إبحث عن الكلمة التالية:

<data:post.body/>

.ستجد الكثير منها قم بإختيار الثالثة
:ثم اضف قبله مباشرة الكود التالي

<div id='related_posts'/>
<script class='jshilang' type='text/javascript'>
relatedPostsWidget();
</script>

بعد ذلك قم بحفض قالبك :)

الموضوع الاصلي: {حصريا} إضافة مواضيع ذات صلة الخاصة...