سلايدر التلقائي بتنسيقك الخاص

سلايدر رائع لعرض مواضيعك المميزة.هذا السلايد يعمل بشكل تلقائي بحيث أنك لا تحتاج لإضافة صور أو كتابة شيء كل ما عليك فعله هو أن تربطه بأحد الأقسام وهو سيقوم بجلب صور وعنوان وملخص الموضوعات ويظهرها تلقائياً.
لرؤية السلايدر هنا:

The slider here

طريقة التركيب:
أول شيء خد نسخة إحتياطية مت قالبك لتجنب المشاكل
ثم أدخل إلى تحرير القالب.

ضع الكود التالي فوق الوسم

الكود:: </body>

كود بلغة HTML:

الكود:: <script src='https://cnmu.googlecode.com/svn/trunk/cnmuautos.js'></script>
<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>

الكود:: وأضف الكود التالي تحت هذا الكود <'div id='main-wrapper>

كود بلغة HTML:

الكود:: <b:if cond='data:blog.url == data:blog.homepageUrl'>
<div id='featured'>
<div class='sliderwrapper' id='slider1'>
<script>
document.write("<script src=\"/feeds/posts/default/-/"+label1+"?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showrecentposts1\"><\/script>");
</script>
</div>
<div class='pagination' id='paginate-slider1'>
</div>
</div>
</b:if>

السلايد معد ليظهر في الصفحة الرئيسية فقط بحيث لا يسبب ثقل في المتصفح للزائر.

الكود:: ثم أضف الكود التالي فوق الوسم </head>

كود بلغة HTML:

الكود:: <script>
imgr = new Array();
imgr[0] = "https://lh3.googleusercontent.com/-tetsDYYQsVE/UW7i2KaUvWI/AAAAAAAABLA/MQd4Nx4U5Mg/s200/noimage.png";
showRandomImg = true;
aBold = true;
summaryPost = 200;
numposts1 =18;
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="sliderPostPhoto"><a href="'+posturl+'"><img width="155" height="121" class="alignnone" src="'+img[i]+'"/></a><div class="sliderPostInfo"></div></div><div class="featuredPost"><h2><a href="'+posturl+'">'+posttitle+'</a></h2><span>'+daystr+'</span><p>'+removeHtmlTag(postcontent,summaryPost)+'...</p></div></div>';
document.write(trtd);
j++;
}}
</script>

» اضف سلايدر يعرض اخر مشاركاتك في قمة الاحترافية!
» كتير احبو رافت الهجان رفعتلكم اليوم البوم المسيقة الخاص بية استمتعو
» [Style] : هدية شبكة الحب اليوم تقدم الاستيل الخاص الرومانسى الرائع نسخ 3.6.8