السلام عليكم ورحمة الله وبركاته
فى موضوع جديد على مدونة مدهش ويب
فى هذا الموضوع سوف نتتطرق ل اضافة سلايدر كمدونة المحترف الجديد
وهذا الموضوع حصرى
1- نبحث عن <head/> ثم نضيف هذا كودا فوقها مع تغير الكلمة المحددة بل احمر بل تسمية الخاصة بل سلايدر
<script> //<![CDATA[/* Script from:http://modhich-web.blogspot.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;}elseif ("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: "slider1", //id of main slider DIV
contentsource: ["inline", ""], //Valid values: ["inline", ""] or ["ajax", "path_to_file"]
toc: "#increment", //Valid values: "#increment", "markup", ["label1", "label2", etc]
nextprev: ["Previous", "Next"], //labels for "prev" and "next" links. Set to "" 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/AVvXsEgSsb0q4A-jMp_4ifB2A4jVoOpjG_7Y9AZ5l-rXF2Vrlk_DV-HArU1y1FW97sr0cDc7IOoheFrqyvB45XFR1_7v50NEwnyH61Rd72Y7AWEKQ_gI0E5oHlIIuap-cGTXCY1QXNwKKhJ8H40/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>و الى ذالك نكون انتهاينا ومبرووك عليك
بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى" عبّر عن تعليقكالإبتسامات