سلايدشو مدونة جزائري ويب V2
في هذه التدوينة سنتطرق الى طريقة اضافة سلايد شو مدونة جزائري ويب الى مدونات البلوجر بالشكل دقيق و بدون مشاكل . هذا السلايد شو الأنيق يضيف لمسة احترافية لشكل مدونتك بحيث يتم عرض آخر المواضيع و المشاركات " صورة للموضوع + العنوان + مقتطف من وصف المقالة" تلقائيا بدون اضافة أي كود ، مما يساهم في جذب انتباه الزائر بالشكل أكثر الى أحدث مشاركات المدونةو بالتالي قيمة فنية رائعة تضيف الى مميزات المدونة ...
- من لوحة التحكم > قالب > تحرير "HTML"
- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
- ابحث عن الوسم
]]></b:skin> و اضف الكود التالي فوقه:
/*----------alwansd----------*/#alwansd { height: 276px; margin: auto; padding: 20px; background: #fff; width: 957px; margin-top: 20px; border-radius: 0px; border: 1px solid #D6D3D3; }.alwanw { height: 241px; width: 100%; margin: auto; } .alwanw .contentdiv { visibility: hidden; opacity: 1; position: absolute; height: 240px; } .alwan-ps { text-align: right; float: left; width: 490px; height: 13px; margin: 0 auto; } .alwan-ps .toc { float: right; font-size: 0; width: 73px; height: 20px; background: #34495e; border-radius: 2px; margin-left: 8px; } .alwan-ps .toc:focus { transform: rotate(180deg); transition-duration: 1s; } .alwan-ps .selected { background: #F74047;} .alwan-ps .prev ,.alwan-ps .next { display:none; } .alwan-ps .next:hover { background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinedS9rxy8Q72koXSfYpoIEyzItS3Q36s7EGaDTSnn7DeGUl27rGDEz2PzgPaG05wUUxMIvrsVPVZ6O2ujY3O3D6sv9_gn4vz39TlbcdJBhncEA_5KhkUIsysMSWy0ogq_OrAz9r-xnJPK/w27-h128-no/next-h.png); } .alwanip { width: 486px; float: left !important; padding: 0 37px 0 0; margin: 0 auto; } .alwanip h6 { margin-bottom: 10px; } .alwanip a { color: #34495e; font: 23px normal 'GESSTwoLight'; margin: 0 auto; line-height: 37px; } .alwanip .alwand { color: #F74047; } .alwanip p { margin: 0 auto; color: #5E5D5D; font-family: 'GESSTwoLight'; } .alwansf { float: right !important; margin: 0 auto; } .alwansf a img { width: 435px; height: 275px; } .alwansf a img:hover { -webkit-transform: scale(0.9); -moz-transform: scale(0.9); -ms-transform: scale(0.9); transform: scale(0.9); -webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; transition: transform 0.8s; }
<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'></div></div>
<script>//<![CDATA[/* Script from:www.jazairiweb.blogspot.com/ */ imgr = new Array(); imgr[0] = "http://lh3.ggpht.com/_kViOplhgIHI/TKxBIScZTiI/AAAAAAAAAWE/PM7AQ1lf6ME/noimages.jpg"; showRandomImg = true; aBold = true; summaryPost = 300; numposts1 = 6; label1 = "ok2"; 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>
غير "ok2" باحد اقسام مدونتك
