سلايدشو مدونة جزائري ويب V2



في هذه التدوينة سنتطرق الى طريقة اضافة سلايد شو مدونة جزائري ويب الى مدونات البلوجر بالشكل دقيق و بدون مشاكل . هذا السلايد شو الأنيق يضيف لمسة احترافية لشكل مدونتك بحيث يتم عرض آخر المواضيع و المشاركات " صورة للموضوع + العنوان + مقتطف من وصف المقالة" تلقائيا بدون اضافة أي كود ، مما يساهم في جذب انتباه الزائر بالشكل أكثر الى أحدث مشاركات المدونةو بالتالي قيمة فنية رائعة تضيف الى مميزات المدونة ...

كيفية اضافة هذا السلايدر شو الى مدوناتكم
    1. من لوحة التحكم  > قالب > تحرير "HTML"
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. ابحث عن الوسم  ]]></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://lh4.googleusercontent.com/-JFdm8dZP7go/VbO8RsL0qCI/AAAAAAAAC7w/jQWqVaLq04A/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>

ثم اضف الكود التالي فوق الوسم <head/>
<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" باحد اقسام مدونتك

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