حصريا اضافة سلايدر مدونة المحترف 2015 فى مدونتك

السلام عليكم ورحمة الله وبركاته

فى موضوع جديد على مدونة مبدع مصرى

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

وهذا الموضوع حصرى

1- نبحث عن <head/> ثم نضيف هذا كودا فوقها مع تغير الكلمة المحددة بل احمر بل تسمية الخاصة بل سلايدر

<script> 
//<![CDATA[
/* Script from:http://mobd3masry.com/ */
imgr = new Array();
imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg";
showRandomImg = true;
aBold = true;
summaryPost = 300; 

numposts1 = 7; 
label1 = "سلايد";
function removeHtmlTag(strx,chop){var s=strx.split("<");for(var i=0;i<s.length;i++){if(s[i].indexOf(">")!=-1){s[i]=s[i].substring(s[i].indexOf(">")+1,s[i].length)}}s=s.join("");s=s.substring(0,chop-1);return s}
function showrecentposts1(json){j=(showRandomImg)?Math.floor((imgr.length+1)*Math.random()):0;img=new Array();for(var i=0;i<numposts1;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var pcm;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){pcm=entry.link[k].title.split("")[0];break}}
        
if ("content" in entry) {
var postcontent = entry.content.$t;}
else
if ("summary" in entry) {
var postcontent = entry.summary.$t;}
else var postcontent = "";
postdate = entry.published.$t;
if(j>imgr.length-1) j=0;
img[i] = imgr[j];
s = postcontent    ; a = s.indexOf("<img"); b = s.indexOf("src=\"",a); c = s.indexOf("\"",b+5); d = s.substr(b+5,c-b-5);
if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")) img[i] = d;
var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"];var day=postdate.split("-")[2].substring(0,2);var m=postdate.split("-")[1];var y=postdate.split("-")[0];for(var u2=0;u2<month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break;
}}
var daystr = day+ ' ' + m + ' ' + y ;
var trtd = '<div class="contentdiv"><div class="alwansf"><a href="'+posturl+'"><img width="617" height="385" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="alwanip"><h6><a href="'+posturl+'">'+posttitle+'</a></h6><div class="alwand" >'+daystr+'</div><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';     
document.write(trtd);       
j++;
}}
//]]>
</script>

وبعد ذالك نقوم بوضع الكود التالى قبل <body/> 

<script src='http://yourjavascript.com/917824114/slider.js' type='text/javascript'/><script>
      featuredcontentslider.init({
        id: &quot;slider1&quot;, //id of main slider DIV
        contentsource: [&quot;inline&quot;, &quot;&quot;], //Valid values: [&quot;inline&quot;, &quot;&quot;] or [&quot;ajax&quot;, &quot;path_to_file&quot;]
        toc: &quot;#increment&quot;, //Valid values: &quot;#increment&quot;, &quot;markup&quot;, [&quot;label1&quot;, &quot;label2&quot;, etc]
        nextprev: [&quot;Previous&quot;, &quot;Next&quot;], //labels for &quot;prev&quot; and &quot;next&quot; links. Set to &quot;&quot; to hide.
        enablefade: [true, 0.5], //[true/false, fadedegree]
        autorotate: [true, 6000], //[true/false, pausetime]
        onChange: function(previndex, curindex){ //event handler fired whenever script changes slide
        //previndex holds index of last slide viewed b4 current (1=1st slide, 2nd=2nd etc)
        //curindex holds index of currently shown slide (1=1st slide, 2nd=2nd etc)
      }
                                 })
    </script>

وبعد ذالك ناتى قبل <b:skin> ونكتب الكود الاتى

#alwansd{height: 273px; margin: 0 0 11px 0px; background: #32322F; border: 7px solid #fff;}
	.alwanw{
	position: relative;
	height: 254px;
	}
	.alwanw .contentdiv{
	visibility: hidden;
	position: absolute;
	opacity: 1;
	}
	.alwan-ps{text-align: right; float: right; padding: 0 9px; margin: 6px auto;}
	.alwan-ps .toc{width: 82px; font-size: 0; border-radius: 0.5px; height: 6px; float: right; background: #C8C5C5; margin-left: 9px;}
	.alwan-ps a.selected{
	background:#146399;
	}
	.alwan-ps .prev, .alwan-ps .next {display:none; }
	.alwanip{width: 653px; padding: 10px !important; bottom: 0; float: left !important; position: absolute; background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmMcexvyV-ZyfKs_OrSDXUSGwhObVsZfLEPictRbgcxIBY2ND2Uj3zsApiWbCS2vNe3uFrwtI_z1MCgAmxAjKrsqo8S34viLWOdB55JOVBiiN-0rKWi_RhssyUI2xCnC7eIx6VFdfFPQE/s1600/backslide.png);}
	.alwanip a{color: #dcdcdc; font: 16px hacen_liner; line-height: 15px; display: block; padding: 12px 0; margin: 0 0px;}
	.alwanip h6{margin: 0;}
	.alwanip h6 a:hover {color:#146399;}
	.alwanip .alwand{font:12px arial; margin:4px 0; color:#a5a5a5;display: none; }
	.alwanip p{font-size: 13px; margin: 0; font: normal 12px Droid Arabic Naskh; color: #989C9E; line-height: 19px;}
	.alwansf a img{float: right !important; width: 673px; height: 251px;}
	.alwansf {float: right !important; width:680px!important;}
	.column-center-outer {
	width: 680px;
	}

ثم بعد ذالك نضيف الكود هذا فى المكان الذى تريد فيه ظهور السلايدر لو تريده فوق التدوينات فى الصفحة الرائيسية ضعه بعد هذا الكود body-wraper

                    <b:if cond='data:blog.url == data:blog.homepageUrl'>
 <div id='alwansd'>
              <div class='alwanw' id='slider1'>
                <script>
                  //<![CDATA[
                  document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
                  //]]>
                </script>
              </div>
              <div class='alwan-ps' id='paginate-slider1'/>
       </if>    </div>

و الى ذالك نكون انتهاينا ومبرووك عليك