إضافة سلايد شو تلقائي لمدونات بلوجر



 مرحبا بكم اخواني في كل جديد من مدونة جزائري ويب
 اليوم باذن الله سوف اشرح لكم كيفية اضافة سلايد شو احترافي
 (سلايدرشو المحترف) لمدونات بلوجر بطريقه سهله ومضمونه
هذا السلايدرشو يعرض لك اخر المواضيع المضافه في قسم معين بطريقه تلقائيه
 حيث يتم تحديد هذا القسم او التسميه حسب رغبتك 

كيفية اضافة هذا السلايدر شو الى مدوناتكم
    1. من لوحة التحكم -> قالب -> تحرير HTML
    2. خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات
    3. ابحث عن الوسم  ]]></b:skin> و اضف الكود التالي فوقه:
/* CSS Slider */ #alwansd{height: 273px; margin: 10px 0px; background: #34495e;width: 666px;} .alwanw{position: relative;height: 254px;} .alwanw .contentdiv{visibility: hidden;position: absolute;opacity: 1;} .alwan-ps{text-align: right; float: right; padding: 0 4px; margin: 6px auto;} .alwan-ps .toc{width: 95px; font-size: 0; border-radius: 0.5px; height: 6px; float: right;background: #fff; margin-right: 10px;} .alwan-ps a.selected{background:#18629C;} .alwan-ps .prev, .alwan-ps .next {display:none;} .alwanip{width: 646px; padding: 10px !important; bottom: 0; float: left !important; position: absolute; background: rgba(32, 45, 59, 0.85);} .alwanip a{color: #dcdcdc; font: 16px GESSTwoMediumRegular,tahoma; line-height: 10px; display: block; padding: 12px 0; margin: 0 0px;} .alwanip h6{margin: 0;} .alwanip h6 a:hover {color:#18629C;} .alwanip .alwand{font:12px GESSTwoMediumRegular,tahoma; margin:4px 0; color:#a5a5a5;display: none; } .alwanip p{font-size: 13px; margin: 0; font: normal 12px GESSTwoMediumRegular,tahoma; color: #f1f1f1; line-height: 19px;} .alwansf a img{float: right !important; width: 666px; height: 251px;} .alwansf {float: right !important; width:666px!important;} .column-center-outer {width: 666px;}

الآن قم بالبحث عن:   <head/> 
والصق الكود التالي قبله مباشره (فوقه)
<script type='text/javascript'> /* Script from:http://jazairiweb.blogspot.com */ imgr = new Array(); imgr[0] = &quot;https://lh3.googleusercontent.com/-l_9FGl6stGg/VYBfbeNrCuI/AAAAAAAABew/ZIvuU1qEjdo/w618-h509-no/Vinage_Logos.png&quot;; showRandomImg = true; aBold = true; summaryPost = 150; numposts1 = 6; label1 = &quot;خدماتنا&quot;; function removeHtmlTag(strx,chop){var s=strx.split(&quot;&lt;&quot;);for(var i=0;i&lt;s.length;i++){if(s[i].indexOf(&quot;&gt;&quot;)!=-1){s[i]=s[i].substring(s[i].indexOf(&quot;&gt;&quot;)+1,s[i].length)}}s=s.join(&quot;&quot;);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&lt;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&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;alternate&#39;){posturl=entry.link[k].href;break}}for(var k=0;k&lt;entry.link.length;k++){if(entry.link[k].rel==&#39;replies&#39;&amp;&amp;entry.link[k].type==&#39;text/html&#39;){pcm=entry.link[k].title.split(&quot;&quot;)[0];break}} if (&quot;content&quot; in entry) { var postcontent = entry.content.$t;} else if (&quot;summary&quot; in entry) { var postcontent = entry.summary.$t;} else var postcontent = &quot;&quot;; postdate = entry.published.$t; if(j&gt;imgr.length-1) j=0; img[i] = imgr[j]; s = postcontent ; a = s.indexOf(&quot;&lt;img&quot;); b = s.indexOf(&quot;src=\&quot;&quot;,a); c = s.indexOf(&quot;\&quot;&quot;,b+5); d = s.substr(b+5,c-b-5); if((a!=-1)&amp;&amp;(b!=-1)&amp;&amp;(c!=-1)&amp;&amp;(d!=&quot;&quot;)) img[i] = d; var month=[1,2,3,4,5,6,7,8,9,10,11,12];var month2=[&quot;Jan&quot;,&quot;Feb&quot;,&quot;Mar&quot;,&quot;Apr&quot;,&quot;May&quot;,&quot;Jun&quot;,&quot;Jul&quot;,&quot;Aug&quot;,&quot;Sep&quot;,&quot;Oct&quot;,&quot;Nov&quot;,&quot;Dec&quot;];var day=postdate.split(&quot;-&quot;)[2].substring(0,2);var m=postdate.split(&quot;-&quot;)[1];var y=postdate.split(&quot;-&quot;)[0];for(var u2=0;u2&lt;month.length;u2++){if(parseInt(m)==month[u2]){m=month2[u2];break; }} var daystr = day+ &#39; &#39; + m + &#39; &#39; + y ; var trtd = &#39;&lt;div class=&quot;contentdiv&quot;&gt;&lt;div class=&quot;alwansf&quot;&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&lt;img width=&quot;617&quot; height=&quot;385&quot; class=&quot;alignnone&quot; src=&quot;&#39;+img[i]+&#39;&quot;/&gt;&lt;/a&gt;&lt;div class=&quot;sliderPostInfo&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;div class=&quot;alwanip&quot;&gt;&lt;h6&gt;&lt;a href=&quot;&#39;+posturl+&#39;&quot;&gt;&#39;+posttitle+&#39;&lt;/a&gt;&lt;/h6&gt;&lt;div class=&quot;alwand&quot; &gt;&#39;+daystr+&#39;&lt;/div&gt;&lt;p&gt;&#39; +removeHtmlTag(postcontent,summaryPost)+&#39;...&lt;/p&gt;&lt;/div&gt;&lt;/div&gt;&#39;; document.write(trtd); j++; }} </script>


ملاحظة:
    1. قم بتغيير كلمة خدماتنا باسم القسم الذي سيتم عرض مواضيعه
    2. بعد ذلك قم بالبحث عن  <body/>  والصق الكود التالي قبله مباشره (فوقه)
<script src='https://googledrive.com/host/0B2v7cH8soLJraTNUTkhtRWtIMTA'></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'> 
واذا لم تجده قم بوضعه في المكان الدي يناسبك
<b:if cond='data:blog.url == data:blog.homepageUrl'> <div id='alwansd'> <div class='alwanw' id='slider1'> &lt;script&gt; document.write(&quot;&lt;script src=\&quot;/feeds/posts/default/-/&quot;+label1+&quot;?max-results=&quot;+numposts1+&quot;&amp;orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts1\&quot;&gt;&lt;\/script&gt;&quot;); &lt;/script&gt; </div> <div class='alwan-ps' id='paginate-slider1'> </div> </div> </b:if>

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